/*   CSS code by David Guy, Pioneer Design Group http://www.pioneerdesign.net. All rights reserved 2008.   */


   /* global elements
----------------------------------------------------------------------------*/

* { margin: 0; padding: 0; }

body {
	font-size: .7em;  
	font-family: 'lucida grande',tahoma,sans-serif;
	background: #2C261E url("/img/page-back.gif") repeat-x;;
}   

a img {
	border: none;
	border:0;
	}	

a {
	color:#216E75;
	text-decoration: none;
	text-decoration: underline; 
	}	

a:hover {
	color: #184F55;
	text-decoration: underline;
	}
	
.clear { 
	height: 1px;
	line-height: 1px;
	clear: both;
	overflow: hidden;
}
 
.float-r { float:right; }
	.float-r img { margin: 0 6px 10px; }
.float-l { float:left; }

 
h1 {font: 2.2em Georgia, "Times New Roman", serif; color: #888788; margin-bottom:4px;}
h2 {font: 1.4em 'lucida grande',tahoma,sans-serif;  color: #a75d39; margin: 4px 0 2px 0;}  
h3 {font: 1.1em 'lucida grande',tahoma,sans-serif; text-transform: uppercase; color: #216E75; margin-top: .75em;}
h4 {font: bold 1.1em 'lucida grande',tahoma,sans-serif; color: #FFF; text-transform: uppercase;}

ul {list-style: none;}

.links a {
	color:#AF351D;
	text-decoration: none;
	font-weight:bold;
	}	

.links a:hover {
	color: #AF351D;
	font-weight:bold;
	text-decoration: underline; 
	}
 
 
 
 
  /* header and footer elements
----------------------------------------------------------------------------*/

#print-logo { display: none; }

#global-wrap {width: 100%;}

#global-inner  { 
   	position: relative;   
	margin: 0 auto;  		 
 	width: 851px; 
 	z-index: 1; /* can not hide a child of #header */
}	

#headinfo { 
	position: absolute;
	top: 7px;
	left: 30px;
	height: 25px;
	color: #FFF;
	font: 1.2em/1.4em 'lucida grande',tahoma,sans-serif;
}
	#headinfo img { vertical-align: middle; margin-left: 2em; }

	#head-logo {
		position: absolute;
		top: 70px;
		left: 57px;
		width: 318px;
		height: 63px;
	 	background: transparent url("/img/bonita-logo.gif") no-repeat;
	 	text-indent: -3000px; overflow: hidden; 
	}
	#shadow {  
		position: absolute;
		top: 182px;
		left:-33px;
		z-index: 1; 
	 	width: 929px;
		height: 213px; 
		background: url(/img/top-shadow.gif) no-repeat;
	}

#top-wrap { 
 	width: 100%; 
 	height: 179px;
 	position: relative;  
}	
 
#welcome-wrap {
	position: relative; 
 	margin: 33px 0 0 0;
	width: 851px;
	height: 227px;
	z-index: 5; /* we set the conflicting sibling higher */
	background: #FFF;
}
	#home-photo {width: 570px; height: 227px; }

	#welcome-top {  
		position: absolute; 
		left: 600px; 
		top: 30px; 
		width: 220px;  
		line-height: 1.7em;
		overflow: hidden;
	} 
 
#sermonbar { 
	border-top: 1px solid #1E5050; /* have no idea why this is necessary */
	width: 851px;
	height: 90px;
	background: #216E75 url(img/mid-back.gif) repeat-y;	 
	color: #FFF;
	position: relative; 
	z-index: 6; 
} 

	#sermon { width: 570px; margin-top: 10px; }
	
	#sermon-btn { 
		width: 190px; 
		position: absolute;
		top: 33px;
		left: 385px;
		z-index:2;
	 }
	#sermon-down { 
		width: 190px; 
		position: absolute;
		top: 34px;
		left: 420px;
		z-index:6;
	 }
	 
	#sermon-txt {
		width: 320px; 
		float: left; 
		padding: 3px 25px 10px 25px;
	 }
	.sermon-date-h {color: #a5b9b9; font-size: 1em;} 
	.sermon-title-h {color: #FFF; font: 1.6em/1.4em Georgia, Times, serif; margin: 7px 0;} 
	.sermon-ref-h {color: #a5b9b9; font-size: .9em; } 
	
	#versebar {
		width: 220px;
		position: absolute;
		top: 9px;
		left: 600px;
		z-index:2;
	} 
	
	#sermon-shadow {
		height: 30px;
		background: transparent url(/img/div-shadow.png) repeat-x;	
	} 


#home-main {
	line-height: 1.4em;
	width: 851px;
  	background: #FFF url(/img/div-back.gif) repeat-y;
  	position: relative; 
  	border-bottom: 1px solid #2C261E;
}
#news-wrap {
	width: 570px;
}
	#home-right {
		left: 572px;
		top: 0px;
		position: absolute;
	 	width: 237px;
		padding: 22px;
		font: 1.2em/2.4em 'lucida grande', sans-serif;
		color: #a75d39;
	}
	#home-left-in1 {
		padding: 0 0 32px 22px;
		width: 240px;
		margin-bottom: 24px;
		}
	#home-left-in2 {
		float: right;
		width: 245px;
		padding: 0 22px 32px 0;
		}



#inside-wrap {
  	position: relative; 
 	margin: 33px 0 0 0;
	width: 851px;
  	background: #FFF url(/img/div-back.gif) repeat-y;
  	border-bottom: 1px solid #2C261E;
  	min-height: 500px;
  	z-index: 5;
}
#inside-wrap-wide {
  	position: relative; 
 	margin: 33px 0 0 0;
 	padding: 33px;
	width: 785px;
  	background: #FFF;
  	border-bottom: 1px solid #2C261E;
  	min-height: 500px;
  	z-index: 5;
}

	#left {
	 	width: 521px;
		padding: 25px;
		font: 1.2em/1.6em 'lucida grande', sans-serif;
		color: #555;
	}
	#left p { padding-bottom: .4em; }
	#right {
		left: 572px;
		top: 0;
		position: absolute;
	 	width: 227px;
		padding: 25px;
		font: 1em/2em 'lucida grande', sans-serif;
		color: #a75d39;
	}

#foot {
	margin: 20px 0;
  	width: 830px;
  	color: #97948f;
	font-size: 9px;
	text-align:left;
 	font: normal .9em/1em 'lucida grande', sans-serif;
}
	#foot a {  color:#97948f; }
	#foot ul { list-style: none;}
#foot ul li {
	padding: 0 0 0 20px;
 	display: inline;
	}
 

#foot-right {
	float:right;
 	font-weight: normal;
	text-align: right;
	line-height: 1.4em;
	}
#foot-right a { color: #97948f; }

#designcredit { 
	font-size: 9px;
	color: #FFF;
 
	}
#designcredit a { 	color: #FFF; }
	
	
	 

  /* home page elements
----------------------------------------------------------------------------*/
 
 

.dropcap {
	float:left;
	color:#D4D4C7;
	font-size:50px;
	line-height:30px;
	padding-top:2px;
}


 
.arrows ul {
	list-style: none;
	margin: .5em 0 1em 0;
	padding-left: 10px;
	}
.arrows ul li {
	padding: 0 0 4px 18px;
	line-height: 1.4em;
	background: url('/img/star.gif') no-repeat 0 2px;
	}
 

a.button {
    background: transparent url('/img/button-span-b.gif') no-repeat scroll top right;
    color: #FFF;
    display: block;
    float: left;
    font: normal 12px arial, sans-serif;
    height: 24px;
    margin-right: 6px;
    padding-right: 18px; /* sliding doors padding */
    text-decoration: none;
}

a.button span {
    background: transparent url('/img/button-span-a.gif') no-repeat;
    display: block;
    line-height: 14px;
    padding: 5px 0 5px 18px;
} 
a.button:active {
    background-position: bottom right;
    color: #FFF;
    outline: none; /* hide dotted outline in Firefox */
}

a.button:active span {
    background-position: bottom left;
    padding: 6px 0 4px 18px; /* push text down 1px */
} 


/*sub nav ----------------------------------------------------------------------------*/
/* nav menu
----------------------------------------------------------------------------*/
#nav {
	height: 33px;
	width: 848px;
	position: absolute; 
	z-index: 1000;
	top: 147px;
	left: 5px;
}

#navigation-primary {
	}

	#navigation-primary ul {
		width: 900px;
		list-style: none;
		}

	#navigation-primary li {
		float: left;
		height: 33px;
		position: relative;
				}

	#navigation-primary a {
		display: block;
		height: 33px;
		text-indent: -3000px; 
		overflow: hidden;		 
		}

	#navigation-primary a:hover {
		background-position: 0 -33px;		 
		}

		#nav-home a {
			width: 142px;
			background: transparent url(/img/home.gif) no-repeat;
			}
		#nav-about a {
			width: 142px;
			background: transparent url(/img/about.gif) no-repeat;
			}
		#nav-sermons a {
			width: 142px;
			background: transparent url(/img/sermons.gif) no-repeat;
			}
		#nav-gallery a {
			width: 142px;
			background: transparent url(/img/gallery.gif) no-repeat;
			}		
 		#nav-news a {
			width: 142px;
			background: transparent url(/img/news.gif) no-repeat;
			}
 		#nav-contact a {
			width: 142px;
			background: transparent url(/img/contact.gif) no-repeat;
			}

	#navigation-primary li ul li {
		height: auto;
		}

	#navigation-primary li ul li a {
		display: block;
		height: auto;
		padding: 4px 15px;
		background: transparent; 
		color: #fff;
		text-indent: 0;
		text-decoration: none;
		border-bottom:1px solid #4A4A4A; /*darker*/
		border-top:1px solid #BABABA;
		position: relative;
		width: 150px;
		font: normal 13px/22px 'lucida grande', arial, sans-serif;
		text-align:left;
		}

	#navigation-primary li ul a:hover {
		color:#FFF;
		background:#8E180A;
		}

	#navigation-primary li ul {
		position: absolute;
		left: -3000px;
		width: 180px;
		background: #565656;
		padding: 0;
		z-index: 200000;
		}

	#navigation-primary li:hover ul, #navigation-primary li.sfhover ul {
		left: auto;
		}
 
body#home #nav-home	a,
body#about #nav-about a,
body#sermons #nav-sermons a,
body#gallery #nav-gallery a,
body#news #nav-news a,
body#contact #nav-contact a
{background-position: 0 -33px;}






 
 

/* contact form  
----------------------------------------------------------------------------*/
#contactInfo {list-style:none; margin-left:0;}

.contactForm  {margin:15px 0;border:none; background:transparent; padding:10px;}
.contactForm fieldset { border: none; }
.contactForm legend { padding:0 10px; margin-left:20px;color:#b4de73;}
.contactForm ul { margin:0;  list-style:none;}
.contactForm ul li {clear:both; background:none; }
.contactForm ul label { display:block; float:left; width:230px; padding:3px 0;}
.contactForm .txtField  {display:block; float:left; padding:3px; width:260px; margin:5px 0 7px 0;font: 1em "Lucida Sans Unicode", Verdana, Arial, Helvetica, sans-serif;color:#666;border:2px solid #DCD0BF;outline:none;}
.contactForm .txtField:hover, .txtField:focus, .txtField:active { border-color:#B5AB9D; background:#F3EFE9;}
.contactForm em {font-size:0.9em; color:#666; font-style:normal;}
.contactForm .send { width:174px; height:35px; background:url(/img/send-button.gif) no-repeat; padding-bottom:14px; text-align:center; border:none; margin:15px 0 0px 0; border:none;color: #c2f671;font: 1em "Lucida Sans Unicode", Verdana, Arial, Helvetica, sans-serif; font-weight:bold; margin-left:210px; color:#FFFFFF;   }
.contactForm .send:hover {cursor:pointer; color:#f8ff84;}
.contactForm.request fieldset {border:1px #5b8a10 solid; padding:5px;}
.contactForm fieldset.extra {margin-top:15px;}
.contactForm .file {display:block; float:left; padding:3px; width:260px; margin:5px 0 7px 0;font: 1em "Lucida Sans Unicode", Verdana, Arial, Helvetica, sans-serif;}
.contactForm .radio {display: inline; }

/*form errors*/
.error {border-top:#7dce01 1px solid; border-bottom:#7dce01 1px solid; background:#6bb000; padding:10px; margin-bottom:10px; text-align:center; color:#f1ffdb; }

/*captcha */
.captcha { float:left; margin-top:5px;}
.captcha img {border:#7dce01 2px solid; margint-top:0; float:left;}
.captcha input { 
margin:0 0 12px 0;
font: 1em "Lucida Sans Unicode", Verdana, Arial, Helvetica, sans-serif;
color:#666;
border:2px solid #DCD0BF;
outline:none;padding:3px; 
width:90px;
 
}
 
ol {margin-left: 2em;}
 
#myBook dt img {
	float: left;
	margin: 2px 10px 0 0;
	padding: 2px;
	display: block;
	border: 1px solid #ddd0b9;
	background: #fff;
	}

#myBook dt a:hover img {
	border-color: #BFB199;
	}

#myBook dt {
	margin-bottom: 8px;
	}

#myBook dd {
	margin: 0 0 3px 0;
	}
 

/* ---( specials )----------------------------------- */

.blog-box {
	min-height: 510px;
}

.entry ul, .blogentries ul {
	list-style: none;
	margin: .5em 0 1em 0;
	padding-left: 40px;
	}
.entry ul li, .blogentries ul li {
	padding: 0 0 4px 16px;
	line-height: 1.6em;
	background: url(/images/bullet.gif) no-repeat 0 4px;
	}

.blue { color:#006494; }

.orange { color:#c63; }

.line { border-bottom: 1px #ddd0b9 solid; }
 

#sermontable {
	padding: 0;	margin: 0;
	width: 100%;
	border-collapse: collapse;
	font: 1em/1.1em 'lucida grande',tahoma,sans-serif;
}

	#sermontable td {	
		padding: 3px;
		margin: 0;
		font-size: .8em; 
	 }
	#sermontable td:first-child {
	width: 290px;
	}
	td+td {
	border-left: 1px solid #CCC;
	text-align: center;
	}
 
	.blackbg { background:#216E75; color: #FFF; border-top: 1px solid #FB7A31; }
	.whitebg { background: #FFF; }
	.greybg {background: #DDF8FB; }
	
	.sermon-title { }
	.sermon-text {text-align: center;}
	.sermon-date {text-align: center;}
	.download-link {width: 20px;text-align: center;}
	
.sermon-tag {
	font: bold .9em 'lucida grande',tahoma,sans-serif;
	color: #555;
	}
.sermon-tag2 {
	color: #A75D39;
	letter-spacing: 1px;	
	text-transform: uppercase;
	font-weight: normal; 
	}

	.staff { 
	width: 8em;
	height: 12em;
	margin-right: 1em;
	float: left;
	}
	.staff-name { 
	font: .9em 'lucida grande',tahoma,sans-serif;
	text-transform: uppercase;   
	color: #a75d39; 
	margin: 0; padding: 0; 
	} 
	.staff-title { 
	font: .8em 'lucida grande',tahoma,sans-serif;
	font-style: italic;  
	color: #555; 
	margin: 0; padding: 0; 
	} 


.news-box {
margin-top: 5px;
padding: 0 5px 5px 5px;
border: 1px solid #ccc;
background: #F9F8F2;
color: #333;
font: 1em/1.4 Georgia;
text-align: left; 
}

.date {
font-size: 120%;
background: transparent;
color: #000;
}

.title {
font-size: 130%;
font-weight: normal;
background: transparent;
color: #184F55;
border-bottom: 1px solid #ddd;
}

.posted {
margin-bottom: 10px;
font: 10px lucida grande, verdana, arial, helvetica, sans-serif;
background: transparent;
color: #666;
}

.sidetitle {
margin: 18px 0 7px 0;
font-size: 115%;
letter-spacing: 0.09em;
font-weight: normal;
background: transparent;
color: #666600;
border-bottom: 1px dotted #ccc;
}

.spacer {
clear: both;
}

.paginate {
 font-family:		Verdana, Geneva, Tahoma, Trebuchet MS, Arial, Sans-serif;
 font-size:			12px;
 font-weight: 		normal;
 letter-spacing:	.1em;
 padding:			10px 6px 10px 4px;
 margin:			0;
 background-color:	transparent;
}

.pagecount {
 font-family:		Verdana, Geneva, Tahoma, Trebuchet MS, Arial, Sans-serif;
 font-size:			10px;
 color:				#666;
 font-weight:		normal;
 background-color: transparent;
}





#TB_window {
	font: 12px Arial, Helvetica, sans-serif;
	color: #333333;
}

#TB_secondLine {
	font: 10px Arial, Helvetica, sans-serif;
	color:#666666;
}

#TB_window a:link {color: #666666;}
#TB_window a:visited {color: #666666;}
#TB_window a:hover {color: #000;}
#TB_window a:active {color: #666666;}
#TB_window a:focus{color: #666666;}

/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> thickbox settings <<<-----------------------------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
#TB_overlay {
	position: fixed;
	z-index:100;
	top: 0px;
	left: 0px;
	height:100%;
	width:100%;
}

.TB_overlayMacFFBGHack {background: url(/img/macFFBgHack.png) repeat;}
.TB_overlayBG {
	background-color:#000;
	filter:alpha(opacity=75);
	-moz-opacity: 0.75;
	opacity: 0.75;
}

* html #TB_overlay { /* ie6 hack */
     position: absolute;
     height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}

#TB_window {
	position: fixed;
	background: #ffffff;
	z-index: 102;
	color:#000000;
	display:none;
	border: 4px solid #525252;
	text-align:left;
	top:50%;
	left:50%;
}

* html #TB_window { /* ie6 hack */
position: absolute;
margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}

#TB_window img#TB_Image {
	display:block;
	margin: 15px 0 0 15px;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	border-top: 1px solid #666;
	border-left: 1px solid #666;
}

#TB_caption{
	height:25px;
	padding:7px 30px 10px 25px;
	float:left;
}

#TB_closeWindow{
	height:25px;
	padding:11px 25px 10px 0;
	float:right;
}

#TB_closeAjaxWindow{
	padding:7px 10px 5px 0;
	margin-bottom:1px;
	text-align:right;
	float:right;
}

#TB_ajaxWindowTitle{
	float:left;
	padding:7px 0 5px 10px;
	margin-bottom:1px;
}

#TB_title{
	background-color:#e8e8e8;
	height:27px;
}

#TB_ajaxContent{
	clear:both;
	padding:2px 15px 15px 15px;
	overflow:auto;
	text-align:left;
	line-height:1.4em;
}

#TB_ajaxContent.TB_modal{
	padding:15px;
}

#TB_ajaxContent p{
	padding:5px 0px 5px 0px;
}

#TB_load{
	position: fixed;
	display:none;
	height:13px;
	width:208px;
	z-index:103;
	top: 50%;
	left: 50%;
	margin: -6px 0 0 -104px; /* -height/2 0 0 -width/2 */
}

* html #TB_load { /* ie6 hack */
position: absolute;
margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}

#TB_HideSelect{
	z-index:99;
	position:fixed;
	top: 0;
	left: 0;
	background-color:#fff;
	border:none;
	filter:alpha(opacity=0);
	-moz-opacity: 0;
	opacity: 0;
	height:100%;
	width:100%;
}

* html #TB_HideSelect { /* ie6 hack */
     position: absolute;
     height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}

#TB_iframeContent{
	clear:both;
	border:none;
	margin-bottom:-1px;
	margin-top:1px;
	_margin-bottom:1px;
}




.pix-title { 
	font: 1em/1.1em 'lucida grande',tahoma,sans-serif;
}

.border-lg {
	padding: 6px;
	border-color: #DDD;
	border-style: solid;
	border-width: 1px;
}