html,body{margin:2px;padding:0}
body{font: 11px verdana,sans-serif;text-align:left; text-decoration:none; background-color:#3963B4;}
p{margin:0 10px 10px; text-align:left;}
p.audience {color: #FFF; font-weight:bold }
.bold {font-weight:bold;}
.italic {font-style:italic;}
a{color: #330099; text-decoration:none;}
a:hover{ color: #FFF; background: #009933; text-decoration: none; }
H1 {font-size: 18px; margin:0; padding-left:10px; color: #330099; font: verdana, sans-serif; text-align:left;}
H2 {font-size: 14px; font-weight: bold; margin:0; padding-left:10px; color: #009933; text-align:left;}
H3  {font-size: 12px; font-weight: bold; font-style:italic; margin:0; padding-left:10px; color: #330099; text-align:left;}
H4 {font-size: 12px; font-weight: bold; margin:0; padding-left:10px; color: #009933; text-align:left;}
H6 {font-size: 16px; font-weight: bold; margin:0; padding-left:10px; color: #3963B4; text-align:left;}
ul {text-align:left; }
maincolumn li{text-align:left; font: 10px verdana, sans-serif; list-style-type: circle; text-decoration:none;} 
ul.hang {text-indent: -4px;}


div#footer{border-top-color:#330099; border-top-style:solid; border-top-width:thin; color: #330099; font-size: 9px; font-weight:800; background: #99CC00; clear:both; width:700px; }
div#footer p{margin:0;padding:5px 10px; text-align:center;}

div#border {background: #009933; width:700px; font: verdana,sans-serif 10px bold; text-align:right; text-decoration:none; color: #FFF; }
div#border a{ text-decoration: none; color: #FFF; font-weight: bold; padding: 3px; line-height: 15px; list-style-type: none; /*display: block; make vertical */ } 
div#border a:hover{ color: #FFF; background: #99CCFF; text-decoration: none; }
div#border2 {background: #99CCFF;width:700px; font: #FFF verdana,sans-serif 10px bold;  text-align:right; text-decoration:none; color: #FFF; }
div#border2 a{ text-decoration: none; color: #FFF; font-weight: bold; padding: 3px; line-height: 15px; list-style-type: none; /*display: block; make vertical */ } 
div#border2 a:hover{ color: #FFF; background: #009933; text-decoration: none; }

div#navigation{background:#330099}

div#lectionary{width:19%; position:relative; z-index:10; float: left; 
margin-left: 1.5%;}

div#buttonblock {background:#99CCFF; font-size: 12px; font-weight: bold; text-align:center; margin:0; padding-top: 3px; padding-bottom: 3px; color: #FFF}
div#buttonblock a {color:#FFFFFF}

div#children{float:left;width:100px; margin-left:100px}
div#youth{width:100px; margin: 0 150px;}
div#adults{float:left;width:100px; margin: 0 150px; margin-left:300px; clear:both;}

.photoright { float: right; border: #009933 solid 1px; margin: 0.5em 0em 2em 2em; clear:right;}
.photoleft { float: left; border: #009933 solid 1px; margin: 0.5em 2em 2em 0; clear: left;}
.border {border-top: 1px solid #3963B4; margin-right: 100px;}


/*3 column float template modification*/ 

#threecolumn {position: relative; width: 95%; }

	#threecolumn #smallcolumn
	{
float: left; 
width: 20%;

}
	
	#threecolumn #maincolumn
	{
float: left; width: 50%;
margin-left: 4%;
margin-right: 3%;
background-color:#FFF}
	
#threecolumn #left
	{ float: left; width: 19%;}
#threecolumn {position: relative; /*for IE*/ width: 700px; background-color:#FFF; } 
#threecolumn #maincolumn {float: left; margin-left: 2%; margin-right: 2%; width: 54%; background-color:#FFF}

#left {float: left; background: #FFF; margin: 0 0 0px 0; font-family: Verdana, sans-serif; }
#leftcolumn {background: #330099; width: 150px; padding: 0; margin: 0 0 5px 0;}
#audience { background: #330099; margin: 10px 0; padding: 8px; }
#smallcolumn #rightblock { background: #99CCFF; width:150px; }
#smallcolumn #rightblockhome { background:#009933; width:150px; padding-top: 8px; border-bottom:#009933 1px solid; }
#smallcolumn #insert {background:#FFF; border-left:#009933 1px solid; border-right:#009933 .5px solid;}
#smallcolumn #insert2 {background:#FF6; border-left:#009933 1px solid; border-right:#009933 .5px solid;}
#threecolumn #smallcolumn
	{ float: left; margin-left: 1.5%;}

/*main menu*/ 
ul#mainmenu{ padding: 5px; margin: 4px; font: 10px verdana, sans-serif; text-align:left; list-style-type: none;} 
ul#mainmenu li{ display: block; /* Remove to make horizontal */ } 
ul#mainmenu li{padding: 4px; border-bottom:#009933 1px solid; }
ul#mainmenu li a{ text-decoration: none; color: #FFF; font-weight: bold; padding: 5px; line-height: 15px; list-style-type: none; text-align:left; /*display: block; make vertical */ } 
ul#mainmenu li a:hover{ color: #FFF; background: #009933; text-decoration: none; }

/*submenu home*/ 
ul#submenuhome{ padding: 5px; margin: 3px; font: 10px verdana, sans-serif; text-align:left; list-style-type: none;} 
ul#submenuhome li{ display: block; /* Remove to make horizontal */ } 
ul#submenu li{padding: 5px; border-bottom:#009933 1px solid; }
ul#submenuhome li a{ text-decoration: none; color: #FFF; font-weight: bold; padding: 5px; line-height: 15px; list-style-type: none; /*display: block; make vertical */ } 
ul#submenuhome li a:hover{ color: #FFF; background: #99CCFF; text-decoration: none; }

/*submenu */ 
ul#submenu{ padding: 5px; margin: 3px; font: 10px verdana, sans-serif; list-style-type: none; text-align:left;} 
ul#submenu li{ display: block; /* Remove to make horizontal */ } 
ul#submenu li a{ text-decoration: none; color: #FFF; font-weight: bold; padding: 5px; line-height: 15px; list-style-type: none; /*display: block; make vertical */ } 
ul#submenu li a:hover{ color: #FFF; background: #009933; text-decoration: none; }

/*SECOND LEVEL SIDEBARS*/

#maincolumn #sidebar
{
	background: #99CCFF;
	float: right;
	width: 30%;
	padding: 5px;
	margin: 0;
	border: 1px solid #330099;
}
#maincolumn #sidebar H2
{
	color: #009933;
	margin-top: 0;
	font-size: 1.2em;
}

#maincolumn #sidebar p
{
	color: #009933;
	font-size: 1em }