/*Setup*/
html { background:none; overflow: -moz-scrollbars-vertical !important; }
body { font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif; background:#4C4C4C url(../images/bg.gif) top left repeat-x; }
a{text-decoration:none;}
a:hover { text-decoration:underline; }
.clear { clear:both; }
strong{font-weight:bold;}
em{font-style:italic;}
.error404 h1 { font-size: 2em; }
.error404 p { margin-left: 30px; font-size:14px;}
/*Logo*/
/*main Nav*/
#mainNav { position:absolute; top: 15px; left: 333px;}
#mainNav li { height:44px; float:left; margin-right:10px;}
#mainNav li a { padding:0 15px; height:44px; display:block; float:left; line-height:44px; color:#fff; font-size: 123.1%; text-transform:uppercase; }
#mainNav li a:hover { cursor:pointer; background-color:#5C5C5A; }
body.home #mainNav li#home,
body.iAmNewHere #mainNav li#iAmNewHere, body.media #mainNav li#media, body.services #mainNav li#services, body.contactUs #mainNav li#contactUs { background: #000 url(../images/bg-nav-o.jpg) bottom left repeat-x; }
body.home #mainNav li#home a, body.iAmNewHere #mainNav li#iAmNewHere a, body.media #mainNav li#media a, body.services #mainNav li#services a, body.contactUs #mainNav li#contactUs a { cursor:pointer;}
body.iAmNewHere #content { width: 600px; }
#head-container a{color:#fff;}
#mainNav li a span{margin-top:17px; float:left;background-color: transparent; background-image:url(../images/nav.gif); background-position: 0 0; background-repeat: no-repeat; padding: 10px 0 0 0; overflow: hidden; height: 0px !important; height /**/:10px; /* for IE5/Win only */ }
#mainNav li#home a span{width:46px; background-position: 0 0;}
#mainNav li#iAmNewHere a span{width:122px; background-position: -88px 0;}
#mainNav li#services a span{width:81px; background-position: -251px 0;}
#mainNav li#media a span{width:50px; background-position: -373px 0;}
#mainNav li#contactUs a span{width:107px; background-position: -464px 0;}
#subNav { position:absolute; top: 69px; left: 333px; height:48px; color:#fff; font-size: 108%;}
#subNav li{float:left; height:48px; line-height:48px; padding:0 15px;}
#subNav li.current_page_item{background:transparent url(../images/subnav-o.jpg) 50% bottom no-repeat;}
form#selectCampus {position:absolute; right: 20px; top:80px; padding:0; margin:0; height:20px;}
#selectCampus select{height:27px; font-size: 17px;}
/* #campusSelect{ color:#b8b8b8; font-size: 100%;}
#campusSelect a{padding-right:10px; background: transparent url(http://richland.bethel-church.org/images/campus-select-arrow.gif) 100% 50% no-repeat;}*/
/*Containers*/
#head-container, #content-container, #foot-container { text-align:left; }
#content-container { clear:both; background:#F3F4EE url(../images/bg-body.jpg) repeat-y scroll center top; }
#home-wrapper { height: 480px; background:transparent url(../images/bg-home.jpg) no-repeat scroll center 20px; }
#head-container { height:117px; clear:both; background:transparent url(../images/bg-header.jpg) top left repeat-x; }
#hd, #bd, #ft { width: 950px; text-align:left; margin:0 auto; position:relative; }
#bd{padding-top:10px;}
/*Content***********************************************************/x`
#content { padding: 20px 60px 20px 20px; ; border-left: 1px solid #E3E4DE; font-size: 100%; line-height: 160%; z-index:1; }
#content p { margin-bottom: 20px; line-height: 1.5em; font-size: 14px; }
#content h3 { font-family:"Palatino", "Georgia", "Baskerville", serif; color:#3B3B3B; font-size: 250%; margin-top: 20px; margin-bottom:40px; clear:both; }
#content h4 { color:#000; font-size: 123.1%; line-height: 120%; font-weight:bold; color:#677373; margin-top: 25px; margin-bottom:5px; clear:both; }
#content a:link { color:#ac721b; text-decoration:underline; }
#content a:visited { color:#666; text-decoration:underline; }
#content a:hover { text-decoration:none; }
#content a:active { text-decoration:none; }
/**/
h2.sectionTitle { background:transparent url(http://richland.bethel-church.org/images/section-title.jpg) top left no-repeat; padding: 10px; margin: 40px 0 0 20px; font-size: 116%; font-weight:bold; text-transform:uppercase; color:#ddeeee; }
#sectionNav { margin:10px 5px 0 23px; font-size:116%; }
#sectionNav li { }
#sectionNav li a { height:1%; color:#333; display:block; padding:3px 10px; border: 1px solid #F8FAF7; border-bottom-color:#e1e2df; margin: 0; }
#sectionNav li.selected a, #sectionNav li.selected a:hover { border:1px solid #bbb; background-color:#E3E4DC; }
#sectionNav li a:hover { border:1px solid #F8FAF7; border-bottom-color:#bbb; background-color:#F3F4EE; text-decoration:none;}
#contactForm { text-align: left; margin-left: 20px; padding-top: 40px; padding-right: 20px; }
/*megaMenus****************************************************************/
/**Home****************************************************************/
#sspPlayerFlash { margin: 26px 0 0 13px; position:absolute; }
/**/
#sermonBox { padding:15px 7px 10px 7px; height: 126px; margin-top: 12px; }
#sermonBox h2 { color:#fff; font-size:123.1%; font-weight:bold; background: transparent url(../images/title-latest-sermon.gif) top left no-repeat; padding: 14px 0 0 0; overflow: hidden; height: 0px !important; height /**/:14px; /* for IE5/Win only */ width:167px; }
#sermonDescr { margin: 10px 0 5px 0; color:#cbdede; padding: 5px; background-color:#6f7979; margin-right: 20px; }
#sermonDescr h3 { font-size:116%; font-weight:bold; margin:5px 0; }
#sermonDescr h4 { font-size:77%; }
#sermonDescr ul { border-top:1px dotted #8B9797;padding-top: 5px;}
#sermonDescr ul li { display:inline; font-size: 85%; }
#sermonDescr ul li a {border-bottom: 1px dotted #cbdede; color:#cbdede; margin-right:4px; }
#mediaLink { font-weight:bold; color:#ddf2f2; }
.sermon-description li {list-style-type: decimal; margin-left: 20px;}
.sermon-description ol ol li {list-style-type: upper-alpha; margin-left: 39px;}
.sermon-description ol ol ol li {list-style-type: lower-roman; margin-left: 58px; }
/**/
#bibleSearchBox { padding:15px 7px 10px 7px; height: 95px; margin-top: 17px; }
#bibleSearchBox h2 { color:#fff; font-size:123.1%; font-weight:bold; background: transparent url(../images/title-search-bible.gif) top left no-repeat; padding: 14px 0 0 0; overflow: hidden; height: 0px !important; height /**/:14px; /* for IE5/Win only */ width:167px; }
#bibleSearchBox form { float:left; margin:12px 0; }
#bibleSearchBox input, #bibleSearchBox select { vertical-align:middle; background-color:#F3F4EE; margin-right: 3px; float:left; border: 1px solid #333; font-size:14px; padding:4px; }
#bibleSearchBox input.submitBtn { vertical-align:middle; padding:0; }
#bibleSearchBox select { padding:3px; background-color:#F3F4EE; }
#bibleSearchBox option { background-color:#F3F4EE; }
#bibleSearchBox a { font-weight:bold; color:#f1f3df;}
#bibleSearchBox a.first{border-right:1px dotted #f1f3df; padding-right:10px; margin-right:10px;}
#bibleSearchBox label { display:none; font-size:77%; color:#666; }
/**/
#subButtons { margin-top: 22px; }
#subButtons li a { color:#333; font-size:123.1%; display:block; width:225px; height:44px; line-height:44px; padding-left: 50px; border: 1px solid #e1e2df; margin: 5px 12px; }
#subButtons li a:hover { border:1px solid #bbb; background-color:#E3E4DC }
#eventCalendar { background:#f3f4ed url(../images/sprite-home-icons.gif) 5px 5px no-repeat; }
#becomeMember { background:#f3f4ed url(../images/sprite-home-icons.gif) 5px -35px no-repeat; }
#next { background:#f3f4ed url(../images/sprite-home-icons-summit.gif) 5px -105px no-repeat; }
#findSmallGroup { background:#f3f4ed url(../images/sprite-home-icons.gif) 5px -75px no-repeat; }
#summit { background:#f3f4ed url(../images/sprite-home-icons-summit.gif) 5px -105px no-repeat; }
/*I am new Here***************************************************/
#content #steps { float:left; background-color:#E3E4DE; padding:10px; width:520px; margin-bottom: 40px; }
#content .step { float:left; width:100%; background-color:#F8FAF7; border-bottom: 1px solid #ccc; }
#content .step img { float:left; margin:10px; }
#content .step p { float:left; margin:0; margin: 10px 20px 10px 0; width:350px; display:inline; }
/*Locations*/
#locations .location { margin-top: 20px; border: 1px solid #ccc;}
.locationColumn{float:left; width:450px; margin-left:15px;}
#locations strong { font-weight:bold; }
#locations .location h3 { font-size: 108%; font-weight:bold; height:37px; line-height:37px; padding:0 10px; }
#locations .location h3 a{font-size: 93%; font-weight:normal;margin-left: 20px;}
#locations .location h4 { font-weight:bold; }
#locations .location h5 { font-weight:bold; font-size: 108%; }
#locations .location ul { margin:10px; }
#locations .location ul li ul { margin:0 10px 5px 0; }
#locations .location ul li ul li { font-size: 100%; list-style:square outside; margin-left: 15px; }
#locations ul.ministries { border-top: 1px solid #ccc; padding-top: 10px; color:#777 }
#locations ul.ministries li { font-size:93%; list-style:square outside; margin-left: 15px; }
#locations .richland h3 { background:#3E5503 url(http://richland.bethel-church.org/images/bg-papers.jpg) 0 0 no-repeat; color:#fff; }
#locations .richland h3 a, #locations .richland .address a{color:#D3FF6C}
#locations .westPasco h3 { background:#54280D url(http://richland.bethel-church.org/images/bg-papers.jpg) -733px 0 no-repeat; color:#fff }
#locations .westPasco h3 a, #locations .westPasco .address a{color:#FFAF95}
#locations .prosser h3 { background:#54280D url(http://richland.bethel-church.org/images/bg-papers.jpg) -1466px 0 no-repeat; color:#fff }
#locations .prosser h3 a, #locations .prosser .address a{color:#D2A7DF}
#locations .richland .address { background:#629900 url(http://richland.bethel-church.org/images/bg-papers.jpg) 0 -37px no-repeat; padding:10px; color:#fff; }
#locations .westPasco .address { background:#9A4918 url(http://richland.bethel-church.org/images/bg-papers.jpg) -733px -37px no-repeat; padding: 10px; color:#fff; }
#locations .prosser .address { background:#452c56 url(http://richland.bethel-church.org/images/bg-papers.jpg) -1466px -37px no-repeat; padding: 10px; color:#fff; }
#locations .richland h5 { color:#629900 }
#locations .westPasco h5 { color:#9A4918 }
#locations.prosser h5 { color:#452c56; }
/*Contact Us*/
.contact{ position:relative; margin:20px 0; background-color:#E3E4DE;float:left; display:inline;}
.contact img{border:10px solid #E3E4DE;}
.contactColumn{float:left; width:450px; margin-left:15px;}
.contact h3{font-family:"Palatino", "Georgia", "Baskerville";margin-bottom: 15px;position:absolute; top: 10px;left:10px;font-size:174%; color:#000; padding: 0 10px 5px 0;background-color:#E3E4DE;}
.contact p{margin:0 10px 1px 10px;float:left; display:inline;}
.contact p span.label{float:left; display:inline;clear:both; width: 80px; font-weight:bold;text-align:right; color:#fff;padding:3px 6px;}
#richlandContact p span.label{ background:#629900 url(http://richland.bethel-church.org/images/bg-papers.jpg) -300px -37px no-repeat;}
#westpascoContact p span.label{ background:#9A4918 url(http://richland.bethel-church.org/images/bg-papers.jpg) -1033px -37px no-repeat;}
#prosserContact p span.label{ background:#452c56 url(http://richland.bethel-church.org/images/bg-papers.jpg) -1766px -37px no-repeat;}
#westpascoContact a{color:#9A4918}
#richlandContact a{color:#629900}
#prosserContact a{color:#452c56}
.contact p span.data{float:left; display:inline;width: 302px;padding:3px 6px;background-color:#fff;}
.contact p#staffButton{clear:both; margin-left: 100px; }
.contact p#staffButton a{float:left;display:inline;border:1px solid #ccc; margin:20px 0;background-color:#F3F4EE; padding:7px 10px;width:170px;}
.contact p#staffButton a:hover{border:1px solid #888; background-color:#fff;text-decoration:none;}
/*Media Library************************************************/
#sermonInfo {border :10px solid #E3E4DE;position:relative;margin-top: 100px;margin-right:20px; padding:5px}
#sermonInfo h4{font-size:123%; font-weight:bold;}
#sermonInfo h5{font-size:85%; margin:5px 0 15px 0;}
#sermonInfo h3{font-family:"Palatino", "Georgia", "Baskerville";margin-bottom: 15px;position:absolute; top: -30px; left:-10px;font-weight:bold;font-size:108%; color:#000; padding:5px 10px;background-color:#E3E4DE;}
#sermonInfo a{display:block;}
#sermonInfo #watchVideo{color:#333; font-size:111%;font-weight:bold; border:1px solid #ccc; padding: 8px;padding-left: 30px;margin-bottom:3px;background:transparent url(http://richland.bethel-church.org/images/video-icon.png)2px 5px no-repeat;}
#sermonInfo #watchVideo:hover{ border:1px solid #bbb; background-color:#E3E4DC }
#sermonInfo #listenAudio{color:#333; font-size:111%;font-weight:bold; border:1px solid #ccc; padding:8px;padding-left: 30px;margin-bottom:3px;background:transparent url(http://richland.bethel-church.org/images/audio-icon.png) 5px 5px no-repeat;}
#sermonInfo #listenAudio:hover{ border:1px solid #bbb; background-color:#E3E4DC }
#sermonInfo #downloadAudio{color:#333; font-size:111%;font-weight:bold; border:1px solid #ccc; padding:8px;padding-left: 30px;margin-bottom:10px;background:transparent url(http://richland.bethel-church.org/images/audio-icon.png) 5px 5px no-repeat;}
#sermonInfo #downloadAudio:hover{ border:1px solid #bbb; background-color:#E3E4DC }
#sermonInfo #shareLink{margin-bottom:10px;}
#sermonInfo h6{font-weight:bold; padding:3px; background-color:#f1f1f1}
#sermonInfo ul{margin-bottom:10px;}
#sermonInfo #podcasts li{display:inline;}
#sermonInfo #podcasts{margin-top:10px;}
.sermon-description {border :10px solid #E3E4DE;position:relative;margin-right:320px; margin-left: 20px; margin-bottom: 20px; padding:5px; float: left;}
.sermon-description h3{font-family:"Palatino", "Georgia", "Baskerville";margin-bottom: 15px;position:absolute; top: -30px; left:-10px;font-weight:bold;font-size:108%; color:#000; padding:5px 10px;background-color:#E3E4DE;}
.mediaLibrary iframe{ width:910px; border:none; border: 10px solid #E3E4DE; border-width:10px 0;height: 460px;}
.player iframe{ width:590px; border:none; border: 10px solid #E3E4DE; border-width:10px 0;height: 450px;}
#sermonInfo #podcasts li a{display:inline; margin: 5px 10px;}
.mediaLibrary h3#libraryTitle{font-family:"Palatino", "Georgia", "Baskerville", serif; color:#3B3B3B; font-size: 250%; margin-bottom:10px; clear:both; }
.sermon-container{border-bottom:1px solid #ccc; float:left; width:100%;}
.alt{background-color:#F3F4EE;}
.sermon-container h5{float:left; width: 120px; padding:5px; font-size:85%; border-left:1px solid #ccc;}
.sermon-container h4{float:left; width:300px;font-weight:bold; padding:5px;}
.sermon-container ul.sermon-media{float:left; width: 350px; display:block;float:left; font-size:85%;}
.sermon-container .sermon-date{float:left; width:80px; color:#777; font-size:85%;padding:5px;border-right:1px solid #ccc;}
.sermon-container ul.sermon-media li{display:block; float:left; padding:5px; border-left:1px solid #ccc; }
.sermon-container ul.sermon-media li a{color:#AC721B; font-weight:bold;padding:3px 5px;}
.sermon-container ul.sermon-media li.vid a{padding-left:18px; background:transparent url(http://richland.bethel-church.org/images/icon_video_small.gif) 0 2px no-repeat;}
.sermon-container ul.sermon-media li.aud a{padding-left:18px; background:transparent url(http://richland.bethel-church.org/images/icon_sound_small.gif) 0 2px no-repeat;}
.sermon-container ul.sermon-media li.txt a{padding-left:18px; background:transparent url(http://richland.bethel-church.org/images/icon_text_small.gif) 0 2px no-repeat;}
.sermon-container ul.sermon-media li a:hover{background-color:#E3E4DC }
.media-archive-header {display:inline; font-size: 2em;}
.feeds-media-library {float: right; text-align: right; padding-bottom: 3px;}
.feeds-media-library #podcasts li {display: inline; margin-left: 5px; margin-bottom: 5px;}
.media-archive-navigation {float: left; font-size: 26px;}
.media-archive-navigation #years li {display: inline; margin-left: 5px; margin-bottom: 5px; font-size: 14px; font-weight: bold;}
#play-archives {margin-left: 20px;}
/*Footer**************************/
#foot-wrap-outer { background:#4C4C4C url(../images/bg-footer-repeat.jpg) repeat-x scroll center top; position: relative;}
#foot-container { background:transparent url(../images/bg-footer.jpg) no-repeat scroll center top; padding-top:0; width:100%; }
#ft { padding: 60px 40px 0 40px; color:#9F9F9F; font-size: 93%;}
#ft h4{color:#BFBFBF;text-transform:uppercase; font-size: 100%; font-weight:bold;margin-bottom:5px;}
#ft .yui-u div{padding: 20px; border:1px solid #555555; background: transparent url(../images/bg-footer-box.jpg) 0 0 no-repeat; height:150px;}
#ft .yui-u div#purpose{background-position:-303px 0 ;}
#ft ul{border-top:1px solid #4c4c4c;}
#ft li{border-bottom:1px solid #4c4c4c;}
#ft li a{padding: 3px; padding-left:10px;}
#ft li a:hover{background:#6F7979 url(http://richland.bethel-church.org/images/icon-foot-arrow.gif) 3px 50% no-repeat; color:#DDF2F2; text-decoration:none; padding-left: 10px;}
#ft a { color:#8B9797;; }
#ft #addressContact p{margin-bottom: 10px;}
#ft #copyright{border-top: 1px solid #5F5F5F; color:#6F6F6F;margin-top: 20px; padding: 20px; text-align:center;}
#ft #purposeStatement{font-family:"Palatino", "Georgia", "Baskerville", serif; font-size: 108%; font-style:italic;margin-bottom:5px;color:#BFBFBF;}
#calendarIframe iframe{border: 1px solid #fff; border-collapse:collapse; padding:20px; background-color:#f8faf7;}
/* LIGHTBOX ****************************************/
.black_overlay{
display: none;
position: absolute;
top: 0%;
left: 0%;
width: 100%;
height: 100%;
background-color: black;
z-index:1001;
-moz-opacity: 0.8;
opacity:.80;
filter: alpha(opacity=80);
}
.white_content {
color: white;
display: none;
position: absolute;
top: 10px;
left: 20%;
padding: 16px;
border: 16px solid #77919e;
background-color: black;
z-index:1002;
overflow: auto;
}