html, body, ul, ol, li/*, p 
h1, h2, h3, h4, h5, h6, 
form, fieldset, a */{ 
margin: 0; 
padding: 0; 
border: 0;

}	

#wrapper {
	width:1000px;

	}
	
.header2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	font-style: normal;
	color: #660000;
	font-variant: normal;
	line-height: normal;
	letter-spacing: normal;
	vertical-align: baseline;
	word-spacing: normal;
	text-align: left;
	white-space: pre;
	display: inline;
}

a {
	text-decoration:none;
	color:#385281;
	font-weight:bold;
	}
	
a.calteen {
	color:#000099;
	line-height:13px;
	font-size:10px;
	}

a.calgeneral  {
	color:#000000;
	line-height:13px;
	font-size:10px;
	}
	
a.calshout {
	color:#ff0000;
	line-height:13px;
	font-size:10px;
	}
	
a.calmen {
	color:#006600;
	line-height:13px;
	font-size:10px;
	}
	
a.calwomen {
	color:#660099;
	line-height:13px;
	font-size:10px;
	}
	
a.calsingles {
	color:#990099;
	line-height:13px;
	font-size:10px;
	}
	
a.caldeaf  {
	color:#996666;
	line-height:13px;
	font-size:10px;
	}
	
a.calmusic  {
	color:#0660ff;
	line-height:13px;
	font-size:10px;
	}
	

h1 {
	font: bold x-large Arial, sans-serif;
	color: #43616B;
	margin-top: 0px;
	}
	
.headerText {
	FONT-WEIGHT: bold; 
	FONT-SIZE: 16px; 
	COLOR: #385281; 
	FONT-FAMILY: Arial, Verdana, sans-serif;
	padding:20px 0 0 20px;
	}	

p {
	font: 0.7em Verdana, sans-serif;
	}

.featureheading {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	margin-top:20px;
	margin-bottom:10px;
	}

#center p  {
	font: 0.8em Verdana, sans-serif;
	background-color:#FFFFFF;
	padding:8px 20px;
	}

#center ul{margin-left:40px;
	font: .75em Verdana, sans-serif;
	}
	
#center ul ul{margin-left:40px;
	font: 1em Verdana, sans-serif;
	}
	
#center ol{margin-left:40px;
	font: .75em Verdana, sans-serif;
	list-style-type:upper-roman;
	line-height:18px;
	}

#center ol ol{margin-left:40px;
	font: 1em Verdana, sans-serif;
	list-style-type:upper-alpha;
	line-height:16px;
	}

#center ol ol ol{margin-left:40px;
	font: 1em Verdana, sans-serif;
	list-style-type:decimal;
	line-height:16px;
	}
	
#center ol ol ol ol{margin-left:40px;
	font: 1em Verdana, sans-serif;
	list-style-type: lower-alpha;
	}

#pastorbox ul{margin-left:20px;
	font: .70em Verdana, sans-serif;
	}

#footer p {
	margin: 5px;
	text-align: center;
	padding:5px;
	}
	
#highlights p {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	background-color: #385281;
	padding:20px;
	margin:0px;
	}
	
#highlightsChildren p {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	background-color: #4D71B3;
	padding: 10px 20px;
	margin:0px;
	line-height:125%;
	}
	
#highlightsChildren a {
	color:#FFFFFF;
	text-decoration:underline;
	}

#highlightsTeen p {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	background-color: #385281;
	padding: 10px 20px;
	margin:0px;
	line-height:125%;
	}
	
#highlightsTeen a {
	color:#FFFFFF;
	text-decoration:underline;
	}

#highlightsAdult p {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	background-color: #385281;
	padding: 10px 20px;
	margin:0px;
	line-height:125%;
	}
	
#highlightsAdult a {
	color:#FFFFFF;
	text-decoration:underline;
	}
	
p.logobox {
	background:   url("images/Teen/bgtop.jpg") repeat-x;
	}

#pathbox A {
	COLOR: #000033; TEXT-DECORATION: underline;
	}
	
.childrenhome, .childrenhome a {
	background-color: #39527D;
	color: #FFFFFF;
	}
	
.children, .children a {
	background-color: #39527D;
	color: #FFFFCC;
	}

.teen, .teen a {
	background-color: #39527D;
	color: #FFFFCC;
	}

.teenhome, .teenhome a {
	background-color: #39527D;
	color: #FFFFFF;
	}
	
.adulthome, .adulthome a {
	background-color: #39527D;
	color: #FFFFFF;
	}
	
.adult, .adult a {
	background-color: #39527D;
	color: #FFFFCC;
	}		

/* 
------------------------------- layout ----------------------------- 
*/

#top {
	background:  url("images/Teen/topbarx.gif") repeat-x;
	position:relative;
	height:25px;
	width:100%;
}

	
#logobox {
	background:   url("images/header2005x-1.jpg") repeat-x;
	position:relative;
	
	width:100%;
	height:150px;
	margin-top:-4px;
	padding:0px;
	}


#logo {
	padding-left: 4px;
	float:left;
	}
	
#index {
	background-color:#FFFFFF;
	}

#pastorbox {
	padding:10px;
	margin-top:0px;
	float:right;
	clear:right;
	width:250px;
	margin-right:0px;
	}

	
#pastorscorner {
	background-color:#FFFFFF;
	border-color:#000000;
	border-width:2px;
	margin-top:5px;
	padding:10px;
	width:249px;
	}
		
#HPnav {
	background: url("images/featuresbg.gif") repeat-x;
	float:left;
	clear:right;
	}

.featurebox {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	padding-top:10px;
	width:90%;
	margin-top:0px;
	}

		
.featurepicture {
	float:left;
	margin-left:10px;
	margin-right:10px;
	}

.calendarbox {
	background-color:#CCCCCC;
	width:150px;
	}

.indexbox {
	background-color:#DDDDDD;
	width:150px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	}
	
#sermon {
	width:760px;
	padding: 0;
	background-color: #FFFFFF;
	color: #000;
	float:left;
	display:inline-block;
	}
	
#sermonvideo {
	width:520px;
	padding: 0;
	background-color: #FFFFFF;
	color: #000;
	float:left;
	display:inline-block;
	}		

#middlebarboxChildrenhome {
	background:  url("images/Children/Childrenx.gif") repeat-x;
	width:100%;
	height:25px;
	margin-top:-2px;
	}	

		
#middlebarboxChildren {
	background:  url("images/Children/dbg3.gif") repeat-x;
	width:100%;
	height:25px;
	margin-top:-4px;
	}		
	

#middlebarboxTeenhome {
	background:  url("images/Teen/seniorx.gif") repeat-x;
	width:100%;
	height:25px;
	margin-top:-2px;
	}

		
#middlebarboxTeen {
	background:  url("images/Teen/dbg2.gif") repeat-x;
	width:100%;
	height:25px;
	margin-top:-4px;
	}

		
#middlebarboxAdulthome {
	background:  url("images/Adult/Adultx.gif") repeat-x;
	width:100%;
	height:25px;
	margin-top:-4px;
	}	

		
#middlebarboxAdult {
	background:  url("images/Adult/dbg1.gif") repeat-x;
	width:100%;
	height:25px;
	margin-top:-3px;
	}	
	

#middlebar {
	float:left;
	}
	
#middlebarR {
	float:right;
	}
	
#header {
	background: url("images/header2005x-1.jpg") repeat-x;
	}	

.thetable { 
	position: relative;
	background-color:#dfdba2; 
	display: table; 
	width: 100%; 
	margin-top: -4px; 
	padding: 0; 
	border: 0; 
	clear: both; 
	border-spacing: 0; /* required by Opera 6 */ 
	} 


/* hide this from opera6 */ 
head:first-child+body div.thetable {height: 100%;} 

.tablerow {
	display: table-row;
	background-color:#dfdba2;
	width:100%;
	} 

.tablecell { 
	display: table-cell;
	border: 0;
	padding: 0; 
	padding-top: 0px; 
	padding-bottom: 0px; 
	vertical-align: top; 
	} 
	
#leftbox {
	background-color: #dfdba2;
	position: relative;
	width:260px; 
	float:left;
	}

	
#leftboxindex {
	background-color: #dfdba2;
	position: relative; 
	margin-top:0px;
	width:250px;
	float:left;
	clear:right;
	}
	
	
#leftboxchildren {
	background-color: #dfdba2;
	position: relative; 
	width:250px;
	margin-top:0px;
	z-index: 0;
	float:left; 
	}


#leftboxteen {
	background-color: #dfdba2;
	position: relative; 
	width:250px;
	margin-top:0px;
	z-index: 0;
	float:left;
	}

		
#leftboxadult {
	background-color: #dfdba2;
	position: relative; 
	width:250px;
	z-index:0;
	float:left; 
	}
	

#leftboxmedia {
	background-color: #dfdba2;
	position: relative; 
	width:250px;
	z-index:10;
	float:left; 
	}
		

#left {
	padding: 0px;
	vertical-align: top;
	}
	
#otherleftstuff {
	width:250px;
	margin-top:-4px;
	border-top:1px solid #34339B;
	float:left;


	}

		
#pathbox {
	padding:8px;
	padding-bottom: 7px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #000000;
	}
	
#shadowbox {
	background:  url("images/shadowx.gif") repeat-x;
	height:8px;
	width:100%;
	}	

#center {
	padding: 0;
	background-color: #FFFFFF;
	color: #000;
	float:left;
	}

			
#highlights {
	width: 100%;
	background:  url("images/Teen/border3x.gif") repeat-x;
	margin-top:-4px;
	}

		
#highlightsChildren {
	width: 100%;
	background:  url("images/Children/childrenhighlightsx.gif") repeat-x;
	margin-top:-4px;
	}

				
#highlightsTeen {
	width: 100%;
	background:  url("images/Teen/border3x.gif") repeat-x;
	margin-top:-4px;
	}

		
#highlightsAdult {
	width: 100%;
	background:  url("images/Adult/highlightsx.gif") repeat-x;
	}	
	
#right {
	text-align:right;
	float:right;

	background-color: #dfdba2;
	width: 150px;
	}

#footerspacer {
	clear: both;
	background-color: #dfdba2;
	height:8px;
	width:100%;
	}

#footer {
	clear: both;
	border-top: 1px solid #5C6F90;
	min-height: 100%;
	padding-bottom:50px;
	vertical-align: bottom;
	}

.clear {
	clear:both;
	}

#search {
	position:absolute;
	top:23px;
	left:20px;
	}

/* 

-------------------------------- Special Layout ------------------------------ 


*/

#leftcolumn{
	position:relative;
	float:left;
	clear:right;
	width:160px;
	background-color:#FFFFFF;
	padding-left:10px;
	}
	
#rightcolumn{
	position:relative;
	float:right;
	width:400px;
	background-color:#FFFFFF;
	}	

#librarysearch{
	position:relative;
	background-color:#FFFFFF;
	float:left;
	}
	
.mbcell{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	}

/* 

-------------------------------- Navigation ------------------------------ 


*/

#navbar {
	background: url(images/navbar-x-usd.jpg) repeat-x;
	position:relative;
	top:0px;
	width:100%;
	float:right;
	margin-top:-4px;
	padding:0px;
	z-index:20;
	}

				
ul#vertical-nav,
ul#vertical-nav ul {
	margin: 0;
	padding: 0;
	width: 250px; /* Width of Menu Items */
	border-bottom: 1px solid #ccc;
	background-color: #EBE8C3;
	list-style: none;
	}

ul#vertical-nav li {
	position: relative;
	list-style: none;
	border-top: 1px solid #A5B5C6;
	}

ul#vertical-nav li a {
	display: block;
	margin: 0;
	padding: 2px 0 2px 8px;
	background-color: #EBE8C3;
	font: 0.7em /1.5 verdana, arial, sans-serif;	/* If you get an unwanted gap after your a block (IE-Win) try increasing the line height		*/
	color: #000;
	text-decoration: none;
	width: 96%;		/* 	Causes Problems in IE5-Mac and Netscape/Mozzilla - see next fix		*/
	}

/* Fix IE. Hide from IE Mac \*/
* html ul #vertical-nav li { float: left; height: 1%; }
* html ul #vertical-nav li a { height: 1%; }
/* End */

ul#vertical-nav ul {
	position: absolute;
	display: none;
	left: 249px; /* Set 1px less than menu width */
	top: 0;
	}

ul#vertical-nav li ul li a { padding: 2px 2px; } /* Sub Menu Styles */

ul#vertical-nav li:hover ul ul,
ul#vertical-nav li:hover ul ul ul,
ul#vertical-nav li.over ul ul,
ul#vertical-nav li.over ul ul ul { display: none; } /* Hide sub-menus initially */

ul#vertical-nav li:hover ul,
ul#vertical-nav li li:hover ul,
ul#vertical-nav li li li:hover ul,
ul#vertical-nav li.over ul,
ul#vertical-nav li li.over ul,
ul#vertical-nav li li li.over ul { display: block;} /* The magic */

<!---ul#vertical-nav li.menuparent { background-image:url(../images/arrow-black.gif) no-repeat right center; }--->

ul#vertical-nav li.menuparent:hover,
ul#vertical-nav li.over { background-color: #34339B;}

ul#vertical-nav li a:hover { 
	background-color: #39527D;
	color: #eee;
	width: 96.5%;
	}


ul#vertical-nav ul.subnav {
	margin: 0px;
	list-style: none;
	padding: 0px;
	border: 0px solid pink;
	width:250px;
	}

ul#vertical-nav ul.subnav li {
	border-top: 0 none;
	border: 0px solid green;
	padding-left: 1.5em;
	}

ul#vertical-nav ul.subnav li a {
	padding: 1%;
	margin: 0;
	font: bold 0.7em /1.5 verdana, sans-serif;
	color: #5C6F90;
	background-color: transparent;
	border: 0px solid yellow;
	}

ul#vertical-nav ul.subnav li a:hover {
	color: #43616B;
	background-color: transparent;
	text-decoration: underline;
	}
	
ul#children li {
	display: block;
	width:100%;
	}
	
div#topcontent ul {
	position: absolute;
	right: 0px;
	list-style: none;
	margin: 0px 0px 40px 0px;
	}
div#topcontent ul li {
	display: inline;
	padding: 0 0.5em;
	border-left: 1px solid #34339B;	
	}
div#topcontent ul li.first {
	border-left: 0px none;
	}
div#topcontent ul li a {
	font: 0.7em /1 verdana, sans-serif;
	}

div#topcontent form {
	position: absolute;
	right: 0px;
	top: 55px;
	margin: 0px;
	}
/* ---------------------------------------------------------------------*/