{!-- <style> --}
/* Yellow: #fff9b8
	Light Blue: #e0e7ea
	Brown: #775436
*/

html,body,div,span,applet,object,iframe,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{border:0;outline:0;font-weight:normal;font-style:inherit;vertical-align:baseline;font-family:Helvetica, Arial, sans-serif;line-height:normal;margin:0;padding:0}:focus{outline:0}html{text-align:center}body{color:#000;background-color:#FFF;text-align:left;position:relative;margin:0 auto}ol,ul{list-style:none}table{border-collapse:separate;border-spacing:0}caption,th,td{text-align:left;font-weight:400}blockquote:before,blockquote:after,q:before,q:after{content:""}a{cursor:pointer}i,em{font-style:italic}b,strong{font-weight:700}hr.clearhack{display:block;visibility:hidden;clear:both;height:0}.hide{display:none}

/* typography */
{!-- @font-face { font-family: 'MuseoCustom'; /* src: url("/img/fonts/MuseoSans-500.eot"); cleartype makes font render poorly on IE, so they get something else */ src: local('Museo Sans'), url("/img/fonts/MuseoSans-500.ttf") format('opentype'), url("/img/fonts/museo.svg#museo") format('svg'); } /* A font by Jos Buivenga (exljbris) -> http://www.exljbris.nl */ --}
.nav a, h1, h2,  h4, h5, h6, a.button, dt, dt a, label, input, textarea, body.home h3, .button {font-family:  'Century Gothic', Helvetica, Arial, sans-serif;}
p, em, strong, input, h3, .wysiwyg_output, li {font-size: 13px; line-height:18px; font-weight: normal; font-family: Georgia, Palatino, Times, serif; color: #444; text-align: justify;}
em {font-style: italic;}
h1 {font-size: 35px; color: #2282b5;}
h2, ul.nav li a {font-size: 20px;}
h2 {color: #444; padding-bottom: 4px;}
h3 {font-size: 15px; padding-bottom: 8px; color: #444;}
h4 {font-size: 13px;}
h5,h6 {font-size: 10px;}
a {color: #333;}
div.main_content p {padding-bottom: 10px;}
b, strong {font-weight: bold;}

/* background images */
html {background: #fff url(/img/bgd_rpt_x-top.jpg) 0 0 repeat-x; }
body {min-width: 980px; background: url(/img/bgd_rpt_x-btm.jpg) left bottom repeat-x;}
body.home {background:  url(/img/bgd_rpt_x-btm.jpg) left bottom repeat-x;  }
div.outer1 {background: url(/img/bgd_midde_rpt.jpg) center top repeat-y;}
div.outer2 {background: url(/img/bgd_btm_home.jpg) center bottom no-repeat;}
div.wrap {background:  url(/img/bgd_top_home.jpg) center top no-repeat;}
div.masthead {background: url(/img/masthead.jpg) center top no-repeat; height: 173px; width:100%;}
div.content-wrap {width: 980px; margin: 0 auto; position: relative;}
div.main_content {min-height:850px;}
body.page div.wrap {background: url(/img/bgd_top_left_col.jpg) center top no-repeat;}

body.section_about div.masthead {background: url(/img/masthead/about.jpg) center top no-repeat;}
body.section_associate-ministries div.masthead {background: url(/img/masthead/associated.jpg) center top no-repeat;}
body.section_care-and-help div.masthead {background: url(/img/masthead/care.jpg) center top no-repeat;}
body.section_giving div.masthead {background: url(/img/masthead/giving.jpg) center top no-repeat;}
body.section_media div.masthead {background: url(/img/masthead/media.jpg) center top no-repeat;}
body.section_ministries div.masthead {background: url(/img/masthead/ministries.jpg) center top no-repeat;}

/* column layout */
div.main_content {width:440px; float: left; clear: none;}
div.sidebar {width:264px; float: left; clear: none; border-left:dotted 1px #ccc; background: #f6f6f6; }
body.col_2 div.main_content {width:710px;}

/* content layout */
div.main_content h1 {padding: 0 30px;}
div.main_content div.wysiwyg_output {padding:0 40px;}

div.wysiwyg_output img.page_image {padding: 0 10px 25px 10px;}

/* sidebar */
div.sidebar div.aside {padding: 20px; border-bottom: 1px solid #dfdfdf;}
div.sidebar div.enews input.text {width:220px; margin: 10px 0 15px 0;}
div.sidebar h4 {padding:10px 0 10px 0; border-bottom: 1px dotted #dfdfdf;}
div.sidebar div.this_week em {color: #444; width: 100px; margin-right: 3px; display: block; font-weight: bold;}
div.sidebar div.this_week a {text-decoration: none}
div.sidebar div.this_week a:hover {text-decoration: underline}

/* listing */
body.listing div.article {float: left; clear: both; padding-top: 30px;}

/* audio */
body.page_audio-sermons div.article {padding: 10px 0; width:410px !important; margin-left: 20px; border-bottom: 1px solid #ccc;}
body.page_audio-sermons div.article_first {padding-top: 0; }
body.page_audio-sermons div.article_last {border-bottom: none;}

/* staff */
body.listing div.article {width:100%;}
body.listing div.article div.left_col {float: left; clear: none; padding: 20px;}
body.listing div.article div.right_col {width:390px;float: left; clear: none; padding-top: 20px; }
body.listing div.article div.right_col a.button {margin: 15px 5px;}
body.listing div.article div.about {width:390px; padding: 10px 0; margin:10px 0; border-top:1px dotted #ccc; border-bottom:1px dotted #ccc;  float: left; clear: both;}
body.listing div.article h3 {padding-left: 3px;}

/* news & events */
body.section_news-and-events div.article div.wysiwyg_output {padding: 10px 3px;}
body.section_news-and-events div.article {margin: 0 0 30px 30px; padding: 0; border-bottom: 1px #eee solid; width:370px;}
body.section_news-and-events div.article h4 {padding-left: 3px}

/* nav */
div.nav {text-align: center; width:100%; position: relative; float: left; clear: both; z-index: 5000;}
ul.nav {text-align: center; margin: 0 auto; position: relative; padding-left: 90px; display: block; }
ul.nav li {float: left; background: url(/img/nav_border.png) left top no-repeat; height: 55px; margin: 3px 0 0 -6px; padding: 0 0 0 3px; overflow: hidden; }
ul.nav li.after_active {background: none;}
ul.nav li a {color: #fff;  float: left; clear: none; text-decoration: none; padding: 20px 15px; top: -5px; position: relative;}
ul.nav li a:hover {color: #fff9b8; }

ul.nav li.active a {background: url(/img/nav_active_bgd.png) 0 3px repeat-x; color: #fff9b8}
ul.nav li.first {position: relative; left:-10px;}
ul.nav li.first a span { background: url(/img/home-icon.png) 0 0 no-repeat; height: 23px; padding: 0; width:20px; position: absolute; left: 0; top:22px;}
ul.nav li.first a:hover span {background-position: left bottom;}
ul.nav li.first {float: left; background: no-repeat;}

/* sub nav */
div.sub_nav {width:270px; float: left; clear: both;}
div.sub_nav ul {padding: 10px 6px; margin-top: 20px;}
div.sub_nav li a {border-bottom: 2px solid #e1e8eb; text-decoration: none; font-size: 13px; padding: 10px 15px; width:228px; display: block; text-transform: uppercase; text-align: left;}
div.sub_nav li a:hover {color: #775436; background: #fff9b8; }
div.sub_nav li.here a {margin-left: -7px; padding: 10px 20px; font-size: 15px; color: #fff; border: none;  background: #5aa5cf url(/img/sub_nav_active_bgd.jpg) 0 bottom repeat-x; -webkit-border-bottom-left-radius:8px; -webkit-border-top-left-radius:8px; -moz-border-bottom-left-radius:8px; -moz-border-top-left-radius:8px; border-bottom-left-radius:8px; border-top-left-radius:8px; -webkit-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.25); -moz-box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.25); box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.25); /* filter: progid:DXImageTransform.Microsoft.blur(pixelradius=3.0, makeshadow='true', ShadowOpacity=0.25); */}

/* home page */
div.py_message {width:275px; margin-top:10px; float: left; clear: both; height:370px;}
div.py_message h3 {color: #fff; text-transform: uppercase; padding: 0 0 30px 20px;}
div.py_message p {padding: 0 25px 10px 25px;}
div.py_message a.button {margin-left:10px; top:15px;}

/* home page slide show */
div.slideshow {float: right; clear: none; position: relative; right:9px; top:0; height: 365px; width:700px; overflow: hidden; border: #c1c1c1 1px solid; z-index: 1;}
div.slideshow_nav {position: absolute; right:4px; top:83px; z-index: 4000; background: url(/img/home-scroll-button-backgrou.png) 0 0 no-repeat; width:67px; height: 35px;}
div.slideshow_nav ul {margin:7px 5px 0 0;}
div.slideshow_nav li a { background:url(/img/arrow-icons.png) 0 0 no-repeat;  float: right; clear: none; width:25px; height: 22px; text-indent: -5000em;}
div.slideshow_nav li.next a {background-position: -25px 0;}

div.slideshow_nav li.next a:hover {background-position: -25px bottom;}
div.slideshow_nav li.prev a:hover {background-position: 0 bottom;}

/* home news tabs */
body.home div.news {float: left; clear: right; width:450px; padding-top: 25px;}
body.home div.news ul#tabs {padding-left: 2px;}
body.home div.news ul#tabs li {position: relative; padding: 0 16px 0 10px; float: left; clear: none; }
body.home div.news ul#tabs li a {background: url(/img/news-gradients.png) 0 -38px repeat-x; height: 24px;  float: left; clear: none; color: rgb(126,126,126); font-size: 15px; font-family: Georgia, Palatino, Times, serif; text-decoration: none; position: relative; margin-right: -6px; padding: 12px 18px 2px 18px; z-index: 0;}
body.home div.news ul#tabs li a:hover {color: #111;}
body.home div.news ul#tabs li span {position: absolute; width: 10px; height: 38px; display: block; background: url(/img/news-tabs.png) 0 0 no-repeat; top:0;}
body.home div.news ul#tabs li span.right {right: 0; background-position: -10px 0; right:0;}
body.home div.news ul#tabs li span.left {left: 0;}
body.home div.news ul#tabs li.news {margin-left:-10px;}

body.home div.news ul#tabs li.active {padding: 0 23px 0 11px; z-index: 100; position: relative;}
body.home div.news ul#tabs li.active a {background-position: 0 0; padding-left: 15px;}
body.home div.news ul#tabs li.active a:hover {color: rgb(126,126,126);}
body.home div.news ul#tabs li.active span.right {background-position: -31px 0; width:17px;}
body.home div.news ul#tabs li.active span.left {background-position: -20px 0; width:11px;}

/* home page news lists */
body.home div.news a.rss {position: absolute; right: 28px; margin-top:10px; background: url(/img/rss.gif) right center no-repeat; padding: 2px 26px 2px 0; font-size: 13px; color: #444; text-decoration: none;}
body.home div.news a.rss:hover {color: #000;}
body.home div.news a.rss:active {background-color: #fff9b8;}

body.home div.news ul.news_list {float: left; clear: both; padding-top: 10px; border-top:#d0d0d0 1px solid; position: relative; top:-1px; z-index: 0;}
body.home div.news ul.news_list a {padding: 5px; text-decoration: none; width:425px; float: left; clear: both; font-size: 13px; color: #666; font-weight: bold;  border-bottom: #e0e7ea 2px solid; padding: 10px; margin-left: 5px;}
body.home div.news ul.news_list li.last a {border:none;}
body.home div.news ul.news_list a em {font-size: 10px; padding-right: 10px; width:60px; float: left; clear: none;}
body.home div.news ul.news_list a:hover {background: #e0e7ea; color: #000;}
body.home div.news ul.news_list a:active {background: #fff9b8; color: #000;}
ul.news_links { float: left; width:100%; }
ul.news_links li a {float: right; clear: none; margin: 5px 13px;}

/* buttons */
.button {color: #fff; text-decoration: none; position: relative; text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.5); z-index: 110000;}
.button_large {font-size: 15px; padding: 3px 14px 4px 14px; background: url(/img/button-gradients.jpg) 0 0 repeat-x; -webkit-border-radius:8px; -moz-border-radius:8px; border-radius:8px; -webkit-box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.25); -moz-box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.25); box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.25); /* filter: progid:DXImageTransform.Microsoft.shadow(pixelradius=1.0, makeshadow='true', ShadowOpacity=0.125); */}
.button_large:hover {background-position: 0 -30px; cursor: pointer;}

.button_small {background: url(/img/button-gradients.jpg) 0 -58px repeat-x; font-size: 13px; padding: 2px 10px 3px 10px; float: left; clear: none; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; -webkit-box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.25); -moz-box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.25); box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.25); /* filter: progid:DXImageTransform.Microsoft.blur(pixelradius=3.0, makeshadow='true', ShadowOpacity=0.25); */}
.button_small:hover {background-position: 0 -82px;}

body div.outer2 div.wrap input.button_large {color: #fff; width: auto;  padding: 3px 10px 4px 10px; font-style: normal; font-weight: normal; font-size: 15px; border: none;}

/* home page boxes */
div.home_boxes {float: left; clear: both; margin:10px 0 0 28px; width:474px;}
div.home_boxes a {filter:alpha(opacity=80); opacity: 0.80;}
div.home_boxes a:hover {filter:alpha(opacity=100); opacity: 1;}
div.home_boxes a:active {background-color: #fff9b8}
div.home_boxes dl {float: left; clear: none; width:213px; height: 110px; margin: 0px 18px 25px 0; }
div.home_boxes dt a{background: url(/img/dotted_arrow.gif) 0 5px  no-repeat; text-decoration: none; color: #000; padding-left: 11px; margin-left: 12px; }
div.home_boxes dd a {width: 215px; height: 105px; border: #000 1px solid; float: left; clear: none;}
div.home_boxes dd a:active {border-color: #fff9b8}
div.home_boxes dd {background: url(/img/box_btm_sdw.gif) center bottom no-repeat; float: left; clear: none; padding: 5px 0; padding-bottom: 14px;}

/* bottom ads */
div.bottom_ads {float: left; clear: both; margin: 30px 0 0 28px; width:940px;}
div.bottom_ads div.ad {float: left; clear: none; padding: 7px 0 0 0;}
div.bottom_ads div.bottom_slideshow {overflow: hidden; height: 125px; width: 448px; margin-right: 25px;}
div.bottom_ads div.ad img {border: #acacac 1px solid;}

/* enews signup */
div.bottom_ads div.enews { width:450px; height: 140px; position: relative; background: url(/img/enews.jpg) 0 0 no-repeat; top:-7px;}
div.bottom_ads div.enews h3 {text-transform: uppercase; padding-bottom: 8px;}
div.bottom_ads div.enews em {padding-bottom: 8px; display: block; font-size: 11px; color: #444;}
div.bottom_ads div.enews div.signup {position: relative; left: 150px; top:30px; width:300px;}
div.bottom_ads div.enews input {border: none; padding: 5px; font-size: 12px; color: #444; font-style: italic; font-weight: bold; margin-right: 18px; width: 155px; border: #999 solid 1px; float: left;}
div.bottom_ads div.enews input.subscribe {position: relative; margin-right:2px 0 0 8px; text-align: center; float:left; clear: none;}

/* Ministry Opportunities */
body.section_get-involved div.main_content div.article {padding-left: 50px;}
body.section_get-involved div.main_content div.article div.wysiwyg_output {padding: 10px 60px 10px 0;}
body.section_get-involved div.main_content div.article h2 {padding-bottom: 15px;}
body.section_get-involved div.sub_nav img {border: 1px solid #ccc; padding: 3px; margin:16px 0 0 12px;}

/* video */
body.page_video div.article {padding-left: 30px; padding-bottom: 30px;}
body.page_video div.article h2 {padding-left: 20px; padding-bottom: 15px;}

/* foot */
div.foot {float: left; clear: both; display: block}
div.foot ul {margin: 0 24px; display: block; padding: 7px; width: 918px;}
div.foot li {font-size: 10px; color: #3c3c3c; display: inline;}
ul.foot_links li a {text-decoration: none;}
ul.foot_links li a:hover {text-decoration: none;}
div.foot li.search {float: right; width: 220px; margin-right: 10px; display: none;}
div.foot li.search input.text {width:50px}
div.foot li.search a.button {float: right; clear: none; }
div.foot ul.address {border-top:1px solid #ccc; margin-top: 5px; padding-top: 10px; }
div.foot li.address {float: right;}

/* forms */
div.main_content form {padding-top:10px;}
fieldset {float: left; clear: both; padding: 10px 20px 5px 20px; }
label {width:100%; display: block; padding-top: 10px; font-size: 13px;}
input[type="text"], textarea {width:380px; padding: 4px;}
fieldset p {display: block; width:250px;}
.checkbox_text {float: left; clear: none;}
input.checkbox {float: left; clear: none; margin-right: 10px;}