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

/* elements start */
body 
{
	background-color:#fff;
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 0.7em;
	text-align: center;
	line-height: 1.7em;
	color:#666;
	padding: 0;
	margin: 0;
  	 /* include for roll in IE */
}



	
h2 
{
	font-family: "Lucida Grande", "Lucida Sans Unicode", sans-serif;
	font-size:1.8em;
	font-weight:normal;
	text-transform:uppercase;
	letter-spacing:0.025em;
	color:#666666;
	margin:10px 0;
}

div#content_area a, div#content_area a:link, div#content_area a:visited, #footer a, #footerbox a {color:#04add9;}
div#content_area a:hover, div#footer a:hover, #footerbox a:hover {color:#d3df4e;}

/* elements end */
	
	/* layout elements */
	div#wrapper
	{
		width:1100px;
        margin-left:auto;
        margin-right:auto;
		overflow:hidden;
	}
		div#header .left {width:846px; float:left;}
		div#header .right {width:155px; margin-top:8px; float:left;}
		
		div#header h2
		{
			margin:0;
			padding:0;
			width:100%;
			height:119px;
			background:url(../images/layout/bg_header.jpg) no-repeat;
			text-indent:-999em;
			overflow:hidden;
			float:left;
		}
		
		.search_input 
		{
			background:url(../images/layout/bg_search.gif) no-repeat;
			width:109px;
			height:19px;
			border:none;
			float:left;
			color:#fff;
			padding:8px 0 0 6px;
			margin:0 0 0 13px;
			font-weight:bold;
			font-size:1.1em;
			
		}
		.search_button 
		{
			padding:0;
			margin:0;
			height:22px;
		}
	
		
	div#nav 
	{
		clear:both;
		margin: 0;
		padding:0 0 0 60px;
	 	background:#d3df4e url(../images/layout/bg_menu.gif) no-repeat right;
width:899px;
float:left;
	}
		div#nav ul 
		{
			margin: 0; 
			padding: 0; 
		}
			div#nav li 
			{
				position: relative; 
				list-style: none; 
				margin: 0;
				float: left;
				line-height: 1em;
			}
			div#nav li:hover 
			{
				margin:0px;			
			}
				div#nav li.submenu 
				{
					/* background: url(dropmenu.gif) 95% 50% no-repeat; */
				}
				div#nav li.submenu:hover
				{
					background-color:#00a3e0;
					color:#fff;
				}
				div#nav li.submenu:hover a /* all links sub hover */
				{
					background-color:#00a3e0;
					color:#fff;
					margin:0px;	
				}
				div#nav li.submenu:hover li a:hover /* sub menu on roll over*/
				{
					background-color:#d3df4e;
					color:#014960; 
				}
				
		div#nav ul li a 
		{
			display: block; 
			padding: 7px 20px;
			text-decoration: none; 
			font-size:1.1em;
			font-weight:bold;
			color:#014960;
		}
		
		div#nav ul li.submenu a:hover
		{
			background-color:#00a3e0;
			color:#fff; 
		}
		
			div#nav ul ul li a 
			{
				display: block; 
				padding: 7px 20px;
				text-decoration: none; 
				font-size:1.1em;
				font-weight:bold;
				color:#fff;
				background-color:#00a3e0;
			}
			
			div#nav ul ul li a:hover
			{
				background-color:#d3df4e;
				color:#014960; 
			}
		
	div#nav>ul a 
	{
		width: auto;
	}
		div#nav ul ul 
		{
			position: absolute; 
			display: none;
			
			text-align:left;
		}
			div#nav ul ul li 
			{
				border-top: 1px solid #fff;
				width:210px;
			}
		div#nav li.submenu li.submenu 
		{
			/* background: url(submenu.gif) 95% 50% no-repeat; */
		}
		
		/* STYLE FOR 3RD ROLLOUT, not used here
		div#nav li.submenu li.submenu:hover 
		{
			background-color: #EDD;
		}
		*/

		div#nav ul.level1 li.submenu:hover ul.level2, 
		div#nav ul.level2 li.submenu:hover ul.level3 
		{
			display:block;
		}
			div#nav ul.level2 
			{
				/* top: 1.5em; 
				left: -1px; */
			}
				/* POSITION FOR 3RD ROLLOUT, not used here
				div#nav ul.level3 
				{
				
					top: -1px; 
					left: 7em;
					border-top: 1px solid #CCC;
				
				}
				*/
		
		
		
		
	
				
	
	/* logo replacement start */
	div#header h1  a {
		margin:0;
		padding:0;
		background: url(../images/layout/logo_dhbc.gif) no-repeat;
		width:153px;
		height:84px;
		text-indent:-999em;
		overflow:hidden;
		float:right;
	}
	
	div#header h1  a:hover {
		background: url(../images/layout/logo_dhbc.gif) no-repeat;
	}
	
	
	#contact-icon {
		float:right;
		background: url(../images/layout/contact.gif) no-repeat;
		width:108px;
		height:27px;
		text-indent:-999em;
		overflow:hidden;
position:relative;
margin-left:-110px;
margin-top:8px;
z-index:2000;
	}
	
	/* logo replacement end */	
	
	div#content_area 
	{
		margin:45px 0 0px 20px;
		text-align:left;
		float:left;
	}
		div#content_area .left {width:539px; float:left;}
		div#content_area .right {width:440px; float:left; margin-left:40px;}
		
		div#content_area ul
		{
			list-style:url(../images/layout/bullet.gif) inside;
			margin-bottom:15px;
		}
		
		div#content_area .left hr 
		{
			background:url(../images/layout/bg_hr.jpg) no-repeat;
			height:11px;
			color:#fff;
			border:none;
			margin:30px 0 30px 0;
		}
		
		div#content_area .right div 
		{
			background:#dfefff url(../images/layout/bg_rightside.gif) no-repeat right top;
			overflow:hidden;
			margin-top:30px;
			padding:25px 25px 0 25px;
		}
		div#content_area .right div hr 
		{
			float:left;
			width:355px;
			border:none;
			border-top:1px solid #ccc;
			border-collapse:collapse;
			margin:0 0 15px 0;
			padding:0;
		}
	
		div#content_area .right a.twitter, 
		div#content_area .right a.twitter:link
		{	
			float:right;
			border:none;
			margin:0 40px 0 0;
			background:url(../images/layout/logo_twitter.gif) no-repeat;
			padding:0;
			text-indent:-999em;
			width:34px;
			height:34px;
			overflow:hidden;	
		}
		div#content_area .right a.twitter:hover
		{
		background:url(../images/layout/logo_twitter_over.gif) no-repeat	
		}
		
		div#content_area .right div h2
		{
			margin:0 0 5px 0;	
		}
		div#content_area p {
			padding-bottom:10px;
		}
		div#content_area .right div p
		{
			font-size:1.2em;
			margin-bottom:15px;
		}
		div#content_area .right div div 
		{
			background:none;
			padding:0;
			margin:20px 0;
			width:330px;
		}
		div#content_area .right div div p
		{
			font-size:1.1em;
			margin:0px;	
		}
		div#content_area .right div div p.added
		{
			font-style:italic;
			color:#999;
			font-size:1em;
		}
		div#content_area .right div div a, 
		div#content_area .right div div a:link
		{
			text-decoration:none;
		}
		
	div#content_area div.left .twocolumn {
			float:left;
			width:230px;
			margin-right:20px;
		}
		
		.clearfloat {
			clear:both;
		}
		
	div#content_area div.left .twocolumn a{
		display: block;
	}
		
	div#content_area .right	#subcontent {
		background:#eeeeee;
		padding-bottom:20px;
	}
		
div#content_area table {
	padding:5px;
}

div#content_area table th {
	background-color:#ebf5ff;
	line-height:11px;
	padding:5px;
}

div#content_area table tr {
	background-color:#eeeeee;
}

div#content_area table td {
	border-left:1px solid #fff;
	padding:5px;
}
	
	div#footer 
	{
		width:960px; 
		float:left;
		background: #fff url(../images/layout/bg_footer.jpg) no-repeat;
		margin:30px 0 0 0;
		padding:60px 0 40px 40px;
		text-align:left;
	}

#footer ul li {
	display:inline;
	background:url(../images/footer_bullet.gif) center left no-repeat;
	padding-left:15px;
	margin-right:5px;
}

#footer .quicklinks {
	float:left;
	width:600px;
	margin-bottom:20px;
}

#footerbox {
    background-color:#eee;
    margin-top:20px;
    padding:30px;
    clear:both;
	text-align:left;
}

#filtercontent{
	background-color: #EEE;
	padding: 10px;
	margin: 10px 0;
}
#filtercontent h2{
	font-size:1.1em;
	float: left;
	margin: 0px;
	padding-right: 10px;
}
#exstory {
	padding:10px;
	background-color: #eee;
	width: 520px;
	margin-bottom:20px;
}
#exstory a{
	font-size:1.2em;
}


#footer p {
	clear:both;
}
.story{
	width:400px;
	height:200px;
}
#exnewslettersign{
	background-color: #ffffff !important;
	background-image: none !important;
}
div#exnewslettersign label{
	display: block;
}
div#exnewslettersign input{
	border: 3px solid #CEEFF8;
	padding:3px;
	font-size:14px;
	width:160px;
	color: #666;
}
div#excommentform input.exsubmit, #exnewslettersign input.exsubmit {
	width: 80px;
	padding: 6px;
	background-color: #0DB0DB;
	color: #fff;
	margin: 0;
	font-size:default;
}
#map{
	background-image: url('/images/DHBC-Map.gif');
	background-repeat: no-repeat;
	padding:245px 140px 20px 20px;
	background-color: #00aedb;
	color: #fff;
	margin-bottom: 30px;
}
#map h3{
	font-size: 18px;
}
#map a{
	 color: #aaed44 !important;
	
}
#map p{
	font-size:12px;
}
#bigdayentry h3{
	padding-top: 10px;
	font-size: 16px;
}
#bigdayentry h3 a{
	text-decoration: none;
	
}
#bigdayentry p{
	font-size: 12px;
}