* { margin:0; padding:0 }
html { height:100.1% }
img { border:none }
BODY {
	font-size: 76%;
	background: #7B7F77 url(../images/bg2b.gif) top repeat-x;
	behavior:url("styles/csshover.htc"); /* IE6 HACK FOR THE IMAGE HOVER TABS */
	font-family: Tahoma, Arial, Geneva;
	color: #506054;
	margin:2px auto 0 auto;
	text-align:left
}
{ behavior: url(iepngfix.htc) }

#header { width:770px; height:115px; color:#fff; margin:0 auto }

/* TOP NAVIGATION TAB STYLES */
#topNav {  font-size:1.1em; line-height:normal; text-align:right; width:782px }
#topNav ul { padding:0; list-style:none; float:right; margin:0 }
#topNav li { margin:0 1px 0 0; padding:0 0 0 9px; float:left; background:url(../images/left-bt.gif) no-repeat left top }
#topNav a { 
	float:left;
	text-decoration:none;
	color:#fff; 
	display:block; 
	background:url(../images/right-bt.gif) no-repeat right top; 
	padding:6px 15px 5px 6px;
}
/* Commented Backslash Hack
   hides rule from IE5-Mac \*/
#topNav a {float:none }
/* End IE5-Mac hack */
#topNav a:hover { color:#808C4C }
#topNav #current, #topNav li:hover  { background-image:url(../images/left-on-bt1.gif)  }
#topNav #current a, #topNav a:hover  { background-image:url(../images/right-on-bt.gif); color:#5B605B; padding-bottom:5px;}
/* END TOP NAVIGATION TAB STYLES */

#bannerPic { 
	background:url(../images/main-image22.jpg) no-repeat;
	width:794px; 
	height:348px; 
	margin:0 auto; 
	clear:both;
	overflow:hidden;
	font-size:1.1em; 
	line-height:1.2em
}
#bannerPic2 { 
	background:url(../images/main-image_flower.jpg) no-repeat;
	width:794px; 
	height:348px; 
	margin:0 auto; 
	clear:both;
	overflow:hidden;
	font-size:1.1em; 
	line-height:1.2em
}
#contactPic {
	background:url(../images/contact-image1b.gif) 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:#F4F6E7; 
	border-top:1px solid #fff;
	border-right:1px solid #C5C1AE; 
	border-left:1px solid #C5C1AE;
	border-bottom:5px double #566003;
	overflow:hidden
}

#tanBg { background:url(../images/bottom-center-bg7c.jpg) repeat-x; width:100%; height:240px; overflow:hidden }
#tanBgInner { width:785px; margin:20px auto 0 auto }

#eventHighlights { 
	background:url(../images/event-highlights2b.png) 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:#344611}

#helpLinks { 
	float:right; 
	position:relative; 
	width:260px; 
	padding:55px 10px 10px 10px;
	margin:0;
	background:url(../images/helpful-links1.png) 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:#182D04 }
#helpLinks li a:hover { color:#ffffff }

#companyAddress { 
	float:left; 
	position:relative; 
	width:240px; 
	padding:55px 10px 10px 30px;
	background:url(../images/company-address.png) top no-repeat;
}
#companyAddress a { color:#353224 }
#companyAddress a:hover { color:#AA4A1B }

#contactInfo { 
	float:right; 
	position:relative; 
	width:240px; 
	padding:55px 10px 10px 30px;
	background:url(../images/contact-info.png) top no-repeat;
}
#contactInfo a { color:#353224 }
#contactInfo a:hover { color:#AA4A1B }

#footer { width:770px; margin:0 auto; padding:12px 0 0 0; color:#31322F; font-size:0.8em }
#footer a { color:#31322F }
#footer a:hover { color:#F1F1F1; text-decoration:underline; }

/* LINKS, TEXT, BUTTONS & CONTENT STYLES */
a { color:#2080A0; text-decoration:underline }
a:hover  { color: #134C5F } 
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:#26340C; font-weight:bold; background: url(../images/arrow.gif) center left no-repeat; padding:0 0 1px 15px }
.eventsMonth { color:#666A49; 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 }
.sm { font-size:0.8em }
.ministryTitle { color:#954318; 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 }
.img { border:4px double #C5C1AE }
.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 }