/* bethmeth.com base styles */

* { margin: 0; padding: 0; }
html, body, * html #wrapper { height: 100%; }
#rightCol ul, ol, dl { position: relative;  } /* to fix IE disappearing bg bug */
ul, li {list-style: none; margin: 0; padding: 0;}
body {
 background: #F4F4D9 url(/images/bg/bgMain.jpg) top center repeat-x;
 font: 11px "Lucida Grande", "Lucida Sans Unicode", Arial, Helvetica, sans-serif;
 text-align: center;
}

.left {
 float: left;
 margin: 0 15px 0 0;
 width: 185px;
}

.subLeftbtm { width: 450px; }

#wrapper {
 position: relative;
 min-height: 100%;
 width: 806px;
 margin: 0 auto;
 text-align: left;
 background: url(/images/bg/bgWrap.gif) top right repeat-y;
}


#footer {
 position: relative;
 margin-top: -45px;
 height: 36px;
 background: #062333;
 text-align: center;
 padding: 9px 0 0 0;
} 
#footer p {
 width: 786px;
 text-align: right;
 color: #50788F;
 font-size: 10px;
 line-height: 14px;
 margin: 0 auto;
 padding-right: 20px;
}
#home #mast { height: 280px; padding: 0;}
#mast {
 height: 69px;
 position: relative;
 background: url(/images/bg/bgMain.jpg) top center repeat-x;
}
#mast h1 {
 position: absolute;
 top: 13px;
 left: 31px;
}
#mast h1, #mast h1 a {
 width: 154px;
 height: 44px;
 background: url(/images/logo.gif) 0 0 no-repeat;
 text-indent: -9000px;
 display: block;
}
#noFlash {
background: url(/images/main_image.jpg) 0 33px no-repeat; 
width: 806px;
height: 280px;
}
#home #search { 
 top: 10px;
 left: 595px;
}
#search {
 position: absolute;
 top: 34px;
 left: 595px;
 width: 200px;
 height: 24px;
}
#search input {
 border: 1px solid #22688F;
 padding: 1px 2px;
 font: 10px "Lucida Grande", "Lucida Sans Unicode", Arial, Helvetica, sans-serif;
 background: #BFDAE9;
 width: 150px;
 color: #0A2636;
}
#search input.btn_search {
	background: none;
 text-indent: -9000px;
 display: block;
 height: 20px;
 width: 24px;
 position: absolute;
 left: 165px;
 top: 0;
 border: none;
 padding: 0;
}

#motion {
 position: absolute;
 top: 33px;
 left: 0;
 height: 248px;
}
#content {
 padding-bottom: 45px;
}
#leftCol {
 width: 191px;
 float: left;
 position: relative;
 padding-left: 11px;
 z-index: 2;
}
#rightCol {
 width: 597px;
 float: right;
 background: url(/images/bg/bgTopCopy.jpg) 0 0 no-repeat;
 position: relative;
}
#home #rightCol { background: url(/images/bg/bgSideFade.gif) top right no-repeat; }
.clear {
 clear: both;
 height: 1px;
 overflow: hidden;
 margin-bottom: -1px;
}
#redWrap { background: url(/images/bg/bgSubWrap.gif) 0 0 repeat-y; }
.subLeft {
 float: left;
 width: 344px;
 padding: 0 12px;
}
.subRight {
 float: right;
 width: 206px;
}

#home .subRight .verse { margin-top: 8px;} 
#redWrap .subRight {
 padding: 5px 35px 0 19px;
 width: 170px;
}
#copyWrap .subRight {
 padding: 0 17px 0 0;
}
#redFoot {
 height: 40px;
 clear: both;
 background: url(/images/bg/bgRedFoot.gif) left bottom no-repeat;
}
#leftFoot {
 height: 70px;
 background: url(/images/bg/bgLeftFoot.jpg) left bottom no-repeat;
}
#paperWrap { background: url(/images/bg/bgLeftCol.gif) 0 0 repeat-y; padding-top: 225px; margin-bottom: 25px; }
#home #paperWrap { padding-top: 0; }
#paperWrap p {
 color: #293124;
 padding-left: 15px;
 line-height: 14px;
}
#tag { 
 height: 149px;
 background: url(/images/tag.gif) 50% 0 no-repeat;
 text-indent: -9000px;
 margin-top: 15px;
}
#seriesImg {
 width: 332px;
 height: 108px;
 background: url(/images/bg/bgSeries.gif) 0 0 no-repeat;
 padding: 8px 0 0 10px;
}
#redWrap .subLeft p {
 padding-left: 8px;
 color: #fff;
 line-height: 18px;
}
#redWrap .subRight p { 
 margin: 0 0 12px 0;
 padding-bottom: 20px;
 background: url(/images/bg/bgEventBtm.gif) center bottom no-repeat;
}

#redWrap .subRight strong, #redWrap .subRight #featured p {color: #E7DC7E;}
#redWrap .subRight #featured a { display: block; margin-top: 4px;}
#redWrap .subRight p.last { background: none; padding-bottom: 0; }
#redWrap .subRight a {
 display: block;
 color: #fff;
 text-decoration: none;
}
#redWrap .subRight a span { color: #E7DC7E; text-transform: uppercase; }
#redWrap .subRight  a:hover { color: #E7DC7E; text-decoration:underline; }
#redWrap .subRight  a:hover span { color: #fff; }
.seriesTitle {
 font-size: 17px;
 font-weight: bold;
 padding-bottom: 3px;
}
.seriesTitle span { color: #E7DC7E; display: block; }
#moreEvents {
 display: block;
 background: url(/images/btnMoreEvents.gif) 0 0 no-repeat;
 width: 130px;
 height: 24px;
 text-indent: -9000px;
 margin: 22px 0 0 -3px;
}
#moreEvents:hover { background: url(/images/btnMoreEvents.gif) 0 -27px no-repeat; }
.news { margin-bottom: 20px; }
.news p { line-height: 15px; }

.news_entry {
	padding-bottom: 15px; 
	border-bottom: 1px solid #e7e7e7;
	margin-bottom: 20px;
}

#news .last { border-bottom: none;}

#newsletter p a {
 text-decoration: none;
 color: #2F566B;
 padding: 6px 6px 6px 20px;
 background: url(/images/bulSubRight.gif) 5px -3px no-repeat;
 display: block;
 height: 1%;
 border-bottom: 1px dotted #ccc;
}
#newsletter p a.last { border-bottom: none; }
#newsletter p a:hover {
 color: #AD2F0C;
 background: url(/images/bulSubRight.gif) 5px -146px no-repeat;
}
#copyWrap .subRight p {
 padding: 0 5px;
}
.verse {
 color: #F0E68C;
 padding: 0 12 px 6px 10px;
}
.verse span { display: block; text-align: right; text-transform: uppercase; margin-top: 7px; }
#mainPhoto {
 position: absolute;
 top: 0;
 left: -4px;
}
#fader {
 position: absolute;
 width: 10px;
 height: 366px;
 background: url(/images/bg/bgFader.jpg);
 top: 0;
 left: 588px;
}
#copy { padding: 22px 34px 22px 22px; }
#copy p { margin: 10px 0; }
#copy p, #copy li { line-height: 17px; }
#mapBox { margin-bottom: 5px; border: 1px solid #E5DEB4; padding: 5px; background: #F4F4D9; }
#mapBox div#mapLink {
 margin-top: 5px;
 padding: 4px;
}
#map span { background-color: #fff; padding: 1px; }

.dateList dt { margin-top: 15px; font-size: 14px; }
.dateList dd { margin: 6px 4px; line-height: 17px; }
.rssSubdate { font-weight: bold; }

#rightCol ul { list-style: none; }
#rightCol li {
 padding-left: 22px;
 background: url(/images/mainBul.gif) 8px 5px no-repeat;
 margin-top: 2px;
}

hr {
 margin: 15px 0 5px 0;
 color: #CEC495;
 background-color: #CEC495;
 height: 1px;
 border: 0;
}
.rightText { text-align: right; }
.hide { display: none; }
#qList { margin-top: 15px; }
#qList li { margin-bottom: 8px; }
.rightBox {
 float: right;
 width: 200px;
 background: #E2E8C4;
 padding: 10px;
 margin: 0 0 8px 8px;
 border: 1px solid #D6CEA0;
 line-height: 17px;
}

.fun_download { margin-top: 20px;}
#copy .fun_download p { margin: 0;}

/* =forms 
------------------------------------------------------------------------ */
#ContactForm #email, #ContactForm #name, #ContactForm #message, #whyyoulovebethlehem {
 font: 11px "Lucida Grande", "Lucida Sans Unicode", Verdana, Tahoma, Helvetica, sans-serif;
 color: #062333; 
 background: #f8fdff;
 border-right: 1px solid #8da4b0; 
 border-bottom: 1px solid #8da4b0; 
 border-top: 1px solid #b8c1c6; 
 border-left: 1px solid #b8c1c6; 
 padding: 3px;
}
#ContactForm #email, #ContactForm #name { width: 200px; }
#ContactForm #message, #whyyoulovebethlehem { width: 385px; }
#ContactForm label {display: block;}
#Submit {
 font: 11px "Lucida Grande", "Lucida Sans Unicode", Verdana, Tahoma, Helvetica, sans-serif;
 color: #fff; 
 background-color: #3c7ba0;
 margin-top: 8px;
 border-right: 1px solid #2c6688; 
 border-bottom: 1px solid #2c6688; 
 border-top: 1px solid #205879; 
 border-left: 1px solid #205879; 
}

#Thanks { 
 font-weight: bold;
 color: #c60;
}

.contactfield {
	margin-top: 20px;
}

/* Validation Styles 
-----------------------*/
#ContactForm .error { 
 margin: 8px 0;
 background: #F1D1D1;
 color: #c00;
 padding: 7px;
 border: 1px solid #E7C3C3;
}	

#ContactForm input.success { 
	background-color: #007f7b; 
	background-image: url(/images/ico_form_confirm.gif);
	background-position: 385px center;
	background-repeat: no-repeat;
	color: #fff; 
	border: 1px solid #007f7b; 
}

/* =links
------------------------------------------------------------------------ */

a { color: #B73D13; outline: none; border: 0; text-decoration: underline; }
a:hover { text-decoration: none; color: #3D8298; border: 0; }

/* =headers
------------------------------------------------------------------------ */

h1, h2, h3, h4, h5, .dateList dt { font-family: Georgia, "Times New Roman", Times, serif; }
#copy h1 {
 font-size: 24px;
 color: #AD2F0C;
 font-weight: normal;
}
h2 {
 font-size: 16px;
 font-weight: normal;
 margin-top: 12px;
}
#copyWrap h2 { 
 font: bold 17px Georgia, "Times New Roman", Times, serif;
 color: #2F566B;
 border-bottom: 1px solid #2F566B;
 padding: 0 0 4px 0;
 margin: 0 0 10px 0;
}
h3 {
 font: 13px Georgia, "Times New Roman", Times, serif;
 color: #AD2F0C;
 height: 22px;
 background: url(/images/bg/bgH3.jpg) 0 50% no-repeat;
 padding: 8px 0 0 15px;
 margin-top: 17px;
 position: relative;
}
h3#hdJam span { display: block; width: 12px; height: 13px; background: url(/images/icJam.gif) 0 0 no-repeat; position: absolute; top: 10px; left: 100px; }
h4 {
 font-size: 14px;
 font-weight: normal;
}
#paperWrap h4 { color: #AD2F0C; padding: 0 0 4px 15px; background: url(/images/bg/bgH4-1.gif) 80px 49% no-repeat; width: 90%; }
#redWrap h4 { color: #E7DC7E; padding: 0 20px 0 0; background: url(/images/bg/bgH4-2.gif) 100% 49% no-repeat;  margin-bottom: 8px;}
#copyWrap h4 { font: 16px "Lucida Grande", "Lucida Sans Unicode", Arial, Helvetica, sans-serif; color: #3D8298; font-size: 14px; margin: 4px 0; }
h5 {
 font-size: 12px;
 color: #E7DC7E;
 font-weight: normal;
 padding: 10px 0 4px 8px;
}
.prayer-container {
	border-top: 1px solid #cacaca;
	border-bottom: 1px solid #cacaca;
	margin-top: 10px;
	padding-bottom: 15px;
}

/* =nav 
------------------------------------------------------------------------ */

#nav { 
 width: 191px;
 list-style: none;
 padding-left: 6px;
 margin-bottom: 30px;
}
#home #nav { background: url(/images/bg/bgNavTop.jpg) 0 0 no-repeat; padding-top: 15px; }
#nav li {
 background: url(/images/bg/bgNavBtm.gif) bottom left no-repeat;
 padding-bottom: 1px;
}
#nav li a {
 display: block;
 height: 1%; /* silly IE */
 text-decoration: none;
 padding: 6px 6px 6px 26px;
 color: #5D562C;
 text-transform: uppercase;
 background: url(/images/navBul.gif) 12px 50% no-repeat;
}
#nav li a:hover, body#home #navHome a, body#visitors #navVisitors a,  #nav li.over, #nav li:hover a, #nav li.over a, body#calendar #navCalendar a, body#news #navNews a, body#photos #navPhotos a, body#contact #navContact a, body#aboutUs #navAboutUs a, body#resc #navResc a, body#aboutGod #navAboutGod a, body#theGathering #navTheGathering { background: url(/images/navBulOver.gif) 0 50% no-repeat; color: #153E55; }


#nav li ul {
 display: none;
 top: 1px;
 left: 0;
 border-top: 1px solid #D5CC9E;
 border-left: 1px solid #D5CC9E;
 list-style: none;
}
#nav li>ul { top: auto; left: auto; }
#nav li li { background: #E5DEB4 none; border: 0; padding: 0; }
#nav li li a, #nav li:hover li a, #nav li.over li a, body#aboutUs #navAboutUs li a, body#visitors #navVisitors li a, body#resc #navResc li a, body#theGathering #navTheGathering li a { 
 background: url(/images/pix.gif) 0 0 no-repeat; 
 padding: 6px; 
 border-top: 0; 
 border-right: 1px solid #D5CC9E; 
 border-bottom: 1px solid #D5CC9E; 
 width: 130px; 
 text-transform: none; 
 color: #5D562C; 
}
#nav li li a:hover, body#visitors #navVisitors li a:hover, body#aboutUs #navAboutUs li a:hover, body#resc #navResc li a:hover, body#theGathering #navTheGathering li a:hover { background: none #DAD2A6; color: #B73D13; }
#nav li:hover ul, #nav li.over ul { 
 display: block; 
 left: 160px; 
 z-index: 999;
 position: absolute;
}
/* massive workaround due to IE relative positioning and z-index bugs */
#home #nav li#navVisitors:hover ul, #nav li#navVisitors.over ul { top: 30px; } 
li#navVisitors:hover ul, #visitors #nav li#navVisitors.over ul, 
#aboutUs #nav li#navVisitors.over ul, 
#calendar #nav li#navVisitors.over ul, #news #nav li#navVisitors.over ul, 
#visitors #photos li#navVisitors.over ul, #contact #nav li#navVisitors.over ul, 
#aboutGod #nav li#navVisitors.over ul, #resc #nav li#navVisitors.over ul, 
#theGathering #nav li#navTheGathering.over ul { top: 240px; } 

#home #nav li#navAboutUs:hover ul, #nav li#navAboutUs.over ul { top: 57px; } 
li#navAboutUs:hover ul, #visitors #nav li#navAboutUs.over ul, #aboutUs #nav li#navAboutUs.over ul, 
#calendar #nav li#navAboutUs.over ul, #news #nav li#navAboutUs.over ul, 
#visitors #photos li#navAboutUs.over ul, #contact #nav li#navAboutUs.over ul, 
#aboutGod #nav li#navAboutUs.over ul, #resc #nav li#navAboutUs.over ul,
#theGathering #nav li#navTheGathering.over ul { top: 267px; } 

#home #nav li#navResc:hover ul, #nav li#navResc.over ul { top: 137px; } 
li#navResc:hover ul, #visitors #nav li#navResc.over ul, #aboutUs #nav li#navResc.over ul, 
#calendar #nav li#navResc.over ul, #news #nav li#navResc.over ul, 
#visitors #photos li#navResc.over ul, #contact #nav li#navResc.over ul, 
#aboutGod #nav li#navResc.over ul, #resc #nav li#navResc.over ul,
#theGathering #nav li#navTheGathering.over ul { top: 423px; }