/*------------------------------------------------------
RESET
------------------------------------------------------*/
html, body, img, h1, h2, h3, h4, h5, h6, ul, li { margin: 0; padding: 0; border: none; }
ul, li, dt, dd {margin: 0; padding: 0; list-style: none;}

/*------------------------------------------------------
BASIC ELEMENTS
------------------------------------------------------*/
html{overflow: -moz-scrollbars-vertical; }/*<--FORCE SCROLL BAR IN FIREFOX*/
body {background: url(/_img/page_bg_tile.gif) #e6e6e6; padding-bottom: 20px; font: 13px Arial, Helvetica, sans-serif; }
a {color: #8D1919; text-decoration: none; }
a:hover { text-decoration: underline; }
table {border-collapse: collapse; }
h1 { background: #eee; border-bottom: 1px solid #666; padding: 10px; font-size: 20px; margin-bottom: 20px; color: #6B2424; }
h2 {font-size: 16px; color: #483030;  }
h3 {font-size: 14px; color: #483030; border-top: 1px solid #CCC; padding: 5px 0 10px; }
label { font-weight: bold; display: block; margin-top: 15px; margin-bottom: 4px; }
p { margin: 0 0 1em 0; }

/*------------------------------------------------------
FUNDAMENTAL CONTAINERS
------------------------------------------------------*/
.mainContainer {width: 886px; background: #FFF url(/_img/main_container_bg.gif) repeat-y; margin: 0 auto; }
.innerContainer { width: 878px; position: relative; margin: 0 auto; }
.sideContent {width: 241px; display: inline; float: left; }
.pageContent {width: 580px; display: inline; float: left; margin-top: 20px; margin-left: 30px; }
.short { width: 330px; }
.mainHolder { overflow: hidden; padding-bottom: 50px;  }
.sideCallouts{ width: 230px; float: left; margin-left: 30px; margin-top: 20px; }

/*------------------------------------------------------
HEADER
------------------------------------------------------*/
.header {background: url(/_img/header_bg.gif) no-repeat right top; display: block; height: 70px; position: relative; }
.logo {position: absolute; display: block; width: 241px; height: 89px; z-index:10;}
.headerGraphic {border-bottom: 1px solid #6a2425; display: block; position: relative; }
.headerNull {z-index: -1; display: block; height: 90px; }
.headerGraphicHome { border-bottom: 3px solid #dad9da; display: block; height: 274px; width: 878px; position: relative; background-color: #2F2020;  }

.navlist { position: absolute; top: 0; left: 250px; }
.navlist li {float: left; list-style-type: none; }
.navlist a {float: left; font-weight: normal; font-size: 15px; color: #ead3b1; padding: 22px 18px;  }
.navlist a:hover {color: #ead3b1; }
.navlist .active a {background: url(/_img/active_tab_left.gif) left top no-repeat; color: #ead3b1;}
.navlist .active {background: url(/_img/active_tab.gif) right top no-repeat; }

/*------------------------------------------------------
SECONDARY NAV
------------------------------------------------------*/
.secondaryNav {background: url(/_img/side_content_bg.gif) no-repeat bottom left; margin-top: 20px; }
.secondaryNav h2 {background: url(/_img/side_content_bg_top.gif) no-repeat top left; color: #483030; font-weight: 400; font-size: 18px; padding: 4px; }
.secondaryNav ul {list-style: none; padding: 4px; }
.secondaryNav li a {color: #413a38; display: block; text-decoration: none; }
.secondaryNav .here {background: url(/_img/side_content_bg_selected.gif) no-repeat left top; }
.secondaryNav li {background: url(/_img/side_content_li_bg.gif) left 5px no-repeat; list-style: none; padding: 3px 0 3px 17px; }
.secondaryNav .here a:hover {text-decoration: none; }
.firstTime {margin-top: 20px; margin-bottom: 20px; }

/*------------------------------------------------------
FOOTER
------------------------------------------------------*/
.footer { background: url(/_img/footer_bg.png) bottom left no-repeat; text-align: left; font-size: 12px; height: 71px; width: 886px; margin: 0 auto; position: relative; }
.address { color: #666; position: absolute; left: 20px; top: 25px; font: 10px Verdana, Arial, Helvetica, sans-serif; }
.footer_logos { width: 300px; text-align: right; position: absolute; top: 0; right: 10px; color: #666; font-size: 9px; font-style: italic;  }
.footer_logos img { vertical-align: middle; }
.fb_footer { position:absolute; top: 25px; left: 440px; }


/*------------------------------------------------------
HOME PAGE
------------------------------------------------------*/
.servicetime {background: url(/_img/serivce_time_bg.gif) no-repeat bottom;  width: 288px; height: 231px; top: 20px; right: 20px; position: absolute; line-height: 18px; }
.servicetime th {text-align: left; padding-top: 15px; padding-left: 5px; }
.servicetime td {padding: 2px 5px; }
.servicetime table {width: 265px; margin: 10px auto 0; }
.servicetime .ribbon {background: url(/_img/serivce_time_ribbon.gif) no-repeat; width: 288px; height: 57px; color: #FFF; text-align: center; padding-top: 10px; }
.servicetime .ribbon a {color: #FFF; text-decoration: underline; }

.worship_callout { position: absolute; top: 0; left: 644px; }

.highlight {width: 250px; float: left; color: #FFF; position: relative; min-height: 200px; padding: 0 30px 30px 30px; }
.highlight_shelf { overflow: hidden; background: url(/_img/highlight_bg.png) repeat-y; margin: 20px 0; }
.hl_1 { width: 180px; text-align: center;}
.hl_2 { width: 240px; }
.hl_3 { width: 270px; padding: 0 30px; background: none; }
.highlight h2 {color: #ead3b1; font-size: 18px; font-weight: bold; padding: 0 0 13px; text-align: center; }
.highlight li { list-style: none; margin-bottom: 10px;  }
.highlightInner {width: 88%; margin: 0 auto; padding: 10px 0 0; }
.highlightbar {background: #2E1F1F url(/_img/home_page_highlightbar_bg.gif) repeat-x left top; min-height: 200px; overflow: hidden; }
.highlightbar {height:auto !important;height:200px;} /* NOTE: THIS IE HACK IS THE SIMPLEST WAY TO SUPPORT MIN-HEIGHT.*/
.highlightbar .wide { width: 400px; }
.highlightbar a { color: #ccc; }
.podcast_desc { width: 120px; }
.home_thumb { float: right; margin: 0 0 10px 10px;}
.sermon_overview { width: 130px; }
.sermon_overview a { color: #fff; }
.sermon_overview p { margin-top: 0; }
.series_name { font-size: 9px; }
.sermon_details { font-size: 9px; margin-bottom: 10px; }
.sermon_overview .listen_now { color: #FFE7A1; }

.mission_list li { font-size: 12px; }

.home_events h3 { color: #fff; font-size: 15px; border: none; padding: 0 0 5px; }
.home_events h3 a { text-decoration: none; color: #fff; }
.event_date { font-size: 9px; color: #EAD3B1; margin: 0; padding: 0; text-transform: uppercase; }
.event_list { color: #EEEEEE; font-size: 12px; padding-bottom: 35px; }

.home_blogs h3 { color: #EAD3B1; border: none; margin: 0; }
.home_blogs p { margin-top: 0; }
.blog_list { padding-left: 25px; background: url(/_img/icons/newspaper.png) no-repeat; }

.event_img { float: right; margin: 0 0 10px 10px; }

/*------------------------------------------------------
CONTENT
------------------------------------------------------*/
.pageContent p { line-height: 18px; margin: 0 0 1em; }
.pageContent ul {margin-top: 10px; margin-bottom: 10px; }
.pageContent li {background: url(/_img/grey_bullet.gif) left 3px no-repeat; list-style: none; padding-left: 20px; margin-bottom: 10px; }

.pageHighlight{display: inline;width: 50%;margin: 0 0 10px 10px;float: right;border: 1px solid #CCC;}
.pageHighlight .inner{width: 96%;background: #efe6d5;color: #483030;margin: auto;margin-top: 5px;margin-bottom: 5px;border: 1px solid #cdb4a7;}
.pageHighlight .inner p{padding: 10px; margin: 0;}
.pageHighlight h2{color: #FFF;font-size: 16px;font-weight: normal;margin-bottom: 8px; padding: 8px;border-bottom: 1px solid #e6d5b7;background: url(/_img/page_highlight_bg.gif) repeat-x #901818;}
.bio { padding-bottom: 30px; clear: both; border-bottom: 1px solid #eee; margin-bottom: 20px; overflow: hidden; padding-left: 10px; }
.bio img { float: right; border: 1px solid #ccc; padding: 3px; margin: 0 0 20px 20px;}
h1.bio { background: #eee; border-bottom: 2px solid #666; padding: 10px; font-size: 20px; }
.bio_last { border: none; }

.fivestone_callout h3 { border: none; padding: 12px 0 0 0; }


.calloutHighlight{border: 1px solid #CCC; margin-top: 20px;}
.calloutHighlight .inner{width: 96%;background: #efe6d5;color: #483030;margin: auto;margin-top: 5px;margin-bottom: 5px;border: 1px solid #cdb4a7;}
.calloutHighlight .inner p{padding: 10px; margin: 0;}
.calloutHighlight h2{color: #FFF;font-size: 16px;font-weight: normal;margin-bottom: 8px; padding: 8px;border-bottom: 1px solid #e6d5b7;background: url(/_img/page_highlight_bg.gif) repeat-x #901818;}


.calloutHighlight ul {margin: 10px; }
.calloutHighlight li {background: url(/_img/grey_bullet.gif) left 3px no-repeat; list-style: none; padding-left: 20px; margin-bottom: 10px; }

.posted { font-size: 9px; color: #89847a; }

.gal_pics li { float: left; margin-right: 2px; }
.care { width: 235px; padding-top: 50px; }


/*------------------------------------------------------
PODCAST
------------------------------------------------------*/
.podcast_listing { border-bottom: 1px solid #ccc; margin-bottom: 20px; padding-bottom: 20px; overflow: hidden; }
.file_desc { color: #666; font-size: 9px; font-family: Verdana, Arial, Helvetica, sans-serif; }
.audio_side h2 {font-size: 16px; color: #990000; }
.audio_side { padding: 25px 20px; background: url(/_img/audio_sidebar_bg.png) no-repeat; min-height: 454px; color: #3f3f3f; font-size: 12px; }

.podhead {  padding: 5px 5px 5px 20px; }

.podcast {  width: 530px; margin-left: 50px; }

.podblock { width: 529px; background: url(/_img/podblock_bg.png) repeat-y; position: relative; min-height: 250px; margin-bottom: 40px; }
.podblock_top { padding: 40px 20px 30px 20px; background: url(/_img/podblock_previous.png) no-repeat;  }
.podblock_bot { background: url(/_img/podblock_bot.png) no-repeat; height: 34px; position: absolute; bottom: 0; left: 0; width: 529px;  }
.podblock h3 { font-size: 18px; color: #6a2425; border: none; padding: 0; font-family: Tahoma; width: 300px; }
.podblock h4 { font-size: 13px; padding-bottom: 10px; width: 300px; }
.podblock h5 {  text-transform: uppercase; color: #333; font-size: 10px; }
.podblock .desc {  font-size: 11px; width: 250px; color: #777; margin-bottom: 10px; }
.pageContent .desc p { line-height: 15px; }

.podcover {  position: absolute; top: 14px; right: 18px; }
.poddate { padding-bottom: 10px; }
.aplayer { position: absolute; top: 5px; left: 20px; }

.latest_sermon { background: url(/_img/podblock_latest.png) no-repeat; }
.pod_sermon { background: url(/_img/podblock_sermon.png) no-repeat; }

.downloadmp3 { display: block; height: 24px; width: 80px; background: url(/_img/btn_downloadmp3.png) no-repeat; color: #666; font-size: 9px; padding: 8px 0 0 110px; position: absolute; left: 323px; top: 2px;  }
.bot_itunes { position: absolute; top: 5px; left: 289px; }
.bot_rss {  position: absolute; top: 5px; left: 409px; }

/*------------------------------------------------------
CONTACT
------------------------------------------------------*/

.address_col { width: 50%; float: left; }
.formbox { background-color: #EFEFEF; padding: 15px; position: relative; }
.add_info { position: absolute; right: 25px; top: 20px; width: 200px; }
.error { color: #CC0000; }
label.error { font-size: 9px; margin: 0; }
input.error, textarea.error { border: 1px solid #c00; }


/*------------------------------------------------------
GLOBAL
------------------------------------------------------*/
.note {background: #fff6a7; border: 1px solid #8e1919; display: block; }
.note p {margin: 0; padding: 5px; }

.greyButton a {background: url(/_img/grey_button.gif) no-repeat left; width: 110px; height: 25px; text-align: center; line-height: 25px; color: #000; display: block; margin: 5px 0; }
.greyButton a:hover {background: url(/_img/grey_button.gif) no-repeat right; line-height: 25px; margin: 5px 0; }
.greyButtonDark a {background: url(/_img/button_dark.gif) no-repeat left; width: 110px; height: 25px; text-align: center; line-height: 25px; color: #000; display: block; margin: 5px 0; }
.greyButtonDark a:hover {background: url(/_img/button_dark.gif) no-repeat right; line-height: 25px; margin: 5px 0; }

a.icon_bible { background: url(/_img/icon_bible.png) no-repeat; padding-left: 12px; text-decoration: none; color: #666; }
a:hover.icon_bible { background-color: #FFFFCC;}
.brd {border: 1px solid #ccc; padding: 3px; margin: 0 0 20px 20px;}
.brd_nm { border: 1px solid #ccc; padding: 3px; }

/*------------------------------------------------------
UTILS
------------------------------------------------------*/
.clear {clear:both; }
.fl_left {float: left; }
.fl_right {float: right; }
.pdf { background: url(/_img/icon_pdf.png) no-repeat; height: 45px; line-height: 45px; padding-left: 45px; display: block; width: auto; }
.c_callout { border: 1px solid #EAD3B1; background-color: #FFFFCC; padding: 20px; margin: 20px 0; width: 235px; }

p.my-inline-entries .editor-button { position:static; }
.editor-button a { left:4px; }
.container .editor-button a { left:-16px; } /* now nreset it for buttons inside #container which has a left margin */