/* --------------------------------
	 #Typo
----------------------------------- */

p, h1, h2, h3, h4, h5, h6, a, span, em, strong, div#content li {font-family: Helvetica, Arial, sans-serif; color: #444;}

h1, h2, h3, h4, h5, h6 {padding-bottom: 10px;}

p, div#content li {font-size: 13px; line-height: 22px; text-align: justify;}
h1 {font-size: 24px; font-weight: bold}
h2 {font-size: 24px; font-weight: bold}
h3 {font-size: 18px; font-weight: bold}
h4 {font-size: 13px; font-weight: bold}

div#content ol li {list-style: decimal; list-style-position: outside; margin-left: 40px;}
div#content li {padding-bottom: 20px;}
/* --------------------------------
	 #Main Layout
----------------------------------- */
html {background: url(/img/main_grad.jpg) 0 0 repeat-y; }
body {min-width: 980px; background:url(/img/main_bgd2.jpg) center 0 no-repeat;  text-align: center; position: relative;}
div.wrap {width: 960px; text-align: left; margin: 0 auto;}
a.edit {background: #9fea37; padding: 5px 8px; color: #fff; text-decoration: none; margin: 20px; float: right; clear: both;}
.hl-link {background: #444; padding: 5px 8px; color: #fff; text-decoration: none; font-size: 14px; border: none; }
.hl-link:hover {background: #9fea37; cursor: pointer;}

/* #Header */
div#header {position: relative;}
div#header h1 a {width: 500px; height: 120px; text-indent: -5000em; position: absolute;}

a.head_letter_link {width: 230px; height: 15px; position: absolute; right: 170px; top: 32px; text-indent: -5000em; font-size: 12px; color: #444; padding: 10px; background: url(/img/masthead-buttons2.png) -152px top no-repeat; }
a.head_letter_link:hover {background-position: -152px bottom;}

a.head_keith_letter_link {width: 230px; height: 15px; position: absolute; right: 170px; top: 70px; text-indent: -5000em; font-size: 12px; color: #444; padding: 10px; background: url(/img/masthead-buttons2.png) top right no-repeat; }
a.head_keith_letter_link:hover {background-position: right bottom;}

a.head_bulletin_link {width: 120px; height: 15px; position: absolute; right: 20px; top: 32px; text-indent: -5000em; font-size: 12px; color: #444; padding: 10px; background: url(/img/masthead-buttons2.png) top left no-repeat; }
a.head_bulletin_link:hover {background-position: left bottom;}


/* #Nav */
div#nav {position: relative; top:  110px; z-index: 5000;}
div#nav ul {width:955px; padding: 7px 0 0 5px}
div#nav ul li a {float: left; font-size: 14px; }

div#nav ul li a {text-indent: -5000em; height: 27px; background: url(/img/nav.png) 0 5px no-repeat;   overflow: hidden}
div#nav ul li.home 			a {width:72px; background-position: 0 			8px;}
div#nav ul li.about_us 		a {width:90px; background-position: -72px 	8px;}
div#nav ul li.nrp_churches	a {width:133px; background-position: -160px 	8px;}
div#nav ul li.membership 	a {width:122px; background-position: -294px 	8px;}
div#nav ul li.events			a {width:75px; background-position: -416px 	8px;}
div#nav ul li.media 			a {width:70px; background-position: -492px 	8px;}
div#nav ul li.contact		a {width:80px; background-position: -562px 	8px;}

div#nav ul li.home 			a:hover {width:72px; background-position: 0 			-19px;}
div#nav ul li.about_us 		a:hover {width:90px; background-position: -72px 	-19px;}
div#nav ul li.nrp_churches	a:hover {width:133px; background-position: -160px 	-19px;}
div#nav ul li.membership 	a:hover {width:122px; background-position: -294px 	-19px;}
div#nav ul li.events			a:hover {width:75px; background-position: -416px 	-19px;}
div#nav ul li.media 			a:hover {width:70px; background-position: -492px 	-19px;}
div#nav ul li.contact		a:hover {width:80px; background-position: -562px 	-19px;}

div#nav ul li.home_active 				a {width:72px; background-position: 0 bottom;}
div#nav ul li.about_us_active 		a {width:88px;  background-position: -72px bottom;}
div#nav ul li.nrp_churches_active	a {width:133px; background-position: -161px bottom;}
div#nav ul li.membership_active 		a {width:122px; background-position: -294px bottom;}
div#nav ul li.events_active			a {width:75px;  background-position: -416px bottom;}
div#nav ul li.media_active 			a {width:70px;  background-position: -492px bottom;}
div#nav ul li.contact_active			a {width:80px;  background-position: -562px bottom;}

div#nav ul li {border-right: 1px solid #8f8b7d;  float: left; padding: 0 21px;}
div#nav ul li.no_border {border:none;}

body#home ul li {padding: 0 2px; position: relative;}


/* Nav Level 2 */
div#nav ul li ul {display: none; position: absolute; top:30px; width:170px; left:150px; background: #fff; padding: 0; margin: 0;}
div#nav ul li ul li {border-right: none; float: left; clear: both; overflow: visible; padding: 0; margin: 0;}
div#nav ul li ul li a {background-image: none; text-indent: 0; text-decoration: none;  padding: 8px 8px; width: 154px !important; height: 13px;}
div#nav ul li ul li a:hover {background: #413f3b; color: #fff}
div#nav ul li:hover > ul {display: block;}

/* #content */
div#content {position: relative; margin-top: 116px; min-height: 350px;}
div#content {padding: 75px;}
div#content h2 {color: #819925; padding-bottom: 20px }

/*	#Footer */
div#footer {background: url(/img/foot.png) 0 0 no-repeat; clear: both; height: 70px; width: 942px; margin: 0 auto; }
div#footer a.credit, div#footer p.copyright {color: #fff; font-size: 10px; position: relative; top: 30px; }
div#footer p.copyright {float: left; position: relative; left: 15px}
div#footer a.credit {float: right; clear: none; relative; right: 15px; text-decoration: none;}
div#footer a.credit img {padding: 0 0 0 10px}

/* --------------------------------
	 #Home
----------------------------------- */
body#home div.aside {position: absolute; top:340px; left: 10px; }
body#home div.article {position: relative; left: 300px; width: 620px; top:30px; margin-bottom: 40px;}
body#home div#content {padding: 0 0;}

body#home div#nav ul li ul {left:10px; top:24px;}



div#fp_ads {background: url(/img/home_head.png) 0 8px no-repeat; position: relative; left:1px; height: 298px; padding-left: 7px; overflow: hidden; clear: both; }
div#fp_ads ul {position: relative;  z-index: 1000;}
div.carousel li a {height: 286px; position: relative; display: block; width:941px;}
div.carousel li a img {bottom: 0; position: absolute}
a.next, a.prev {top:13px; width:21px; height: 21px; position: absolute; z-index: 4000; text-decoration: none;}
a.prev {right:50px; background: url(/img/left_arrow.png) center center no-repeat; }
a.next {right:18px; background: url(/img/right_arrow.png) center center no-repeat; }
a.prev:hover, a.next:hover {opacity: 0.4;}

div.bar { background: #8f8b7d; width:1px; height: 30px; position: absolute; top:8px; right: 43px; z-index: 5000;}

/* --------------------------------
	 *General Form Styles
----------------------------------- */
div#content input.input_text, div.popBox input.input_text, div#content textarea, div.popBox textarea { border:1px solid #bbb; background:#fff; padding:3px; display:block; margin: 2px 5px; font-family:Helvetica, Verdana, Arial, sans-serif; font-size:1.3em; line-height:1.5em; width:80%; }
div#content select { display:block; margin:20px 0 20px 0px; }
div#content input.input_text:focus, div.popBox input.input_text:focus, div#content div#content textarea:focus, div.popBox textarea:focus {background:#fffa92;}
div#content label { font-size:18px; font-weight:bold; display:block; border-top:1px solid #ddd; margin-top:5%; padding:8px 0 10px 10px; width:85%; }
div#content .submit{font-size: 13px; border:none; background:#444; padding:5px 10px; color:#fff; float:left; clear:left; margin:20px; text-decoration:none; }
div#content .submit:hover, div.popBox .submit:hover { background:#ccc; color:#fff; cursor:pointer; }
span.optional { font-family:Georgia Palatino Times serif; font-size:12px; color:#666; font-style:italic; padding:10px; }
div#content input.short, div.popBox input.short { width:150px !important; }

div.newsletter_check {padding: 15px 10px}
div.captcha_box {padding-left: 10px;}

/* --------------------------------
	 #List Pages
----------------------------------- */
body#list div.article {border-bottom: #ccc 1px solid; width:100%; float: left; clear: both; padding: 30px 0;}
body#list div.text {float: left; margin-left: 30px; clear: none; width:600px;}
body#list div.article img {float: left; padding: 3px; border: #ccc 1px solid;}

body.events div.wrap div.article img {border: none !important;}
 
div.image_placeholder {width: 126px; height: 176px; float: left; display: block; background: url(/img/photo-not-available.jpg) center center no-repeat;border: 1px solid #ccc;}

/* --------------------------------
	 #Media
----------------------------------- */
body#media div.article {border-bottom: #ccc 1px solid; width:100%; float: left; clear: both; padding: 30px 0;}

/* --------------------------------
	 #Contact
----------------------------------- */

body.contact div.article {float: left; width: 60%;}
body.contact div.aside {float: left; clear: none; width:30%;}