@charset "UTF-8";
/* CSS Document */

.hidden{
	display:none;
}


body {
	background-image:url(/wp-content/themes/hpbc/images/background.jpg);
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#27221E;
	margin:0px;
}


h1 {
	font-family:Arial, Helvetica, sans-serif;
	font-weight:400;
	margin:0;
	padding:0px 0 2px 0; 
	color:#27221E;
	font-size:22px;
} 

h2 {
	font-family:Arial, Helvetica, sans-serif;
	margin:0;
	padding:0px;
	color:#4E8691;
	font-size:14px;
}
 
a {
	font-family:Arial, Helvetica, sans-serif;
	color:#4E8691;
	text-decoration:none;
	background-color: transparent;
	}
	
a img{
	border:1px black solid;
	}
	
a:hover {
	color:#C60;
	text-decoration:none;
	}
	
#header {
	height:110px;
	width:auto;
	background-image:url(/wp-content/themes/hpbc/images/header_background.jpg);
	background-repeat:repeat;
	text-align:center;
	}
	
#tab{
	width:315px;
	height:48px;
	padding:0px;
	position:absolute;
	top:-7px;
	left:50%;
	margin-left:140px;
	z-index:1;
	background-image:url(/wp-content/themes/hpbc/images/tab.png);
}

#searchbar{
	width:160px;
	height:17px;
	float:left;
	display:block;
}

#searchbar_img{
	border:0;
	float:left;
}

#searchbar_text{
	width:150px;
	height:17px;
	padding:10px 8px 8px 8px;
	position:absolute;
	top:2px;
	left:50%;
	margin-left:153px;
	z-index:10;
}

#searchsubmit {
	background:url(/wp-content/themes/hpbc/images/search.png) no-repeat;
	width:30px; 
	border:0;
	position:absolute; 
	top:6px; 
	left:50%; 
	margin-left:420px; 
	z-index:12
	}


#searchbar_text a{
	font-size:12px;
	color:#FFF;
	margin-right:8px;
}

#searchbar_text a:hover{
	color:#27221E;
}
	

#searchbar{
	width:170px;
	height:22px;
	padding:4px 8px 8px 0px;
	position:absolute;
	top:0px;
	left:50%;
	margin-left:270px;
	z-index:10;
}

search_field{
	position:absolute;
	top:0px;
	left:50%;
	margin-left:270px;
	z-index:12;
}

#header_logo {
	width:312px;
	height:79px;
	background-image:url(/wp-content/themes/hpbc/images/logo.png);
	position:absolute;
	top:18px;
	left:50%;
	margin-left:-450px;
	z-index:10;
}
	
#container_top {
	height:20px;
	width:900px;
	margin:0 auto 0 auto;
	background-image:url(/wp-content/themes/hpbc/images/round_top.png);
	}
	
#container_top_white {
	height:20px;
	width:900px;
	margin:0 auto 0 auto;
	background-image:url(/wp-content/themes/hpbc/images/round_top_w.png);
	float:left;
	display:block;
	}
	
#center_container{
	width:900px;
	height:auto;
	margin:auto;
	text-align:center;
	}
	
#container {
	width:900px;
	background-image:url(/wp-content/themes/hpbc/images/body_background.jpg);
	float:left;
	margin: auto; 
	text-align:left;
	}
	
#container_white {
	width:860px;
	background-color:#FFFFFF;
	float:left;
	margin: auto; 
	text-align:left;
	padding:0 20px 0 20px;
	}
	
#container_tan {
	width:860px;
	background-color:#F1EADF;
	float:left;
	margin: auto; 
	text-align:left;
	padding:10px 20px 10px 20px;
	}	
	
#container_tan img{
	float:left;
	}

#welcome{
	width:440px;
	float:left;
	font-size:15px;
	}
	
#e-news{
	width:200px;
	float:left;
	padding-left:30px;
	}
	
#main_event{
	width:620px;
	float:left;
	padding-bottom:20px;
	}
	
#event{
	width:620px;
	float:left;
	padding-bottom:20px;
	}
	
#event_photo{
	width:210px;
	height:100px;
	overflow:hidden;
	float:left;
	margin-right:20px;
	display:block;
	}
	
#event_text{
	width:390px;
	float:left;
	}
	
#calendar_description{
	width:430px;
	height:auto;
	float:left;
	margin-right:20px;
	display:block;
	}

#calendar_image{
	width:225px;
	height:auto;
	display:block;
	float:left;
	margin-right:20px;
	}
	
#upperright{
	width:200px;
	position:absolute;
	top:175px;
	left:50%;
	margin-left:220px;
	z-index:10;
	text-align:left;
	}
	
#upperright_form{
	width:200px;
	position:absolute;
	top:518px;
	left:50%;
	margin-left:220px;
	z-index:10;
	text-align:left;
	}
	
#lowerleft{
	width:855px;
	float:left;
	}
	
#lowerright{
	float:right;
	width: 210px;
	margin-top:-110px;
	}
	
#mainbox {
	background-color:#FFF;
	width:620px;
	height:auto;
	float:left;
	padding:0px 20px 0px 20px; 
	text-align:left;
	}

#left{
	width:300px;
	margin:20px 20px 0 0;
	float:left;
}

#right{
	width:300px;
	float:left;
	margin:20px 0 0 0;
}

.gal-caption {
	background-image: url(http://www.tesslorraine.com/lovebirds/images/macFFBgHack.png);
	font-family: arial;
	font-size: 12px;
	text-align: center;
	height: 18px;
	width: 302px;
	margin-top: -23px;
	padding-top:4px;
	position: relative;
	color:#FFFFFF;
}


#footer {
	height:20px;
	width:900px;
	background-image:url(/wp-content/themes/hpbc/images/round_bottom.png);
	background-repeat:no-repeat;
	float:left;
}

#footer_white {
	height:20px;
	width:900px;
	background-image:url(/wp-content/themes/hpbc/images/round_bottom_w.png);
	background-repeat:no-repeat;
	float:left;
}


#container_bottom{
	height:50px;
	display:block;
	float:left;
	margin-top:0px;
	padding:15px 0 15px 0;
	width:100%;
	text-align:center;
	color:#FFFFFF;
	font-size:10px;
}

#container_bottom a{
	font-size:12px;
	color:#FFF;
}

#container_bottom a:hover{
	color:#27221E;
}

#container_bottom img{
	margin-bottom:5px;
}

#container_bottom a.margin{
	margin:6px 6px 0px 6px;
}

#contactleft{
	width:375px;
	float:left;
}
	
#contactright{
	width:245px;
	float:left;
}

/* Navigation */

#topbar {
	height:30px;
	background-image:url(/wp-content/themes/hpbc/images/navbar_shadow.png);
	}
	
#navigation {
	width:902px;
	margin:auto;
	}
#navigation a {
	background-color: transparent;
}	
/*#navigation ul {
	list-style:none;
	margin:0px;
	padding:0px;
	}
	
#navigation ul li {
	float:left;
	display:block;
	height:30px;
	width:148px;
	text-align:center;
	font-size:15px;
	font-weight:lighter;
	}
	
#navigation ul li a {
	width:148px;
	height:30px;
	padding-top:6px;
	display:block;
	text-decoration:none;
	color:#FFF;
	font-weight:lighter;
	float:left;
	}
		
#navigation ul li a:hover {
	background-image:url(/wp-content/themes/hpbc/images/navbar_shadow2.png);
	height:24px;
	}
*/	
	
.nav_divider1 {
	width:1px;
	height:30px;
	margin:0px;
	background-color:#482707;
	float:left;
	display:block;
	}
	
.nav_divider2 {
	width:1px;
	height:30px;
	margin:0px;
	background-color:#5d4e38;
	float:left;
	display:block;
	}


/*sub-nav*/


#subnav_container{
	width:900px;
	height:25px;
	display:block;
	overflow:hidden;
	margin:auto;
	background-color: transparent;
}

#delayed-drops .nav-item .drops {
	position: absolute;
	z-index: 100;
	display: none;
}

#delayed-drops .nav-item:hover .drops, #delayed-drops .nav-item.show .drops {
	display: inline-block;
	float:left;
}
#delayed-drops .nav-item.with-js .drops {
	display: none !important;
}

.nav-item {
	width:148px;
	height:30px;
	display: inline-block;
	text-decoration:none;
	color:#FFF;
	font-weight:lighter;
	float:left;
	background-image:url(/wp-content/themes/hpbc/images/navbar_shadow.png);
	}
	
.nav-item:hover {
	background-image:url(/wp-content/themes/hpbc/images/navbar_shadow2.png);
}

.drops a {
	color: #FFFFFF;
	display: inline-block;
	padding: 5px 7px;
	height: 15px;
	clear: both;
	background: transparent;
}

.drops a:hover {
	color: #27221E;
	background: transparent;
}

/*sidebar*/

#sidebar {
	width:199px;
	margin:0px;
	padding:0px 20px 20px 20px;
	float:left;
	background-repeat:repeat;
	}

	
#sidebar_title{
	width:240px;
	height:30px;
	float:left;
	margin-top:15px;
}

#sidebar_title.nomargin{
	margin:0px;
}

#sidebar hr {
	display:block;
	float:left;
	width:200px;
	margin:0;
	}
	
#quick_nav{
	width:99px;
	margin:3px 0 15px 0;
	float:left;
	display:block;
	font-size:14px;
	}

#quick_nav img{
	margin-right:5px;
	margin-top:0px;
	vertical-align:middle;
	border:0;
	}

#sermon{
	width:570px;
	height:auto;
	display:block;
	float:left;
	margin-top:10px;
	margin-right:20px;
}	

#sermon_description{
	width:430px;
	height:auto;
	float:left;
	margin-right:20px;
	display:block;
}

#sermon_icons{
	width:120px;
	height:auto;
	display:block;
	float:left;
}

#sermon_icons img{
	border:none;
}

#delayed-drops .nav-item .drops {
	position: absolute;
	z-index: 100;
	display: none;
	background: transparent;
}
#delayed-drops .nav-item:hover .drops, #delayed-drops .nav-item.show .drops {
	display: block;
}
#delayed-drops .nav-item.with-js .drops {
	display: none !important;
}

.nav-item {
	display: inline-block;
}
.nav-top {
	color: #ffffff;
	width: 138px;
	height: 24px;
	text-align: center;
	display: block;
	padding-top: 6px;
	font-size: 14px;
}

.nav-top:hover {
	color: #ffffff;
}

#nav-sub-container {
	width: 900px;
	height: 25px;
	margin: 0 auto;
	display: block;
	clear: both;
	background-color: transparent;
}

#photos img{
	border:none;
	}