﻿* { margin:0; padding:0;
	text-align: left;
}
html { height:100.1%; line-height:0.9em }
img { border-style: none;
	border-color: inherit;
	border-width: 0;
	text-align: center;
}
td { margin:0; padding:0;
	height: 0px;
	text-align: left;
}
table { padding:0;
	height: 9px;
	margin-right: 0;
	margin-top: 0;
	margin-bottom: 0;
	background-color: #F5F6FA;
}
BODY {font-size:76%;
	background:#A3A8AD url("../images/bg.jpg") top repeat-x;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#676A6D;
}
#wrapper { width:866px; margin:auto;
	height: 12px;
	background-color: #F5F6FA;
}

/* TOP NAVIGATION TAB STYLES */
#nav { background:url("../images/nav-bar.gif") no-repeat; height:50px; margin:auto } 
.menu { font-size:1.4em; line-height:normal; padding:5px 0 0 0; margin:0 auto; width:790px }
.menu ul { list-style:none }
.menu li { list-style:none; margin:0; padding:0; float:left }
.menu a { color:#3A4F6A; text-decoration:none; font-weight:bold }
.dv { margin:0 28px }
/* END TOP NAVIGATION TAB STYLES */

/* HOME PAGE STYLES */
#home { height:355px; width:850px; margin:20px auto 9px auto }
#pics { width:425px; float:left; position:relative }
#content { padding:5px 5px 5px 5px }
#contactForm { padding:10px 10px 10px 80px }
#btColumn { height:280px; width:860px; margin:0 auto; background:url("../images/bt-column.gif") repeat-y; border-bottom:1px solid #fff }
#address { width:319px; height:250px; overflow:auto; float:left; position:relative; padding:15px; color:#fff }
#events { width:312px; height:250px; overflow:auto; float:left; position:relative; padding:15px; color:#fff }
#events b { background:url("../images/bullet.gif") no-repeat left; padding:2px 0 0 22px  }
#events_center { width:222px; height:260px; overflow:auto; float:left; position:relative; padding:15px; color:#000 }
#events_right { width:250px; height:250px; overflow:auto; float:left; position:relative; padding:15px 5px 5px 1px; color:#fff }
#events_right u { background:url("../images/bullet_2.gif") no-repeat left; padding:2px 0 0 22px; color:#3A4F6A}
#events_right a { color:#FFFFFF; text-decoration:underline }
#services { width:200px; float:left; margin:0 0 0 25px; padding:15px 0; color:#333  } 
#connect { width:250px; float:right; position:relative; padding:15px 0; margin:0 10px 0 0; display:inline }
#footer { margin:0 auto; color:#fff; font-size:.8em; background:#A3A8AD; padding:3px;
	text-align: center;
	height: 10px;
}
#footer_kids { margin:0 auto; color:#fff; font-size:.8em; background:#8DB2E6; padding:3px;
	text-align: center;
	height: 10px;
}
#footer_youth { margin:0 auto; color:#fff; font-size:.8em; background:#000000; padding:3px;
	text-align: center;
	height: 10px;
}
#footer_kids_entry { margin:0 auto; color:#fff; font-size:.8em; background:#006591; padding:3px;
	text-align: center;
	height: 10px;
}
#footer a { color:#fff; text-decoration:none }

/* INTERIOR PAGE STYLES */
#interior { background:#F5F6FA; width:860px; margin:5px auto; border:3px double #F5F6FA }
.padding { padding:0 10px 10px 10px;}

/* LINKS, TEXT, BUTTONS & CONTENT STYLES */
a { color:#2E4F7E; text-decoration:underline }
.active a { color: #7290B8 } 
a:hover { color: #7290B8 } 
h2.title { font-weight:bold; font-size:1.3em; color:#72601E; background:url("../images/subhead.gif") no-repeat; height:30px; padding:7px 0 0 35px }
h1.title { font-weight:bold; font-size:11pt; color:#72601E; text-align: center }
.sm { font-size:0.8em }
.lt { float:left; position:relative }
.rt { float:right; position:relative }
.highlight { background:#FBF1D0; color:#333 }
.ministries ul { list-style:none; margin:0; list-style-type: square; padding:0 }
.resources ul { list-style:none; margin:0; padding:0 }
.audio ul { list-style:none; margin:0; padding:0 }
.resources li { background:url("../images/list.gif") left no-repeat; padding:0 0 0 12px; list-style:none }
.audio li { background:url("../images/list.gif") left no-repeat; padding:0 0 0 12px; list-style:none }
.resources { border:none; padding:10px; background:#DBE5F3; line-height:2em }
.ministries li { border:none; padding:6px; background:#DBE5F3; margin-bottom:5px; text-indent:15px}
.music_opps li { border:none; padding:1px 1px 5px 1px; background:none; margin-bottom:-5px; list-style-type: square; text-indent:35px }
.music_opps_2 li { border:none; padding:none; background:none; margin-bottom:-5px; text-indent:35px}
.music_opps_3 li { border:none; padding:none; background:none; margin-bottom:none; list-style-type: square; text-indent:35px}
.music_opps_4 { border:none; padding:0 0 0 20px; background:none; margin-bottom:none; text-indent:0px}
#address a { color:#fff }

#events a { color:#fff }

#photoGallery { 
	height:140px;
	width:866px;
	background:url("../youth/images/photo_bg.jpg") repeat-x; 
}
#photoGallery img { border:1px solid #CCC }
.mainPic { border:1px solid #000 }
.photoScroll { padding:35px 8px 0 8px; width:866px; height:100px; overflow:auto } 

/* MISC & FORM STYLES */
.calendar { width:800px; margin:0 auto }
.divBar { background:url("../images/div-bar.gif") repeat-x; width:100%; height:35px; margin:10px 0; clear:both }
.rightImg { float:right; position:relative; border:1px solid #ccc; margin:0 0 0 0px;
}
.leftImg { float:left; position:relative; border:1px solid #ccc; margin:0 15px 0 0 }
.readmore { border-style: none;
	border-color: inherit;
	border-width: 0;
	float:right; 	position:relative; 	margin:5px 10px 0 0;
	top: 0px;
	left: 0px;
}
.readmoreleft { float:left; position:relative; border:0; margin:1px 1px 1px 10px}
.cellStaff { width:100%; margin:0 0 20px 0; overflow:hidden; clear:both } 
.cellStaff img { float:left; margin:0 15px 0 0; border:4px double #C5C1AE } 
.form { 
	border:1px solid #7F9DB9;
	height:15px; 
	width:240px; 
	background: #fff; 
	font-size:90%;
	padding:2px 0 0 5px
}
.clear { clear:both }
.spacer { height:10px; clear:both }


