* {
	margin:0;
	padding:0;
}
html { height:100.1% }
img { border:none }
BODY {
	font-size: 76%;
	background: #C5C1AE url(../images/bg.gif) top repeat-x;
	behavior:url("styles/csshover.htc"); /* IE6 HACK FOR THE IMAGE HOVER TABS */
	font-family: Tahoma, Arial, Geneva;
	color: #000000
}

#header { width:770px; height:115px; color:#fff; clear:both; margin:0 auto }

/* TOP NAVIGATION TAB STYLES */
#topNav {
	line-height:normal;
        text-align: center;
	width:770px;
	margin: 0 auto
}
/* END TOP NAVIGATION TAB STYLES */

#bannerPic { 
	background:url(../images/main-image.jpg) no-repeat;
	width:794px; 
	height:348px; 
	margin:0 auto; 
	clear:both;
	overflow:hidden
}

#bannerText {
	float:right;
	font-size:1.1em;
	line-height:1.2em;
	width:255px;
	color: #003366;
	margin-top: 35px;
	margin-right: 20px;
	margin-bottom: 10px;
	margin-left: 20px;
}
#contactPic {
	background:url(../images/contact-image.jpg) no-repeat;
	width:794px; 
	height:348px; 
	margin:0 auto; 
	clear:both;
	overflow:hidden
}
#contentWrapper { 
	width:730px; 
	margin:0 auto; 
	padding:30px 20px 30px 20px;
	background:#FEFEFE url(../images/content-top.jpg) top no-repeat; 
	border-top:1px solid #fff;
	border-right:1px solid #C5C1AE; 
	border-left:1px solid #C5C1AE;
	border-bottom:5px double #8D3C23;
	overflow:hidden
}

#tanBg { background:url(../images/bottom-center-bg.jpg) repeat-x; width:100%; height:240px; overflow:hidden }
#tanBgInner { width:785px; margin:0 auto; padding:20px 0 0 0 }

#eventHighlights { 
	background:url(../images/event-highlights.jpg) no-repeat; 
	height:203px; 
	width:490px; 
	float:left; 
	position:relative;
	overflow:hidden;
	clear:left
}
#eventsText {
	width:430px;
	height:114px;
	overflow:auto;
	padding:0 10px 0 0;
	margin:0 auto;
	color:#000000
}

#helpLinks { 
	float:right; 
	position:relative; 
	width:260px; 
	padding:55px 10px 10px 10px;
	margin:0;
	background:url(../images/helpful-links.gif) top no-repeat;
	font-size:1.2em;
	list-style:none;
	line-height:1.5em; 
	display:block
}
#helpLinks li a {
	background: url(../images/bullet.gif) center left no-repeat;
	padding:0 0 0 20px;
	margin:0 0 0 15px;
	color:#000000
}
#helpLinks li a:hover {
	color:#003366
}

#churchAddress { 
	float:left; 
	position:relative; 
	width:240px; 
	padding:55px 10px 10px 30px;
	background:url(../images/church-address.gif) top no-repeat;
}
#churchAddress a {
	color:#000000
}
#churchAddress a:hover {
	color:#003366
}

#contactInfo { 
	float:right; 
	position:relative; 
	width:240px; 
	padding:55px 10px 10px 30px;
	background:url(../images/contact-info.gif) top no-repeat;
}
#contactInfo a {
	color:#000000
}
#contactInfo a:hover {
	color:#003366
}

#footer {
	width:770px;
	color:#000000;
	font-size:1.2em;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	padding-top: 6px;
	padding-right: 0;
	padding-bottom: 6px;
	padding-left: 0;
}
#footer a {
	color:#000000
}
#footer a:hover {
	color:#003366
}

/* LINKS, TEXT, BUTTONS & CONTENT STYLES */
a { color:#2080A0; text-decoration:underline }
a:hover  {
	color: #003366
} 
h2 { font:bold 1.3em/1.2em Arial, Helvetica, sans-serif }
.eventsButton { margin:20px 25px 15px 0 !important; margin:20px 13px 15px 0; float:right }
.eventsTitle {
	color:#003366;
	font-weight:bold;
	background: url(../images/arrow.gif) center left no-repeat;
	padding:0 0 1px 15px
}
.eventsMonth {
	color:#003366;
	font-weight:bold;
	font-size:1.3em;
	background:url(../images/arrow.gif) center left no-repeat;
	padding:0 0 1px 15px
}
.calendarFont { font-size:1.5em }
.left { float:left; position: relative }
.right {
	float: right;
	position:relative;
	color: #FFFF00;
	font-weight: bold;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-style: italic;
}
.sm { font-size:0.8em }
.ministryTitle {
	color:#003366;
	font-weight:bold
}
.audioList { list-style:none; line-height:1.5em; display:block }
.audioList li a { background: url(../images/arrow.gif) center left no-repeat; padding:0 0 0 20px; margin:0 0 0 15px }
.ministryBox { margin:0 0 10px 0; padding:0 0 10px 0 !important; padding:0 0 40px 0; background:url(../images/bottom-container.jpg) bottom no-repeat }
.ministryBox h3 {
	padding:30px 10px 0 25px;
	margin-bottom:8px;
	text-align:left;
	font:bold 1.1em Arial, Helvetica, sans-serif;
	background:url(../images/top-container.jpg) top no-repeat;
}
.ministryBoxInner { padding:0 25px 25px 25px; overflow:hidden; display:block }
.ministryBoxInner img { float:left; border:4px double #C5C1AE; margin:0 15px 0 0 }

/* MISC & FORM STYLES */
.divBar { background:url(../images/div-bar.gif) repeat-x; width:100%; height:35px; margin:10px 0; clear:both }
.rightImg { float:right; position:relative; border:4px double #C5C1AE; margin:0 0 0 25px }
.leftImg { float:left; position:relative; border:4px double #C5C1AE; margin:0 15px 0 0 }
.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:155px; 
	background: #fff; 
	font-size:90%;
	padding:2px 0 0 5px
}
.clear { clear:both }
.spacer { height:10px !important; margin:0 !important; margin:-5px 0 0 0; clear:both }

