body {padding:0px; font-family: "Trebuchet MS", Tahoma, Verdana, Helvetica, sans-serif; font-size: 9.5pt; color: #202020; background: #48c;}

div {border: none;}
			
#container {width: 800px; margin-left: auto; margin-right: auto; border: 6px solid white; background: white;}
#pageheader {margin-bottom: 6px;}
#headerchurches {position: relative; float: right; margin-bottom: 4px;} 
#headerimage {position: relative; float: left;}
#datebar {position: relative; float: left; width: 100%; height: 32px; xborder-top: 2px #A04040 solid; xborder-bottom: 2px #A04040 solid;
		  background: #86182b; padding: 0px; margin: 0px; margin-bottom: 5px;}
#date {margin-left: 5px; margin-top: 4px; color: white; padding-top: 2px; position: relative; float: left; height: 24px; width: 20%; }
#search {margin-top: 4px; position: relative; float: right; color: white; height: 30px; width: auto; margin-right: 7px; }
.searchfield {font-size: 11pt; xline-height: 130%; height: 21px; border: 1px solid #fff; color: #666; margin: 0px; padding: 0px; width: 125px; }

#middle {background-color: #ffffff; position: relative; float: left; width: 100%; margin-top: 0px; margin-left: 0px; margin-right: 0px; margin-bottom: 10px;}

#centre {background-color: #ffffff; position: relative; float: left; width: 620px; margin: 0px; margin-left: 10px; margin-right: 0px; xborder: 1px solid blue;}
#right {background-color: #ffffff; position: relative; float: right; width: 160px; margin: 0px; margin-top: 30px; margin-right: 0px; xborder: 1px solid red;}
.rightimage {margin-bottom:  10px; width: 160px;}

#datebox {
padding-top: 2px;
position: relative;
float: left;
height: 24px;
width: 25%;
border-top: 2px #A04040 solid;
border-bottom: 2px #A04040 solid;
}

.formfieldclass {vertical-align: top; margin-bottom: 6px; border: 1px solid white; background: #afc3d7; font-size:10.5pt; color: #0a1a5c; line-height: 150%; padding: 3px; width: 260px;}
.datefieldclass {vertical-align: top; margin-bottom: 3px; border: 1px solid white; background: #afc3d7; font-size:10pt; color: #0a1a5c; line-height: 150%; padding: 3px; }

#nextevent {margin-top: 7px; position: relative; float: left; height: 24px; width: 50%; color: white;}
#nextevent a:link {color: white;}
#nextevent a:visited {color: white;}
#nextevent a:hover {color: #ddd;}
#nextevent a:active {color: #ddd;}


#eventbox {
padding-top: 2px;
position: relative;
float: left;
height: 24px;
width: 40%;
border-top: 2px #A04040 solid;
border-bottom: 2px #A04040 solid;
}




	
#left {width: 165px; background: #fff; padding: 0px; margin: 0px; margin-top: 20px; margin-bottom: 10px; float: left; xborder: 1px solid red;}

.lefttext {color: black;  text-align: left; padding: 0px; margin: 0px; padding-bottom: 3px; padding-top: 3px; font-size: 11pt; 
		   font-weight: bold; border-top: 1px rgb(145, 46, 56) solid; width: 170px;}

.lefttextborder {color: black; text-align: left; padding: 0px; margin: 0px; padding-top: 3px; font-size: 11pt; font-weight: bold; 
				 border-top: 1px rgb(145, 46, 56) solid; border-right: 4px solid rgb(145, 46, 56); background: rgb(230,230,235); }

.sublefttext {color: black; text-align: left; margin-bottom: 1px; padding: 0px; margin-top: 2px; padding-left: 4px; font-size: 9.5pt; font-weight: bold; }

.sublefttextborder {color: black; text-align: left; margin-bottom: 1px; padding: 0px; padding-left: 4px; margin-top: 2px; font-size: 9.5pt; font-weight: bold; 
					border-right: 4px solid rgb(145, 46, 56); background: rgb(230,230,235);}

.lefthilite {
background: #a02020;
}

#homecentre {xposition: relative; xfloat: left; margin-left: 175px; width: 620px; xborder: 1px solid red; margin-top: 15px; margin-bottom: 15px;}

#homecontent {position: relative; float: left; width: 400px; margin-top: 15px; margin-bottom: 15px; xborder: 1px solid blue;}

.title {font-weight: bold; font-size: 110%; color: #000030; margin: 0px;	padding: 0px; width: 350px;
		background-image: url("http://www.beaconparishes.org/images/titlebar.jpg");}
		
.itemtitle {font-weight: bold; font-size: 1.2em; color: #000030; margin: 0px; padding: 0px; }
		
#content {position: relative; float: left; margin-left: 0px; width: 440px; font-weight: normal; xborder: 1px solid blue;}
#slidescontent {position: relative; float: left; margin-left: 0px; width: 500px; font-weight: normal; border: 1px solid blue;}

html>body #content {
/*margin-left: 0px;
margin-right:0px;*/

}

#rightcolumn {position: relative; float: right; width: 200px; margin-top: 15px; padding-left: 0px; color: #000; padding: 0px; xborder: 1px solid gray;	}
	

#righteventbox {position: relative; float: right; width: 200px; color: #000; padding: 0px; margin: 0px;}
#rightnewsbox {position: relative; float: right; width: 200px; color: #000; padding: 0px; margin: 0px;}
#rightfeaturesbox {position: relative; float: right; width: 200px; color: #000; padding: 0px; margin: 0px; }
            	
.righttitle {font-size: 110%; color: #202020; font-weight: bold; margin-top: 10px; margin-bottom: 0px; padding: 0px; padding-left: 4px;
background-image: url("http://www.beaconparishes.org/images/titlebar.jpg"); border: 1px solid #66c; }
			
.righttext {background: rgb(235,235,235); padding: 0px; vertical-align: top; border: 1px #66c solid; margin: 0px;}

.newsdate {font-style: italic; color: #555;  font-size: 0.9em;}
.newstext {font-size: 10pt; color:#444; padding: 0px; margin: 3px; margin-bottom: 3px;  vertical-align: top; }

.listitem {position: relative; float: left; width: 100%; clear: both; border-bottom: 1px dotted gray; margin-top: 3px; padding-bottom: 3px; color: #666;}
.listdocsitem {position: relative; float: right; margin-left: 0px; margin-top: 3px; padding-bottom: 3px; width: 370px; xborder: 1px solid gray;}
#imagebox {position: relative; float: left; margin: 0px; width: 70px; xborder: 1px solid gray;}

#XXXXlistitem {border-bottom: 1px dotted gray; margin-top: 3px; padding-bottom: 3px;}
#linkitem {padding: 0px; margin-top: 5px; margin-left: 0px; padding-bottom: 6px; line-height: 120%; border-bottom: 1px dotted gray; }
#galleryitem {position: relative; float: left; width: 100%;  padding: 0px; margin-top: 5px; margin-left: 0px; padding-bottom: 6px; line-height: 120%; border-bottom: 1px dotted gray; }

/* Main menu bar */
#navbar {position: relative; float: left; width: 100%; clear: both; margin-bottom: 15px;}
#nav {margin: 0px; margin-left: 2px; height: 30px; }
#nav ul {margin-left: 18px; padding: 0px; list-style-type: none; list-style-image: none;}
#nav li {float: left; width: 130px; background:  #ccc; xpadding-top: 5px; xvertical-align: middle; xheight: 20px; xborder-top: 1px solid gray; xborder-bottom: 1px solid gray; border: 1px solid gray; margin-left:  2px; margin-right: 2px;}
#nav li a {display: block; font-size: 1.2em; color: #2a569c; text-align: center; }
#nav li a:link {text-decoration: none; color: #2a569c; }
#nav li a:active {text-decoration: none; color: #E56757;}
#nav li a:hover{text-decoration: none; color: #a02020; margin: 0px;} /*#00a651;}*/
.button {border-left: 1px solid white; padding-top: 0px; }

.eventdate {font-size:  1.05em; font-weight: bold; color: #86182b; font-style:  italic;}

.calendartable {font-size: 9.5pt; width: 100%;}
.calendartable td {font-size: 9.5pt; padding: 2px;}

.venue {color: #555; font-size: 90%;}
	
#menubox {
position: relative;
float: left;
border-bottom: 1px solid gray;
width: 420px;
font-weight: bold;
margin-bottom: 5px;
padding-bottom: 5px;
}		

#slidephoto {
width: 49%;
position: relative;
float: left;
overflow: hidden;
border-bottom: 1px solid gray;
margin-bottom: 5px;
padding-bottom: 3px;
padding-top: 3px;
background: #EEE;
}

#submit {
width: 50%;
height: 50px;
position: relative;
float: left;
overflow: hidden;
text-align: left;
border-top: 1px solid gray;
border-bottom: 1px solid gray;
}

#searchform {position: relative; float: left; border: 1px solid gray;}

.textbox {
border: 1px solid #444;
padding: 2px;
font-weight: bold;
}

.contactformtable {width: 480px; font-size: 10pt;}


#footer {text-align: center; clear: both; border-top: 4px rgb(154, 35, 49) solid; height: 70px; margin: 0px; padding: 0px; margin-top: 10px;}

#header {
background:#fff;
}

html>body #header {
}
		
p {
font-family: "Trebuchet MS", Tahoma, Verdana, Arial, Helvetica, sans-serif; 
 
color: #202020;
}

h1 {font-size: 1.6em; font-weight: bold; text-align: left; margin-top: 16px; margin-bottom: 0px; color: #20334f; }
h1 span {font-size: 11pt; font-weight: bold;}

h2   			{font-size: 160%; color: #000080; padding-bottom: 0px; margin-top: 0px;}
				
h3   			{font-size: 125%; color: #222; margin: 0px 0px 0px 0px;}
		
h4   			{font-size: 115%; color: #86182b; font-weight: bold; margin: 0px; margin-top: 10px;}
				
h5				{font-size: 11pt; color: #606060; font-weight: bold; font-style: italic; margin-top: 0px; margin-bottom: 5px;}

td {font-size: 9.5pt; font-weight: normal; }
				
th {font-size: 11pt; font-weight: bold; text-align: left;}

A:visited  	{color: #2b4c81; text-decoration: none; font-weight: bold;}
A:link  	{color: #2a569c; text-decoration: none; font-weight: bold;}
A:active  	{color: #E56757; text-decoration: none; font-weight: bold;}
A:hover   	{text-decoration: underline; color: #a02020; font-weight: bold;}
		  
li 	{margin-top: 2px;margin-bottom: 3px; margin-left: -20px;}


.hometable {
padding: 0px;
vertical-align: top;
width: 100%;
/*border: 1px solid gray;*/
vertical-align: top;
}



.formtable {
background: #e0e0e0;
padding: 2px;
}

.bannerlarge {
font-size: 170%; 
color: #505080; 
font-weight: bold;
margin-top: 0px;
margin-bottom: 0px;
}

.bannersmall {
font-size: 160%; 
color: #505080; 
font-weight: bold;
font-style: italic;
margin-top: 0px;
margin-bottom: 0px;
}

.bannersmaller {
font-size: 110%; 
color: #707070; 
font-weight: bold;
margin-top: 0px;
margin-bottom: 0px;
margin-left: 10px;
}

.whatsnew {
border: 2px solid #a0a0c0;
font-size: 105%;
height: 80%;
text-align: center;
padding-left: 3px;
padding-right: 3px;
margin-left: 4px;
background-color: #e8e8f8;
}

.normal {
font-size: 8pt;
font-weight: normal;
}

.welcome {
padding-right: 12px;
vertical-align: top;
width: 65%;
}



.latestnews {
font-size: 130%; 
color: #000080;
font-weight: bold;
margin-bottom: 0px;
background-image: url("http://www.beaconparishes.org/images/titlebar.jpg");
}

.newstitlecell {
font-size: 105%; 
color: #202020;
font-weight: bold;
margin-top: 10px;
margin-bottom: 0px;
padding-bottom: 0px;
padding-left: 4px;
background-image: url("http://www.beaconparishes.org/images/titlebar.jpg");
border-top: 1px rgb(66, 102, 133) solid;
border-left: 1px rgb(66, 102, 133) solid;
border-right: 1px rgb(66, 102, 133) solid; 
border-bottom: 1px rgb(66, 102, 133) solid;
}

.month {
font-size: 12pt;
font-weight: bold; 
color: #404040;
font-family: Arial, Helvetica, sans-serif; 
padding-top: 5px;
}

.lefthilite {
background: #a02020;
}

.sitemap {
width: 400px;
padding: 8px;
}

/* Sitemap */
#sitemap {width: 320px; float: left; position: relative; xclear: both; }
.sitemaptable {width: 440px;}
.sitemap {width: 100%; padding: 8px; border: 1pxs solid blue;}
#sitemaptext {margin-top: 3px; padding-top: 4px; padding-left: 10px; padding-bottom: 3px; font-size: 1.05em; border-top: 1px solid #999999; }
#sitemapsubtext {padding-left: 25px; padding-bottom: 3px; font-size: 0.95em; }
#sitemappagetext {padding-left: 40px; padding-bottom: 1px; font-size: 0.9em; }
a.sitemaplink {color: #081d5f; text-decoration: none; }
a.sitemaplink:hover {color: #0089d0; text-decoration: underline; }
.listitems {font-size: 0.95em; border-bottom: 1px solid #bbb; padding-top: 5px; padding-bottom: 5px;}
.itemtitle {font-size: 1em; padding: 0px; margin: 0px; font-weight: bold;}

.sitetext {
color: black; 
text-align: left; 
font-size: 11pt;
border: 1px gray solid;
padding-top: 6px;
padding: 4px;
padding-bottom: 6px;
margin: 20px;
}

.indenttext {
color: black; 
text-align: left; 
margin-left: 15px;
margin-top: 0px;
font-size: 10pt;
padding-top: 3px; 
padding-bottom: 3px;
margin-top: 0px; 
margin-bottom: 0px;
}

.large {
font-size: 11pt;
font-weight: bold; 
margin: 0px;
margin-top: 0px;
}

.menutext		{
font-size: 10pt; 
color:#202020;
border-bottom: 1px solid gray; 
padding-bottom: 5px;
margin-top: 10px; 
margin-bottom: 10px; 
vertical-align: top;
}



.linktext {
border-top: 1px solid gray;
border-bottom: 1px solid gray;
text-align: right;
}

.datetext {
font-size: 10pt; 
margin-top: 3px;
margin-bottom: 3px;
}

.saints {
font-weight: normal;
font-style: italic;
color: #303030;
}

.eventstext_village, .eventstext_event, .eventstext_none	{
font-size: 10pt; 
color: rgb(80,80,80);
font-weight: bold;
margin-top: 0px;
margin-bottom: 0px;
text-align: left;
}

.eventstext_church {
font-size: 11pt; 
color: rgb(80,80,80);
font-weight: bold;
margin-top: 0px;
margin-bottom: 0px;
text-align: left;
}

.eventstext_saints, .eventstext_holy	{
font-size: 11pt; 
color: rgb(220,20,20);
font-weight: bold;
margin-top: 0px;
margin-bottom: 0px;
text-align: left;
}

.calendar_top {
border-top: thin solid gray;
border-bottom: thin solid gray;
color: rgb(80,20,20);
font-weight: bold;
font-size: 9pt;
margin-bottom: 3px;
}

.hilite {
background-color: #efefef;
border-top: 1px solid #c09999;
/*border-bottom: 1px solid #c08888;*/
margin-top: 2px;
padding: 0px;
padding-top:  2px; padding-bottom:  2px;
}

.small {
font-size: 9pt;
text-align: center;
}

.datescell {
font-size: 8pt;
text-align: left;
border-bottom: 1px solid gray;
}

.tables	{
width: 100%;
margin-bottom: 15px;				
}

.prayertables	{
border-bottom: 1px solid gray;	
font-size: 9pt;		
}

.prayerday	{
border-bottom: 1px solid gray;	
font-size: 1.1em;
font-weight: bold;
}

.concert-ad {
border: 1px #b0b0c8 solid;
padding: 0px;
background-color: #efeff8;
margin-top: 3px;
}

#galleryimages {width: 100%; position: relative; float: left; margin-bottom: 12px; clear: both;}


.captiontable {width: 480px; margin-top: 10px; }
				
.captioncell {width: 380px; vertical-align: top; text-align: left; font-size: 1em; color: #444; }

.buttoncell	{width: 30px; height: 0px; vertical-align: top; padding-left: 0px; padding-bottom: 0px; text-align: center; font-size: 70%; }

.selectchurch {
border-top: 1px solid gray;	
border-bottom: 1px solid gray;
font-weight: bold;
}

.beaconright {width: 160px; margin-top: 15px; line-height: 160%;}

.newstitle {
font-weight: bold;
font-size: 1.1em;
}

.prayerhdg {
font-weight: bold;
font-size: 0.95em;
padding-top: 5px;
padding-bottom: 5px;	
}

.prayertext {
font-weight: normal;
font-size: 0.9em;
margin-bottom: 3px;	
}

.more {
text-align: right;
font-size: 1.1em;
margin-top: 0px;
}



.dummycell {
height: 12px;
}

.ordertable {
background: #eee;
padding: 4px;
width: 100%;
}

.basicstable {
padding: 5px;
}

.basicscell {
border-bottom: 1px dotted gray;
padding-bottom: 3px;
padding-left: 5px;
vertical-align: top;
}


#outerboxNO {
padding-top: 2px;
position: relative;
float: left;
height: 24px;
width: 90%;
border-top: 2px #A04040 solid;
border-bottom: 2px #A04040 solid;
}

#selectchurchesNO {
/*width: 100%;*/
border-top: 1px solid gray;	
border-bottom: 1px solid gray;
text-align: center;
margin-bottom: 10px;
font-size: 1.1em;
padding: 5px;
background: #c0d0e0;
}