* { margin:0; padding:0 }
div { margin:0; padding:0 }
BODY {
	font-size: 86%;
	background: #380407 url(../images/top-bg.jpg) top repeat-x;
	font-family: Tahoma, Helvetica, sans-serif;
	color: #fff
}

/* LINK AND TEXT STYLES */
a { color:#FA6E32; text-decoration:underline }
a:hover  { color: #fff } 
.eventsTitle, .staffTitle { color:#EB642A; font-weight:bold; background: url(../images/arrow.gif) center left no-repeat; padding:0 0 1px 15px }
.pageTitle { 
	color:#fff; 
	font-weight:bold; 
	font-size:1.1em; 
	border-bottom:2px solid #EA7A2E; 
	padding-bottom:1px; 
	line-height:2.2em 
}
.redBglink { background:#380407; padding:3px 5px; text-decoration:none; font-size:.9em }
.redBg { background:#74220C; padding:10px }

/* BODY HTML LAYOUT STYLES */
#wrapper {
	width:1024px;
	margin: 0 auto;
	background:#50090D;
	height:100%
}
#header {
	width:1024px;
	height:140px;
	clear:both;
	background-image: url(../images/header-bg.jpg);
	background-repeat: repeat-x;
}
#header a { 
	background: url(../images/arrow.gif) center left no-repeat; 
	padding:0 10px 1px 15px; 
	text-decoration:none
}
#topLinks { 
	float:right;
	position:relative;
	padding: 40px 20px 0 0;
	font-size: .9em
}
#footer { 
	background: url(../images/footer-bg.jpg) repeat-x; 
	color:#fff; 
	font-size:.8em; 
	text-align:right; 
	padding:8px 15px; 
	height:22px 
}
#navBar {
	color:#fff;
	width:1024px;
	height:40px;
	background:#380407;
	filter: alpha(opacity=80);
	-moz-opacity:.80;
	opacity:.80;
	border-bottom: 1px solid #380407;
	display:block
} 

/* TRANSPARENT BACKGROUND HOVER STYLE */
div.transOFF {
	font-weight: bold;
	color: #fff;
	width:110px;
	height:40px;
	text-align:center;
	padding: 15px 0 0 0;
	float:left;
	position:relative;
	display:block
 }
div.transOFF a { color: #fff; text-decoration:none; height:40px; }
div.transON, .current {
	font-weight: bold;
	width:110px;
	color: #000;
	background: #fff;
	opacity:.40;
	filter: alpha(opacity=40);
    -moz-opacity: 0.5;
	text-align:center;
	padding: 15px 0 196px 0;
	float:left;
	position:relative;
	display:block
}
div.transON a, div.transON a:hover, .current a, .current a:hover { color:#000; text-decoration:none }

/* BANNER IMAGE STYLES */
#bannerHome {
	width:1024px;
	height:225px;
	clear:both;
	background-image: url(../images/banner8.jpg);
	background-repeat: no-repeat;
}
#bannerMinistries {
	background:url(../images/banner2.jpg) no-repeat;
	width:1024px;
	height:225px;
	clear:both
}
#bannerWorship { background:url(../images/banner3.jpg) no-repeat; width:1024px; height:225px; clear:both }
#bannerBeliefs { background:url(../images/banner4.jpg) no-repeat; width:770px; height:225px; clear:both }
#bannerEvents {
	background:url(../images/banner5.jpg) no-repeat;
	width:1024px;
	height:225px;
	clear:both
}
#bannerAudio {
	width:1024px;
	height:225px;
	clear:both;
	background-image: url(../images/balcony%20view_banner.jpg);
	background-repeat: no-repeat;
}
#bannercelebrate_recovery {
	width:1024px;
	height:225px;
	clear:both;
	background-image: url(../images/CR_logov1.jpg);
	background-repeat: no-repeat;
}
#banneryouth {
	width:1024px;
	height:225px;
	clear:both;
	background-image: url(../images/M_logo.gif);
	background-repeat: no-repeat;
}
#bannerContact {
	width:1024px;
	height:225px;
	clear:both;
	background-image: url(../images/contact_logov3.jpg);
	background-repeat: no-repeat;
}

#bannersendeail {
	width:1024px;
	height:225px;
	clear:both;
	background-image: url(../images/contact_logov4.jpg);
	background-repeat: no-repeat;
}
#bannerFindus {
	width:1024px;
	height:345px;
	clear:both;
	background-image: url(../images/CR_logov1.jpg);
	background-repeat: no-repeat;
}
#bannerNews { background:url(../images/banner9.jpg) no-repeat; width:770px; height:225px; clear:both }
#bannerSitemap {
	background:url(../images/banner10.jpg) no-repeat;
	width:1024px;
	height:225px;
	clear:both
}


/* FORMS & MISC STYLES */
.left { float:left; position:relative }
.right { float:right; position:relative }
.rightColumn {
	float:right;
	position:relative;
	width:650px;
	padding-top: 15px;
	padding-right: 25px;
	padding-bottom: 15px;
	padding-left: 0;
}
.interiorBox {
	width:974px;
	margin:15px auto
}
.interiorRedbox {
	background:#74220C;
	padding:10px;
	width:98%
}
.redBorder { border:2px solid #74220C; padding:10px }
.events {
	width:300px;
	float:left;
	position:relative;
	clear:left;
	background-color: #6C191D;
	background-repeat: no-repeat;
	background-position: top;
	padding-top: 5px;
	padding-right: 15px;
	padding-bottom: 15px;
	padding-left: 15px;
}
.events img { border:1px solid #380407; margin:5px 0 }
.staffBorder {
	border:2px solid #74220C;
	padding:10px;
	float:left;
	position:relative;
	width:670px;
	overflow:hidden;
	height: 200;
}
.staffBorder img { border:2px solid #fff; margin:0 10px 0 0; float:left }
.form { 
	border:1px solid #74220C; 
	height:15px; 
	width:150px; 
	background: #fff; 
	font-size:.9em;
	padding:2px 0 0 5px
}
.contactForm {
	border:1px solid #74220C;
	background: #fff;
	font-size:1.2em;
	height:180px;
	width:340px;
	padding-top: 2px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 5px;
}
.clear { clear:both }
.spacer { height:12px; clear:both }
.rtMargin { margin-right:15px }
