@charset "utf-8";
/* CSS Document */
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, code,
del, dfn, em, img, q, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0;
padding: 0;
border: 0;
font-weight: inherit;
font-style: inherit;
font-size: 100%;
vertical-align: baseline;
text-decoration: none;
}
body {
font-family: Lucida Sans Unicode, Lucida Grande, sans-serif;
font-size: 12px;
line-height: 16px;
background-color:#21353e;
color: #6e5d4e;
margin: 0px;
padding: 0px;
}
/* Default Content Styles */
h1 { font-family: Georgia, "Times New Roman", Times, serif; font-size: 24px; color: #ffffff; font-weight:normal; margin: 5px 0px 5px 0px; clear: left;}
/* Removed Clear:left commands due to problems with left-floated images 2010.02.12 */
h2 { font-family: Georgia, "Times New Roman", Times, serif; font-size: 19px; color: #c66a2e; font-weight:normal; margin-bottom: 8px; line-height: 24px;}
h3 { font-family: Georgia, "Times New Roman", Times, serif; font-size: 17px; color: #c66a2e; font-weight:normal; margin-bottom: 8px; line-height: 20px;}
h4 { font-family: Georgia, "Times New Roman", Times, serif; font-size: 15px; color: #c66a2e; font-weight:normal; margin: 16px 0px; line-height: 18px;}
p { font-family: Georgia, "Times New Roman", Times, serif; font-size: 14px; line-height: 24px; margin-bottom: 16px; }
blockquote { width: 262px; float:right; margin: 5px 0px 5px 15px; padding: 5px; border: 3px solid #f5eecb; background-color: #fdf9e6;}
ul { margin-bottom: 16px; list-style-position:outside;}
ul li { margin-left: 20px;}
ul li ul {margin-top: 5px;}
ul li ul li { list-style:circle; margin-left: 20px;}
ol { margin-bottom: 16px; list-style-position:outside; padding-left: 30px;}
hr { border: 0px; border-top: 1px solid #f5eec9; margin: 16px 0px;}
em { font-style: italic}
strong { font-weight: bold}
/* Default Link Styles */
a {color: #c66a2e;}
a:hover {color: #ff812f; font-style:underline;}
a:active {color: #b34f0e;}
a:visited { /* color: #ff812f; */}
/* Table Styles */
table { border-top: 1px solid #f5eec9}
th { border-bottom: 1px solid #f5eec9; font-family:Georgia, "Times New Roman", Times, serif; font-size: 10px; padding: 1px 4px; text-align: left; font-weight: bold;}
td { border-bottom: 1px solid #f5eec9; vertical-align:top; padding: 4px;}
tr.odd td { background-color: inherit}
tr.even td { background-color: #fdf9e6;}
td p { margin: 0px; }
table.hover tr:hover td { background-color:#fdf9e6;} /* For highlighting table rows on hover */
/* Turn List to Table Styles */
ul.maketable, ul.maketable ul, ul.maketable li { list-style: none; list-style-image; none; margin: 0px; padding: 0px; vertical-align:top;} /* clear all styles */
ul.maketable { border-top: 1px solid #f5eec9; clear: both;}
ul.maketable li.header_row { font-family:Georgia, "Times New Roman", Times, serif; font-size: 10px; text-align: left; font-weight: bold;}
ul.maketable li {font-size: 11px;}
ul.maketable li ul { width: auto; border-bottom: 1px solid #f5eec9; padding: 3px 0px; float: left;} /* Float left is also required here to correct for some crazy IE issue */
ul.maketable li ul li {float: left; border: none; margin: 0px 5px; min-height: 1px;} /* Since inline-table isn't supported in IE7, etc. use float:left with a clearing div at the bottom of the list */
ul.maketable li.odd ul{ background-color: inherit}
ul.maketable li.even ul{ background-color: #fdf9e6;}
ul.maketable p { margin: 0px; }
/* Special use styles */
div.clear, hr.clear { clear: both; } /* used to clear below floated elements */
div.space { margin-bottom: 20px;} /* can be used with clear to ensure margins below other floating sections */
.bigBold {font-size: 14px; font-weight:bold;}
.bigBold_centered {font-size: 14px; font-weight:bold; text-align:center;}
.center { text-align: center } /* For centering text in table cells */
.capitalize {text-transform:capitalize;}
.noSpacing { margin-bottom: 0px; padding-bottom: 0px;}
.underline { text-decoration: underline;}
img.image_Left {float:left; margin: 5px 10px 10px 0px; border: 3px solid #f5eecb;}
img.image_Left_noBorder {float:left; margin: 5px 10px 10px 0px; border: 0px;}
img.image_Right {float:right; margin: 5px 0px 10px 10px; border: 3px solid #f5eecb;}
img.image_Right_noBorder {float:right; margin: 5px 0px 10px 10px; border: 0px;}
/* Header Section Styles */
#header { height: 180px; background-color:#744325; background-image:url(/media/2009/images/bg_header.jpg); background-repeat: repeat-x; background-position:top center;}
#brand { width: 960px; height: 133px; margin: 0px auto; clear: both;}
#mainlogo { float: left; position:relative; top: 14px; left: 23px;}
/* Header Utility Section*/
#utility { width: 345px; height: 56px; float: right; position: relative; top: 76px; color: #ffffff; background-image:url(/media/2009/images/bg_utility_ie6.jpg); font-size: 11px;}
#utility a { color:#FFFFFF; }
#utility a:hover { color: #ff812f; }
#utility #homelink { width: auto; padding: 0px 10px 0px 12px; float:left; position: relative; top: 20px;}
#utility #homelink img#homeicon {margin-right: 5px;}
#utility img#divider { float: left; position: relative; top: 14px;}
#utility #searchform { width: auto; padding: 0px 15px 0px 10px; float:left; position:relative; top: 17px;}
#utility #searchform form { }
#utility #searchform form input { display: block; float: left;}
#utility #searchform form input#criteria { width: 170px; margin-right: 5px;}
#utility #searchform form input#search { width: 58px; height: 26px; border: 0px; position: relative; top: -2px;}
/* Header Menu Section - see menu_2009.css for menu drop-down styling */
#menu { width: 960px; height: 47px; margin: 0px auto; clear: both; background-color: #F4ECC7;}
/* Main Page Body */
#pagebody { background-color:#F9F3DB; background-image: url(/media/2009/images/bg_page.jpg); background-repeat:repeat-x; }
#pagearea { width: 960px; min-height: 480px; margin: 0px auto; background-color: #ffffff; background-image:url(/media/2009/images/shadow_pagetop.gif); background-repeat:repeat-x;}
#pagearea #content {padding: 5px;}
#pagearea #content #ministry_header { display: block; width: 950px; height: 154px; background-image:url(/media/2009/images/headers/hdr_default.jpg); margin-bottom: 3px}
#pagearea #content h1.hidden { display: none;}
#pagearea #content h1.shown {padding: 45px 0px 0px 55px; margin: 0px; font-size: 32px; line-height: 40px;}
#pagearea #content #bodycontent { float:right; width: 640px; margin: 20px 30px 20px 0px;}
#pagearea #content #bodycontent p, #pagearea #content #bodycontent ul, #pagearea #content #bodycontent ol{font-family: Georgia, "Times New Roman", Times, serif; font-size: 14px; line-height: 24px;}
#pagearea #content #bodycontent a {color: #c66a2e; font-style: italic;}
#pagearea #content #bodycontent #breadcrumb { float: none; margin: -15px 0px 20px -35px; font-size: 10px; text-transform: capitalize}
#pagearea #content #bodycontent.fullwidth { width: 910px; margin: 20px 20px;}
#pagearea #content #bodycontent.fullwidth #breadcrumb { float: none; margin: -15px 0px 20px 0px; font-size: 10px;}
#pagearea #content #searchcontent { float:none; width: auto; margin: 20px 20px;}
#pagearea #content #bodycontent a:hover, #searchcontent a:hover {text-decoration: underline;}
#pagearea #content #bodycontent img.context_image {border: 3px solid #f5eecb; width: 262px; height: 182px;}
#pagearea #content #subcontent { float:left; width: 235px; margin: 0px 0px 10px; position: relative; top: -3px; }
/* Subcontent Subnav Section */
#subnav { width: 100%; padding: 0px; overflow: hidden; margin-bottom: 30px; font-size: 13px; line-height: inherit; }
#subnav ul, #subnav ul li { list-style: none; list-style-image:none; list-style-position: outside; margin: 0px; padding: 0px;}
#subnav ul #subnavTitle { margin: 10px; color:#603d20;}
#subnav ul #subnavSubtitle { font-size: 9px; margin-left: 7px;}
#subnav a { display: block; font-style:normal; }
/* Subnav First Level Links*/
#subnav ul { background-color: #efe3ae; padding: 20px 0px 10px; }
#subnav ul li{ background: url(/media/2009/images/nav_arrow_right.jpg) no-repeat; background-position: 14px 10px; padding: 5px 0px 5px 26px; }
#subnav ul li a { color:#603d20; }
#subnav ul li a:hover{ color: #aca26d;}
/* Subnav Second Level Links */
#subnav ul li ul{ display: none; list-style-image:none; line-height: 12px; padding: 5px 0px 5px; width: 90%; }
#subnav ul li ul li { list-style:none; background-image: none; padding: 0px 0px 0px 20px; min-height: 12px; display: inline-block; width: 100%; margin: 0px; clear: right; font-size: 12px; }
#subnav ul li ul li a { color: #c66a2e;}
#subnav ul li ul li:hover a { color: #ff812f;}
/* Subnav Third level links hidden by design */
#subnav ul li ul li ul { display: none;}
/* Subnav "current" style - class added jQuery script on document load */
#subnav ul li.current { background-image:url(/media/2009/images/nav_arrow_down.jpg); background-color: #f9f2cf; margin: 5px 0px; }
#subnav ul li.current a { color: #c66a2e; }
#subnav ul li.current ul { display: block; background-color: #f9f2cf;}
#subnav ul li.current ul li {margin: 2px 0px;}
#subnav ul li.current ul li.current { background: url(/media/2009/images/nav_bullet_current.jpg) no-repeat; background-position: 8px 5px;}
#subnav ul li.current ul li.current a { color: #b34f0e; }
#subnav ul li.current ul li.current ul { display: none;}
#subnav ul li.current ul li ul {display: none;}
/* Subcontent Announcements Section */
#announcements { width: 100%; margin-bottom: 30px; }
#announcements h4, #options h4 { padding-left: 10px; margin: 0px; width: 225 px; line-height: 27px; background-image: url(/media/2009/images/bg_h4.gif); display: block; color: #ffffff; }
#announcements ul{ list-style:none; list-style-image:none; display: block; list-style-position: outside; }
#announcements ul li{ margin: 0px 0px 0px 10px; border-bottom: 1px solid #f5eecb; padding: 5px 0px 5px 0px;}
#announcements ul li:first-child {border-top: 1px solid #f5eecb;}
#announcements span.date{ display: block; font-size:11px; clear:both; font-style:italic;}
#announcements a { font-weight: normal;}
/* Subcontent Options Section */
#options { width: 100%; padding: 0px; overflow: hidden; margin-bottom: 30px; font-size: 13px; line-height: inherit; }
#options ul, #options ul li { list-style: none; list-style-image:none; list-style-position: outside; margin: 0px; padding: 0px;}
#options ul #title { margin: 10px; color:#603d20;}
#options ul #subtitle { font-size: 9px; margin-left: 7px;}
#options a { display: block; }
/* Subnav First Level Links*/
#options ul { padding: 0px 0px 10px; }
#options ul li{ background: url(/media/2009/images/nav_arrow_right_onwhite.jpg) no-repeat; background-position: 14px 10px; padding: 5px 0px 0px 26px; width: 99%; } /* width 99% needed to fix ie6 veritcal spacing, but doesn't seem to bother other browsers */
#options ul li a { color:#603d20; }
#options ul li a:hover{ color: #aca26d;}
/* Subnav Second Level Links */
#options ul li ul{ display: none; list-style-image:none; line-height: 12px; padding: 2px 0px 5px; width: 90%; }
#options ul li ul li { list-style:none; background-image: none; padding: 0px 0px 0px 20px; min-height: 12px; display: inline-block; width: 100%; margin: 0px; clear: right; font-size: 12px; }
#options ul li ul li a { color: #c66a2e;}
#options ul li ul li:hover a { color: #ff812f;}
/* Subnav Third level links hidden by design */
#options ul li ul li ul { display: none;}
/* Subnav "current" style - class added jQuery script on document load */
#options ul li.current { background-image:url(/media/2009/images/nav_arrow_down_onwhite.jpg); }
#options ul li.current a { color: #c66a2e; }
#options ul li.current ul { display: block; }
#options ul li.current ul li {margin: 2px 0px;}
#options ul li.current ul li.current { background: url(/media/2009/images/nav_bullet_current_onwhite.jpg) no-repeat; background-position: 8px 5px;}
#options ul li.current ul li.current a { color: #b34f0e; }
#options ul li.current ul li.current ul { display: none;}
#options ul li.current ul li ul {display: none;}
/* Footer Section Styles */
#footer { font-size: 10px; background-image:url(/media/2009/images/bg_footer.jpg); background-repeat: repeat-x; padding-bottom: 50px;}
#footer_shadow { height: 5px; width: 100%; line-height: 0px; position: absolute; background-image:url(/media/2009/images/shadow_pagebottom.png); background-repeat:repeat-x; float: none; margin-top: -4px;}
#info { width: 960px; height: 165px; margin: 0px auto 15px auto; background: #1E303A; color: #ffffff; clear: both;}
#churchinfo { width: 250px; float: left; margin: 30px 0px 0px 40px;}
#contextinfo { width: 500px; float: right; margin: 30px 80px 0px 0px; }
#contextinfo h4 { display:block; font-size: 12px; border-bottom: 1px solid #2F4956; padding-bottom: 1px; margin: 0px 0px 3px 0px; color: #ffffff;}
ul#quicklinks { padding: 0px; margin: 0px; width: 380px;}
ul#quicklinks li { list-style: none; width: 180px; display: block; float:left; line-height: 18px; padding: 0px; margin: 0px;}
ul#quicklinks a { display: block; }
ul#ministry_staff, ul#ministry_staff li, ul#ministry_staff li ul { list-style-image: none; list-style: none; color: #c66a2e; padding: 0px; margin: 0px; border: 0px;}
ul#ministry_staff li { line-height: 12px; margin: 0px; padding: 0px; }
ul#ministry_staff li ul { float: left; border-bottom: 1px dashed #2F4956; width: 100%;}
ul#ministry_staff li ul li {float: left; margin: 2px 5px;}
ul#ministry_staff .name { width: 100px;}
ul#ministry_staff .staff_title {width: 120px;}
ul#ministry_staff .phone {width: auto;}
ul#ministry_staff .email {width: auto;}
#copyright { font-size: 9px; color: #ffffff; text-align: right; width: 960px; margin: auto; margin-top: -10px; height: 10px; }
/* Photo Page Styles */
ul#albums, ul#thumbs { list-style-image: none; list-style: none; width:100%}
ul#albums li, ul#thumbs li { display: block; width: 125px; margin: 10px; float:left; text-align: center;}
ul#albums li.first, ul#thumbs li.first{ clear: left;}
/* Audio Page Styles */
#audioseriesimage { float: left; height: 90px; margin: 5px 20px 5px 0px }
#audiohomeselect {float: left; margin: 10px 50px;}
#audiofilter { float: right; margin: 5px 0px 10px;}
#audiofilter input, #audiofilter select {font-size: 11px;}
#audio ul li {padding-top: 2px; padding-bottom: 2px; font-size: 11px;}
#audio li.sermon_title {width: 150px;}
// #audio li.sermon_title .date {font-size: 11px; display: block; clear: left; margin-left: 10px;}
#audio li.series_title {width: 125px;}
#audio li.scriptures {width: 120px;}
#audio li.speaker {width: 80px;}
#audio li.date {width: 115px;}
/* Resource Pages Special Styles */
#articles .article_date {width: 100px;}
#articles .article_title {width: 510px;}
/* Serve Page Special Styles */
#serve li.description{ width: 465px; margin-right: 5px; padding: 5px 0px;}
#serve li.contact { width: 150px; padding: 5px 0px;}
#serve ul.header_row { background-color: #f5eec9;}
#serve li.header_row { text-align: center; padding: 0px; color:#603d20;} /* placed after the li.decription, etc. so that padding will override */
#serve h3 { line-height: auto; margin: 0px; color:#603d20;}
#serve h4 { line-height: auto; margin: 0px 0px 5px 0px;}
/* Staff pages */
div#people { text-align: center;}
#individualInfo {display: block; width: 150px; float: left; margin-bottom: 10px;}
#staffpicture { width: 320px; margin: 10px auto; border: 3px solid #f5eecb; text-align: center;}
#staffpicture img { margin: 0px;}
#staffpicture p { font-size: 9px; line-height: 14px; text-align: center; margin: 3px 5px;}
#staff li.photo {width: 100px;}
#staff li.name {width: 100px;}
#staff li.title {width: 175px;}
#staff li.email {width: 125px;}
#staff li.phone {width: 75px;}
#staff_leaders, #staff_leaders li, #staff_leaders li ul {list-style-image: none; list-style: none; margin: 0px; padding 0px;}
#staff_leaders li ul { border: 0px; border-top: 1px solid #f5eec9; padding-top: 10px;}
#staff_leaders li ul {margin: 20px 0px;}
#staff_leaders li ul li { margin-right: 5px;}
#staff_leaders .photo {float: left; margin-right: 20px;}
#staff_leaders .name {font-family: Georgia, "Times New Roman", Times, serif; font-size: 16px; color: #000000; font-weight:normal; margin-bottom: 8px;} /* Like H3 Tag */
#staff_leaders .title { font-weight: bold;}
#staff_leaders .email {}
#staff_leaders .phone {}
/* Global Workers list */
li.globalworkerName { width: 200px;}
li.globalworkerLocation { width: 200px;}
li.globalworkerOrganization { width: 200px;}
/* Misc Extra Styles */
p.verse { font-style:italic}
p.reference { margin-top: -16px; display: block; width: 100%; text-align:right;}
p.reference:before { content: '─ '}
a#edit { display: block; position: fixed; z-index: 101; bottom: 10px; right: 10px; background-color: #ffffff; padding: 2px 5px;}
#edit_date { font-size: 8px; color: #AAAAAA; text-align: right; clear: both;}