/**************************************************************
 * Filename: style.css
 * Description: Primary style sheet for EDC Wayne County Web site.
 * Author: Shaun Lieberman
 * Company: Huffine Design, Inc.
 * Created: 7/17/2009
 **************************************************************/
html {background: #fefaca;}
body {margin: 0; color: #222; font: 14px/1.6em Arial, Helvetica, sans-serif;}

a {}
a:link {color: #0067AC; text-decoration: underline;}
a:visited {color: #4d95c5; text-decoration: none;}
a:hover {color: #f15d22; text-decoration: underline;}
a:focus {outline: none;}

a img {border: none;}

table {
	font-size: 0.93em;
	letter-spacing: -0.5px;
	border: none;
	margin-top:3px;
}
th {background: #1976b4 url(../images/th-bg.gif) repeat-x top left; color: white; border-width: 1px 2px; border-color: #1976b4;}
td {background: #fff7ec url(../images/td-bg.gif) repeat-x top left; border-color: #ffeed9; border-width: 1px;}

table.nostyle th, table.nostyle td {background: transparent none; color: inherit; border: none;}

h1, h2, h3, h4, h5, h6 { color: #f15d22; line-height: 1.2em;}
h1 {color: #ffcb05; margin-bottom: .5em; margin-top: 0;}
h2 {color: #fefaca; font-size: .8em; font-style: italic; margin-top: 0;}
h4, #ct h1, #ct h2, #ct h3,  #wide h3.layout {font-size: 1.55em; color: #0067AC; font-style: normal;}
#ct h3 { margin-top:8px;}
h4 { margin-top:45px;}
h5 {font-size: 1.2em; margin-top:35px;}
.nomargin {margin-top:0;}
h6 {font-weight: bold; font-style: italic; color: #0067AC;}

#ct h3.layout, #wide h3.layout {font-size: 1.8em;}
h4.layout {font-size: 1em; line-height: inherit;}

ul li {list-style-image: url(../images/bullet1.gif);}
ul ul li{list-style-image: url(../images/bullet2.gif);}
ul ul ul li {list-style-image: url(../images/bullet1.gif);}
#ct li {padding-bottom:8px;}

#pg {
	width: 1024px;
	margin: 0 auto 0;
	border: 1px solid #ccc;
	border-bottom: none;
}

#hd {}
	#hd #banner {height: 150px; background: url(../images/header.jpg); position: relative;}
	#hd #banner.alt1 {background-position: left 150px;}
	#hd #banner.alt2 {background-position: left 300px;}
		#hd #banner a#logo {display: block; position: absolute; text-indent: -99999px; height: 115px; width: 275px; left: 45px; top: 20px;}
		#hd #banner #search {position: absolute; right: 10px; top: 55px; width: 200px; text-align: right;}
			#hd #banner #search #query-input {
				border-radius: 12px;
				-moz-border-radius: 12px;
				-webkit-border-radius: 12px;
				float: left;
				width: 140px;
				margin: 0 -60px 0 0;
				padding: 5px 55px 5px 5px;
				border: none;
			}
			#hd #banner #search #submit-input {
				color: #aaa; 
				width: 60px;
				border: none;
				padding: 5px 0;
				background: none;
			}
		
	#hd #nav {margin: 0; font-weight: 500; height: 31px; background-color:#F15D22; font-size:.95em; padding-left:30px;}
	#hd #nav li {list-style: none; position: relative; float: left; padding-top:5px;}
	#hd #nav li a {
		color: white;
		float: left;
		display:inline-block;
		overflow: hidden;
		text-decoration:none;
		height:26px;
	}
	#hd #nav li a {
		display:block;
	}
#hd #nav li a:hover, #pg.home #nav-item-home, #pg.site-selection #nav-item-selection, #pg.expand #nav-item-expand, #pg.business-clusters #nav-item-clusters, #pg.wayne-co #nav-item-wayne, #pg.news #nav-item-news, #pg.local #nav-item-local, #pg.about #nav-item-about {color:#F2CB05;}
		#nav-item-home {width: 65px; background-position: 0 -31px;}
		#nav-item-selection {width: 110px; background-position: -110px -31px;}
		#nav-item-expand {width: 154px; background-position: -222px -31px;}
		#nav-item-clusters {width: 138px; background-position: -376px -31px;}
		#nav-item-wayne {width: 172px; background-position: -514px -31px;}
		#nav-item-news {width: 128px; background-position: -686px -31px;}
		#nav-item-local {width: 98px; background-position: -814px -31px;}
		#nav-item-about {width: 112px; background-position: -912px -31px;}
		
		
	#hd #nav li ul.subnav {display: none;}
	#hd #nav li:hover ul.subnav {display: block;}
	#hd #nav ul.subnav {
		width: 200px;
		display: none; 
		position: absolute; 
		top: 31px; 
		left: 0; 
		margin: 0; 
		padding: 0; 
		list-style: none; 
		min-width: 135px; 
		background-color: #cce1ee; 
		border: solid 1px #0067ac;
		border-width: 0 1px 1px; 
		line-height: 1.3em; 
		color: #f15d22;
	}

	#hd #nav li.last ul.subnav {right: 0; left: auto;}
	#hd #nav ul.subnav li {float: none; list-style-image: none; list-style:none; padding: 0 10px; font-size: .95em;}
	#hd #nav ul.subnav li a {
		margin: 0 -10px;
		display: block; 
		color: #f15d22; 
		height: auto; 
		float: none; 
		background: none; 
		text-decoration: none; 
		padding: .3em 10px;
	}
	#hd #nav ul.subnav li a:hover {background-color: #f15d22; color: white; background-image: none;}
	#hd #nav ul.subnav li ul.subnav2 {margin: 0 -10px;}
	#hd #nav ul.subnav li ul.subnav2 li {font-size: .9em; margin-left: 30px; padding-left: 0; list-style-image: none; list-style-type: none;}
	#hd #nav ul.subnav li ul.subnav2 li a {margin-left: -30px; padding-left: 30px;}
#wide {	padding:25px; background-color:#FFFFFF;}
#bd {
	overflow: hidden;
	background-color: #0067ac;
	background-image: url(../images/bd-bg.gif);
	background-repeat: repeat-y;
	background-position: top right;
	width:1024px;
}
	#bd #sbl {
		width: 229px;
		float: left;
		overflow: hidden;
		padding: 35px 25px 50px 53px;
		color: #eee;
	}
		#bd #sbl a {color: white; text-decoration: none;}
		#bd #sbl a:hover {color: #f15d22;}
		#bd #sbl a.orange {color:#f15d22; text-decoration:underline;}
		#bd #sbl .subnav {margin: 0; font-size: .9em; line-height:1.3em;}
		#bd #sbl .subnav li {list-style: none; list-style-image: none; padding-bottom:.8em;}
		#bd #sbl .subnav li a {font-weight: bold;}
		#bd #sbl .subnav li .subnav2 {margin: 0 0 .1em 1em;}
		#bd #sbl .subnav li .subnav2 li {list-style: inside square;}
		#bd #sbl .subnav li .subnav2 li a {font-style: italic;}
		
	#bd #ct {
		float: left;
		width: 667px;
		padding: 25px 25px 25px;
		overflow: hidden;
	}
	
	#bd #sbr {
		float: right;
		width: 212px;
		padding: 0 0 25px 15px;
	}
		
		#bd #sbr #newsletter-subscribe, #bd #sbr #community-projects {
			margin-bottom: .5em; 
			padding: 10px; 
			background-color: #fefaca;
			border: 1px solid #ccc;
			border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;}
		#bd #sbr #newsletter-link, #bd #sbr #community-link {
			line-height: 1.1em;
			display: block;
			text-align: center;
			letter-spacing: -.5px;
			font-weight: bold;
		}
		#bd #sbr #newsletter-link:hover {
			text-decoration: none;
		}
		#bd #sbr #contact-person {
			background: url(../images/contact-bg.gif) no-repeat;
			padding: 7px;
			line-height: 1.2em;
			font-size: .9em;
			letter-spacing: -.5px;
			border: 1px solid #ccc;
			border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;
		}
		#bd #sbr #contact-person table {margin: -7px -7px .5em;}
		#bd #sbr #contact-person table td {border: none; vertical-align: bottom; text-align: left; padding: 7px;}
		#bd #sbr #contact-person .contact_for_more_info {color: #f15d22; font-weight: bold; text-transform: uppercase;}
		#bd #sbr #contact-person .contact_name {font-weight: bold;}
		#bd #sbr #contact-person .contact_title {font-style: italic; color: #333333; margin-bottom: 1em;}
		#bd #sbr #contact-person .contact_phone {}
		#bd #sbr #contact-person .contact_fax {}
		#bd #sbr #contact-person .contact_email {margin-bottom: 2em;}

#ft {
	background: #0067ac url(../images/bd-bg.gif) repeat-y top right;
}
	#back-to-top-link, #ft_wide #back-to-top-link {display: block; text-align: right; margin: 1em 0 3em; font-size: 1.2em;}
	#ft #ft-inner, #ft_wide #ft-inner {margin-left: 295px; padding: 10px 50px; font-size: .8em; line-height: 1.2em; color: #969696;}
	#ft #credits, #ft_wide #credits {background-color: #fcbb00; padding: 10px 50px 10px 308px; text-align: right; color: #ffffff; font-size: .8em; line-height: 1.2em;}
	
#ft_wide {
	background-color:#FFFFFF;
}
	
/** Homepage Items **/
#animation {overflow: hidden;}
#animation table {width: 1025px; margin: 0;}
#animation table td {height: 100px; width: 205px; padding: 0; margin: 0; border: none; overflow:hidden;}
body.home #sbl h1, body.home #sbl h2 {color: white; font-size: 1.1em; font-weight: bold; font-style: normal;}
#sbr #sbr-homepage {background-color: #e6e7e8; padding: 7px; line-height: 1.25em; font-size: .9em; border: 1px solid #ccc; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; margin-bottom: 2em;}
#sbr #sbr-homepage h4 {color: #f15d22;}
#sbr #sbr-homepage img {max-width: 202px;}
#sbr #weather {margin: 0 -11px;}
#sbr #time {font-size: .65em; margin-top: 2em; text-align: center; color: #0067AC;}
#sbr #time p {font-weight: bold; margin: 0;}
#sbr #time p span {font-weight: normal;}

#headlines {margin-bottom: 2em; padding: 10px; background-color: #fefaca; width: 408px;
			border: 1px solid #ccc;
			border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; }
	#headlines h1 {font-size: 1.5em; line-height: 1em;}
	#headlines .date {font-size: .9em; color: #aaa; font-style: italic;}
	#headlines ul {margin-right: 0;}
	#headlines li {line-height: 1.2em; margin-bottom: .5em;}
	body.home #sbl h1 {font-size: 1em; letter-spacing: -1px;}

.clear {clear: both;}
table.no-border td {border: none;}
.storycontent, .entry {
	margin-top:15px;
}