/* 
    Genoa Baptist Church 
    Copyright(c) 2009 Genoa Baptist Church
*/

body {
 margin: 0;
 padding: 0;
 background: #9FB0B2 url(images/background/bgBody.jpg) center top repeat-y;
 text-align: center;
 font: 11px/16px "Lucida Grande", "Lucida Sans Unicode",  Verdana, Tahoma, Helvetica, sans-serif;
 color: #232F38;
}
#main {
 width: 724px;
 margin: 0 auto;
 text-align: left;
}
#head { 
 position: relative;
 height: 124px;
 background: url(images/background/bgTopHead.gif) bottom no-repeat;
}
#home #head { z-index: 4; }
#head { background: url(images/background/bgTopHeadHome.gif) bottom no-repeat; }

#head2 { 
 position: relative;
 height: 124px;
 background: url(images/background/bgTopHead2.gif) bottom no-repeat;
}
#home #head2 { z-index: 4; }
#head2 { background: url(images/background/bgTopHeadHome2.gif) bottom no-repeat; }

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

#head h1, #head h1 a, #head2 h1, #head2 h1 a  {
 width: 225px;
 height: 94px;
 display: block;
 margin: 0;
 padding: 0;
 text-decoration: none;
}
#head h1, #head2 h1 {
 position: absolute;
 top: 7px;
 left: 23px;
}
h1 {
 text-indent: -9000px;
 background: url(images/background/newlogo.png) no-repeat;
}
h2 {
 width: 800px;
 height: 98px;
 margin: 0;
 padding: 0;
 text-indent: -9000px;
}
h2#Video{ background: url(images/UpperBanner/Videos.PNG) 33px 0 no-repeat; }
h2#Truth{ background: url(TruthProject/TruthProjectBanner.jpg) 33px 0 no-repeat;}
h2#Upward{ background: url(Upward/images/upward_banner.jpg) 33px 0 no-repeat;}
h2#Concert{ background: url(Concert/images/ConcertBanner.jpeg) 33px 0 no-repeat;}
h2#hdAboutUs { background: url(/images/hdAboutUs.jpg) 0 0 no-repeat; }
h2#hdResources { background: url(/images/hdResources.jpg) 0 0 no-repeat; }
h2#hdMinistries_music { background: url(/images/hdMinistries_music.jpg) 0 0 no-repeat; }
h2#hdMinistries_kids { background: url(/images/hdMinistries_kids.jpg) 0 0 no-repeat; }
h2#hdMinistries_smallGroups { background: url(/images/hdMinistries_smallGroups.jpg) 0 0 no-repeat; }
h2#hdMinistries_students { background: url(/images/hdMinistries_students.jpg) 0 0 no-repeat; }
h2#hdError { background: url(/images/hdError.jpg) 0 0 no-repeat; }

h3 {
 height: 36px;
 margin: 0;
 padding: 0;
 font-size: 12px;
 color: #c60;
 text-transform: uppercase;
 padding-left: 100px;
}
h3.downFade span, h3.downFade strong { height: 30px; padding-top: 6px; }
h3.downFade span { background: url(images/background/bgH2Down.gif) 0 0 no-repeat; float: left; padding-left: 12px; }
h3.downFade strong { background: url(images/background/bgH2DownCorner.gif) 0 0 no-repeat; width: 12px; float: left; }
h3.upFade { padding-right: 25px; margin-bottom: 15px; }
h3.upFade span, h3.upFade strong { height: 24px; padding-top: 12px; }
h3.upFade span { background: url(images/background/bgH2Up.gif) 0 0 no-repeat; float: right; padding-left: 12px; }
h3.upFade strong { background: url(images/background/bgH2UpCorner.gif) 0 0 no-repeat; width: 12px; float: right; }
#resources h3.downFade { margin-top: 15px; }
h4 {
 font-size: 1px;
 color: #c60;
 margin: 0;
 padding: 0;
}
h5 {
 font-size: 18px;
 color: #c60;
 margin: 0;
 padding-bottom: 6px;
}
h6 {
 font-size: 12px;
 color: #c60;
 margin: 0;
 padding: 0;
}
.videoLinks {
 font-size: 12px;
 font-family: Tekton Pro;
 color: #FF660;
 margin: 0;
 padding: 70px 10px 100px 200px;
 //text-transform: uppercase;
}
.audioLinks {
 font-size: 16px;
 font-family: Tekton Pro;
 color: #000;
 margin: 0;
 padding: 0px 0px 0px 65px;
 //text-transform: uppercase;
}

/* =Calendar
------------------------------------------------------ */
.articleCalendarIcon-01{
	background: url('images/Calendar/Calendar_01.png');	background-repeat: no-repeat; float: left; width: 57px; height: 67px;
}
.articleCalendarIcon-02{
	background: url('images/Calendar/Calendar_02.png');	background-repeat: no-repeat; float: left; width: 57px; height: 67px;
}
.articleCalendarIcon-03{
	background: url('images/Calendar/Calendar_03.png');	background-repeat: no-repeat; float: left; width: 57px; height: 67px;
}
.articleCalendarIcon-04{
	background: url('images/Calendar/Calendar_04.png');	background-repeat: no-repeat; float: left; width: 57px; height: 67px;
}
.articleCalendarIcon-05{
	background: url('images/Calendar/Calendar_05.png');	background-repeat: no-repeat; float: left; width: 57px; height: 67px;
}
.articleCalendarIcon-06{
	background: url('images/Calendar/Calendar_06.png');	background-repeat: no-repeat; float: left; width: 57px; height: 67px;
}
.articleCalendarIcon-07{
	background: url('images/Calendar/Calendar_07.png');	background-repeat: no-repeat; float: left; width: 57px; height: 67px;
}
.articleCalendarIcon-08{
	background: url('images/Calendar/Calendar_08.png');	background-repeat: no-repeat; float: left; width: 57px; height: 67px;
}
.articleCalendarIcon-09{
	background: url('images/Calendar/Calendar_09.png');	background-repeat: no-repeat; float: left; width: 57px; height: 67px;
}
.articleCalendarIcon-10{
	background: url('images/Calendar/Calendar_10.png');	background-repeat: no-repeat; float: left; width: 57px; height: 67px;
}
.articleCalendarIcon-11{
	background: url('images/Calendar/Calendar_11.png');	background-repeat: no-repeat; float: left; width: 57px; height: 67px;
}
.articleCalendarIcon-12{
	background: url('images/Calendar/Calendar_12.png');	background-repeat: no-repeat; float: left; width: 57px; height: 67px;
}

.articleCalendarDay{
	color: #000;
	padding-top: 17px;
	padding-left: 10px;
	font-size: 24px;
}
/* =links
------------------------------------------------------ */

a {
 color: #1B1B1B;
 //color:#c60;
 text-decoration: none;
 outline: none;
}
.videoLinks hover {
	color: C07D38;
}
.leftCol a:visited, a:hover {
 text-decoration: none;
}
a:hover {
 //color: #8A9878;
 //color: #FFFFFF;
}

/* =nav 
------------------------------------------------------ */
#nav {
 position: absolute;
 top: 72px;
 left: 260px;
}
#nav, #nav ul {
 padding: 0;
 margin: 0;
 list-style: none;
}
#nav li {
 float: left;
 position: relative;
 background: #1A3999 url(bgNav.gif) 0 100% repeat-x;
 font-size: 11px;
 font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans",  Verdana, Tahoma, Helvetica;
 text-transform: uppercase;
 color: #fff;
 /*border-right: 1px dashed #FFFFFF;
 border-left: 0px solid #FFFFFF*/
}
#nav li ul {
 display: none;
 position: absolute;
 top: 30px;
 left: 0;
 /*background: url(bgSubLastHover.gif) bottom no-repeat;*/
}
#nav ul li { 
 padding: 0;
 background: transparent none;
 border-right:medium;
 width: 135px;
 text-transform: none;
 float: none;
 display: block;
}
#nav li>ul { top: 30px; left: 0; }
#nav li:hover ul, #nav li.over ul { display: block; z-index: 9999; }
#nav li a {
 display: block;
 padding: 6px 6px 6px 8px;
 text-decoration: none;
 color: #fff;
 background: #575757;
}
#nav li li a { height: 1%; border-bottom: 1px solid #799193; width:85px; }
#nav li a:hover { background: #1B1B1B; }
li#navHome, i#navMinistries, li#navResources {
 height: 22px;
 padding: 8px 10px 0 10px;
}
ul#navSubMenu{
 font-family: Calibri;
 font-size: 14px;
 height: 20px;
 width: 150px;
 padding: 2px 2px 2px 2px;
 border-bottom:groove;
 text-align:left;
 text-decoration:none;
 color: #1B1B1B;
 }
#navSubMenu a{display:block; padding:4px;}
/*#navAboutUs:hover, #navMinistries:hover, #navResources:hover, #nav li.over, #about #navAboutUs, #ministries #navMinistries { background: #FF6 url(bgNavHover.gif) 0 100% repeat-x; border-bottom:grooved; display:block;  }*/
#navSubMenu:hover {background-color: #c60; border-bottom:grooved; display:block; }
#nav .baseNav  { padding: 0; margin: 0; background: transparent none; }
#nav a.baseNav:hover { background: transparent none; }
#nav #navHome { background: #1B1B1B url(sdbgNavFirst.gif) 0 0 no-repeat; }
#nav #navHome:hover, #nav #navHome.over { background: #C07D38 0 0 no-repeat; }
/*#nav #navResources { background: #91A5A6 url(bgNavLast.gif) 100% 0 no-repeat; border-right: none; }
#nav #navResources:hover, #nav #navResources.over, #resources #navResources { background: #7A8F91 url(bgNavLastHover.gif) 100% 0 repeat-x; }*/
#nav li li a.subLast {
 /*background: transparent url(bgSubLast.gif) bottom no-repeat;*/
 background: #575757 0 0 no-repeat;
 border-bottom: none;
}
#nav li a.subLast:hover { background: #1B1B1B; }


/* =classes
------------------------------------------------------ */

.clear {
 clear: both;
 height: 1px;
 overflow: hidden;
 margin-bottom: -1px;
}
.bgContentTop { background: url(images/background/bgTopContent2.gif) repeat-y; }
.bgContentMain { background: url(images/background/bgBottomContent.gif) repeat-y; }
.leftCol {
 float: left;
 width: 443px;
}
.rightCol {
 float: right;
 width: 200px;
}
.leftLowerCol {
 float: left;
 width: 310px;
 margin: 0px 0 5px 10px;
}
.rightLowerCol {
 float: right;
 width: 320px;
  margin: 0px 0 5px 10px;
}
#colRel.rightCol { position: relative; }
.hide { display: none; }
.news {
 background: url(/images/bg/bgNewsBtm.gif) bottom repeat-x;
 padding: 0px 0 6px 0;
}

/* =basic layout
------------------------------------------------------ */

#contentTop, #content { padding: 0 27px 0 31px; }
#content { padding-top: 6px; }
#upComingEvents h4 { padding-left: 4px; }
#upcomingEvents p a {
 text-decoration: none;
 color: #232F38;
 display: block;
 height: 1%;
 padding: 8px 4px;
 border-bottom: 1px solid #B7C4C5;
 line-height: 15px;
}
#upcomingEvents p a:hover { background: url(bgEventHover.gif) bottom repeat-x; }
#upcomingEvents p a:hover span { background: url(arrwEventHover.gif) bottom right no-repeat; }
#upcomingEvents strong {
 text-transform: uppercase;
 color: #626F51;
 font-weight: normal;
}
#upcomingEvents p {
 margin: 0;
 padding: 0;
}
#upcomingEvents span { 
 background: url(arrwEvent.gif) bottom right no-repeat; 
 padding-right: 10px; 
}
#btnMore {
 display: block;
 width: 38px;
 height: 21px;
 background: url(btnMore.gif) 0 0 no-repeat;
 text-indent: -9000px;
 margin: 10px 0 3px 150px;
 text-decoration: none;
}
#btnMore:hover { background: url(btnMoreHover.gif) 0 0 no-repeat; }
#divider {
 height: 35px;
 width: 724px;
 background: url(images/background/divider.gif) 0 0 no-repeat; 
}
#footer {
 background: url(bgFooter2.gif) 0 0 no-repeat;
 color: #fff;
 font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans",  Verdana, Tahoma, Helvetica;
}
#home #footer { background: url(images/background/bgFooterHome.gif) 0 0 no-repeat; }
#home #footer p { padding-top: 25px;  }
#footer p {
 padding: 20px 0 12px 0;
 text-align: center;
 font-size: 10px;
 margin: 0;
}
.rightCol p { 
 margin: 0 0 15px 0;
 padding: 0;
}
.leftCol .news p {
 margin: 0;
 padding: 0 0 7px 0;
 line-height: 17px;
}
.news span {
 /* text-transform: uppercase; */
 color: #626F51;
 font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans",  Verdana, Tahoma, Helvetica;
}
#last.news { background: transparent none; margin-bottom: 8px; }
#first.news { padding-top: 0;}

#first.news img{float:left; margin:0px 0px 0px;}
#adNewcomer { background: url(adNewcomer.gif) 0 0 no-repeat; }
#adNewcomer a {
 display: block;
 width: 114px;
 height: 62px;
 padding: 22px 10px 0 76px;
 text-decoration: none;
 font-size: 10px;
 color: #172D3D;
}
#home #adNewcomer a {  background: url(/images/adNewcomerFront.gif) 0 0 no-repeat; }
#adNewcomer a:hover, #adPodcast1 a:hover { color: #c60; }
#adPodcast1 { background: url(podcastAd1.gif) 0 0 no-repeat; margin: 0 0 0 7px; width: 186px; }
#adPodcast1 a {
 display: block;
 width: 186px;
 height: 22px;
 padding: 130px 0 0 0;
 text-decoration: none;
 color: #724391;
 text-align: center;
}
#adPodcast1 a:hover { background: url(podcastAd1.gif) -186px 0 no-repeat; }
.leftCol p, .leftCol ul {
 margin: 3px 0 15px 0;
 padding: 0;
}
hr {
 margin: 10px 0 18px 0;
 color: #B7C4C5;
 background-color: #B7C4C5;
 height: 1px;
 border: 0;
}
#servTime p { line-height: 18px; }
.arch dt { font-weight: bold; margin-top: 10px; }
.arch dd { padding-left: 5px; margin: 2px 0; }
.minArt { margin: 12px 0; }
.minArt p { padding: 0; margin: 0; }
#oldStuff p { clear: both; }
#mapBox { margin-bottom: 5px; }
#ministries #mapBox { padding: 10px 10px 5px 10px; }
#mapBox div#mapLink {
 margin-top: 5px;
 padding: 4px;
 background-color: #fff;
 text-align: center;
}
#map span { background-color: #fff; padding: 1px; }
.leftCol ul { list-style: none; }
.leftCol ul li {
 padding: 0 0 0 25px;
 margin: 3px 0;
 background: url(/images/bul.gif) 10px 5px no-repeat;
}
#curSeriesImg { padding: 0; margin: 3px 0 0px 0; }
#curSeries p { font-style: italic; }
#subFeed a, #subItunes a {
 padding: 2px 0 5px 20px;
 display: block;
}
#home #subFeed a { margin: 0 0 15px 0; }
#subFeed a { background: url(/images/icFeed.gif) 0 2px no-repeat; }
#subItunes a { background: url(/images/icItunes.gif) 0 2px no-repeat; }

/* =images
------------------------------------------------------ */

img.left, img.right, img.noFloat, .vidList img, #mapBox {
 padding: 5px;
 border: 0;
 background: #F5F7F7; 
}
img.right { 
 float: right;
 margin: 2px 0 5px 10px;
}
img.left, .vidList img {
 float: left;
 margin: 2px 10px 5px 0;
}
.vidList { margin-top: 5px; }
.vidList img { margin-top: 0; }
.vidList a {
 padding-left: 22px;
 background: url(44.gif) 0 0 no-repeat;
}
img {
border: 0; /* this squashes a Firefox bug */
vertical-align: bottom; /* this squashes an IE bug */
} 

/* =forms
------------------------------------------------------ */

#siteSubmit {
 height: 21px;
 width: 45px;
	 background: url(/images/btnSearch.gif) 0 0 no-repeat;
 display: block;
 text-indent: -9999px;
 margin: 5px 0 0 0;
}
#siteSubmit:hover { background: url(/images/btnSearchOver.gif) 0 0 no-repeat; }
#search_field  {
 border: 1px solid #B7C4C5;
 padding: 3px;
 width: 250px;
 font: 11px "Lucida Grande", "Lucida Sans", Verdana, Tahoma, Helvetica, sans-serif;
 color: #232F38;
}
input { font:11px/1.4 Tahoma, Verdana, Helvetica, san-serif; color:#666666; margin:0.3em; border:1px solid #AAA; background-color:#e0dfe3; cursor:pointer; cursor:hand; }
input:hover { color:#444444; border-color:#888888; background-color:#EEEEEE; cursor:pointer; cursor:hand; }

a.inputbutton 		{ padding:.2em .5em; background-color:#e0dfe3; }
a.inputbutton:hover { text-decoration:none; }
#search p { padding: 0; margin: 5px 0; }
form { margin: 0; padding: 0; }
.leftCol ul.zemError {
 background: #F1D1D1 url(/images/icError.gif) 7px 7px no-repeat;
 color: #c00;
 padding: 6px 7px 6px 40px;
 border: 1px solid #E7C3C3;
}
.leftCol ul.zemError li { background: transparent none; padding: 1px 0; }
#zemContactForm #email, #zemContactForm #name, #zemContactForm #message, #mapInput {
 font: 11px "Lucida Grande", "Lucida Sans", Verdana, Tahoma, Helvetica, sans-serif;
 color: #232F38; 
 border-right: 1px solid #CFD6D8; 
 border-bottom: 1px solid #CFD6D8; 
 border-top: 1px solid #B4C4C8; 
 border-left: 1px solid #B4C4C8; 
 padding: 4px;
}
#zemContactForm #email, #zemContactForm #name { width: 200px; }
#zemContactForm #message { width: 385px; }
#mapInput { width: 180px; }
#mapInput:focus, #zemContactForm #email:focus, #zemContactForm #name:focus, #zemContactForm #message:focus, #search_field:focus { background-color: #DEE3E5; }
#mapSubmit, #zemSubmit {
 font: 11px "Lucida Grande", "Lucida Sans", Verdana, Tahoma, Helvetica, sans-serif;
 color: #fff; 
 background-color: #8A9878;
 margin-top: 5px;
 border-right: 1px solid #A2AD94; 
 border-bottom: 1px solid #A2AD94; 
 border-top: 1px solid #7A8769; 
 border-left: 1px solid #7A8769; 
}
#zemThanks { 
 font-weight: bold;
 color: #c60;
}

/* =gallery
------------------------------------------------------ */

.gallery dl { 
 float: left;
 padding: 8px 8px 5px 9px;
 width: 118px;
 border: 1px solid #CFD6D8;
 background: #F5F7F7;
 margin: 0 0 0 10px;
} 
.gallery dl dd {
 font-size: 9px;
 line-height: 13px;
 padding: 0;
 margin: 0;
}
.gallery dl:hover { background: #fff; border-color: #90A0A2; }
.gallery dl.row { margin: 0; }
.gallery a img { border: 1px solid #7F9497; }
.gallery a:hover img { border: 1px solid #c60; }
.galWrap {
 margin-bottom: 10px;
 float: left;
}
kbd {
 background-color: #ddd;
 border-right: 1px solid #ccc;
 border-bottom: 1px solid #ccc;
 font-size: inherit;
 font-family: inherit;
 padding: 0 3px 2px 4px;
}

/* =home page buckets
---------------------------------------------- */

#buckets {
 width: 687px;
 background: #fff url(images/background/bgBucketsTop.gif) 0 0 repeat-x;
 margin: 0 0 0 19px;
 padding-top: 22px;
}
#bucketStripes { background: url(/images/bg/bgBucketStripe.gif) 0 0 repeat-y; }
#bucket1 {
 width: 223px;
 height: 175px;
 float: left;
 background: #8F8570;
}
#bucket2{
 width: 224px;
 height: 175px;
 float: left;
 background: #5A6256;
}
#bucket3{
 width: 223px;
 height: 175px;
 float: left;
 background: #A7916E;
}
#bucket1, #bucket2{
 margin-right: 8px;
}
#bucket1 a, #bucket2 a, #bucket3 a {
 display: block;
 text-decoration: none;
 color: #232F38;
}
#bucket1 a { background: url(bucketPodcast1.jpg) 0px 0px no-repeat; padding: 0px 10px 0 85px; width: 120px;}
#bucket2 a { background: url(bucketNewHere.png) 0 10px no-repeat; padding: 10px 10px 15px 85px; width: 125px;}
#bucket3 a { background: url(bucketBlog.jpg) 0 10px no-repeat; padding: 10px 10px 0 85px; width: 125px; }
#bucket1 a:hover, #bucket2 a:hover, #bucket3 a:hover {
 color: #FFFFFF;
}

/* =slideshow
---------------------------------------------- */
#OuterContainer {
 height: 214px;
 width: 436px;
 background: url(bgSlideShow.gif) 0 0 no-repeat;
 padding: 5px 0 0 6px;
}
#Container {
 position: relative;
 height: 203px;
 width: 429px;
 z-index: 0;
}
#Loading {
 height: 25%;
 width: 100%;
 position: absolute;
 top: 40%;
 left: 0%;
 text-align: center;
 z-index: 0;
}
#LinkContainer {
 position: absolute;
 top: 0;
 left: 0;
 height: 100%;
 width: 100%;
}
#PrevLink span, #NextLink span { display: none; }
#PrevLink, #NextLink { display: block; }
#PrevLink { position: absolute; top: 208px; left: 17px; width: 23px; height: 20px; background: url(/images/tabBack.gif) 0 0 no-repeat;  }
#NextLink { position: absolute; top: 208px; left: 40px; width: 24px; height: 20px; background: url(/images/tabNext.gif) 0 0 no-repeat;  }
#PrevLink:hover { background: url(/images/tabBackOver.gif) 0 0; }
#NextLink:hover { background: url(/images/tabNextOver.gif) 0 0; }
#CaptionContainer {
 position: absolute;
 top: 208px;
 left: 380px;
 width: 39px;
 height: 20px;
 background: url(/images/bg/bgCounter.gif) 0 0 no-repeat;
 text-align: center;
 color: #fff;
 font-size: 10px;
}

#curSeries p a img { border: 0; }

/* =NOT USED
-------------------------------------------------------

#servTime {
 position: absolute;
 left: -14px;
 top: -3px;
 width: 198px;
 height: 85px;
 background: url(/images/45.jpg) 0 0 no-repeat;
 padding: 45px 0 0 20px;
}
#curSeries { margin-top: 140px; }

*/