/*
	HOTPRESS FRAMEWORK
	Site:
	By:Steven Waller
	Created:
*/

/* Background
----------------------------------------------------------------------------------------------------*/
body{
	background:#cccccc url(images/bg-pattern.gif) repeat-x center top;
}
	#bg-footer{
		overflow:hidden;
		zoom:1;
		background:url(images/bg-footer.png) repeat-x center bottom;
		margin-bottom:70px;
	}
		#bg-shadow{
			overflow:hidden;
			zoom:1;
			background:url(images/bg-shadow.png) repeat-y center top;
		}
			#main-container{
				width:960px;
				margin:0 auto;
			}

/* Header
----------------------------------------------------------------------------------------------------*/
#header{
	overflow:hidden;
	zoom:1;
	display:block;
	height:257px;
	border-bottom:3px solid #fff;
}
	/* Logo
	----------------------------------------------------------------------------------------------------*/
	#logo{
		margin:0;
		float:left;
		position:absolute;
		z-index:100;
	}
		#logo a:link,
		#logo a:visited{
			display:block;
			width:253px;
			height:257px;
			background:url(images/logo.png) no-repeat left top;
			text-indent:-9999px;
		}
		#logo a:hover,
		#logo a:active{
			background-position:left bottom;
		}
		
	/* header top
	----------------------------------------------------------------------------------------------------*/
	#header-top{
		background-color:#0062a9;
		border-bottom:3px solid #fff;
		height:31px;
		display:block;
		overflow:hidden;
		padding-top:8px;
		position:relative;
	}
		#search{
			float:right;
			width:203px;
			overflow:hidden;
			margin-right:2px;
			margin-left:10px;
			display:inline;
		}
			#search-input{
				float:left;
				margin-top:-1px;
			}
				#search-input input{
					background:transparent url(images/search-input.gif) no-repeat center top;
					width:161px;
					height:19px;
					padding:3px 2px 0 8px;
					border:1px solid #0062a9;
					font-weight:bold;
				}
			#search-btn{
				float:left;
			}
		#utility-nav{
			float:right;
			overflow:hidden;
		}
			#utility-nav ul{
				margin:0;
			}
				#utility-nav li{
					list-style:none;
					padding:0 8px;
					float:left;
					display:inline;
				}
					#utility-nav a:link,
					#utility-nav a:visited{
						color:#fff;
						font-weight:bold;
						text-decoration:none;
						text-transform:lowercase;
					}
					#utility-nav a:hover,
					#utility-nav a:active{
						color:#fcca34;
					}
	/* Flash
	----------------------------------------------------------------------------------------------------*/
	#flash{
		float:right;
		width:730px;
		height:215px;
		overflow:hidden;
color:#ffffff;
	}
		#flash object{
			overflow:hidden;
		}
		#flash img{
			color:#ffffff;
		}
	
	
	/* Tagline
	----------------------------------------------------------------------------------------------------*/
	#tagline{
		margin:124px 0 0 60px;
		display:block;
		width:657px;
		height:59px;
		background:url(images/tagline.png) no-repeat left top;
		text-indent:-9999px;
		position:absolute;
		z-index:2;
	}

/* Main Nav
----------------------------------------------------------------------------------------------------*/
#main-nav{
	height:48px;
	overflow:hidden;
	background:url(images/nav-bg.gif) repeat-x left top;
	border-top:12px solid #0062a9;
	border-bottom:12px solid #0062a9;
}
	#main-nav ul{
		margin:0;
	}
		#main-nav li{
			display:inline;
			float:left;
			list-style:none;
			background:url(images/nav-divider.gif) no-repeat left bottom;
		}
		#main-nav li#nav-first{
			background:none;
		}
			#main-nav a:link,
			#main-nav a:visited{
				display:block;
				padding:10px 42px 12px 42px;
				font-size:18px;
				color:#000;
				text-decoration:none;
				font-weight:bold;
				text-transform:lowercase;
			}
			#main-nav a:hover,
			#main-nav a:active{
				color:#0062a9;
			}

/* Main Content
----------------------------------------------------------------------------------------------------*/
#main-content{
	overflow:hidden;
	border-top:3px solid #fff;
	padding-bottom:20px;
	zoom:1;
	background-color:#fff;
}
#body-home #main-content{
	background:url(images/body-home.gif) repeat-y left 3px;
}
	#col-1{
		float:left;
		width:240px;
	}
	#col-1.full-width{
		width:940px;
		display:inline;
		margin:0 10px;
		padding-top:30px;
	}
	#body-home #col-1{
		width:212px;
		padding:26px 14px 0 14px
	}
	#col-2{
		width:700px;
		display:inline;
		margin:0 10px;
		float:right;
		padding-top:30px;
	}
	

/* Sub Nav
----------------------------------------------------------------------------------------------------*/
#sub-nav{
	padding:30px 10px 0 10px;
}
	#sub-nav ul{
		margin-left:0;
	}
		#sub-nav li{
			list-style:none;
			padding:0 3px 14px 3px;
		}
		#sub-nav li.selected a:link,
		#sub-nav li.selected a:visited,
		#sub-nav li.selected a:hover,
		#sub-nav li.selected a:active{
			color:#000;	
			text-decoration:none;
		}
		#sub-nav li#nav-title{
			border-bottom:2px solid #0062A9;
			padding-bottom:5px;
			margin-bottom:14px;
		}
			#sub-nav li#nav-title a:link,
			#sub-nav li#nav-title a:visited{
				font-size:18px;
				text-decoration:none;
				font-weight:bold;
				color:#000;
			}
			#sub-nav li#nav-title a:hover,
			#sub-nav li#nav-title a:active{
				color:#0062A9;
			}


/* Side Bar Featured
----------------------------------------------------------------------------------------------------*/
.side-featured{
	background:url(images/side-featured-middle.gif) repeat-y left top;
	zoom:1;
	font-size:13px;
	color:#fff;
	margin-bottom:30px;
}
.side-featured h1,
.side-featured h2,
.side-featured h3,
.side-featured h4,
.side-featured h5,
.side-featured h6,
.side-featured a{
	color:#fff;
}
	.side-featured-bottom{
		background:url(images/side-featured-bottom.gif) no-repeat left bottom;
		zoom:1;
	}
		.side-featured-top{
			background:url(images/side-featured-top.gif) no-repeat left top;
			zoom:1;
			padding:40px 25px 20px 25px;
		}
		
/* Main Content Featured
----------------------------------------------------------------------------------------------------*/
.featured-wrapper{
	background:#fcca34;
	padding:20px 10px;
	overflow:hidden;
	zoom:1;
}
	.featured-wrapper .featured{
		margin:0 12px;
		display:inline;
	}

/* Featured
----------------------------------------------------------------------------------------------------*/
.featured{
	width:200px;
	border:1px solid #0062a9;
	background-color:#fff;
	font-size:13px;
	float:left;
	position:relative;
}
#body-home .featured{
	margin-bottom:30px;
}
	.featured img{
		position:relative;
		z-index:1;
	}
	.title-top{
		display:block;
		width:200px;
		height:18px;
		background:url(images/title-top.png) no-repeat left top;
		margin-top:-20px;
		position:relative;
		z-index:2;
	}
	.title-middle{
		width:200px;
		background:url(images/title-middle.png) repeat-y left top;
		position:relative;
		z-index:2;
	}
		.title-middle h2{
			margin:0 auto;
			width:174px;
			text-align:center;
			background:url(images/title-content.gif) no-repeat left bottom;
			color:#fff;
			position:relative;
			z-index:2;
			padding:0 3px;
			color:#fff;
			font-size:13px;
		}
			.title-middle h2 a:link,
			.title-middle h2 a:visited,
			.title-middle h2 a:hover,
			.title-middle h2 a:active{
				color:#fff;
				font-size:13px;
			}
			
		.title-middle .content{
			padding:5px 18px 0 18px;
		}
			
	.title-bottom{
		display:block;
		width:200px;
		height:19px;
		background:url(images/title-bottom.png) no-repeat left top;
		position:relative;
		z-index:2;
	}
		
/* News and Events
----------------------------------------------------------------------------------------------------*/
.news-list-item{
	border-bottom:1px solid #999;
	margin-bottom:40px;
	padding-bottom:10px;
}
.news-list-item.details{
	border-bottom:0;
}
	.news-item-date{
		margin-bottom:20px;
		font-size:11px;
		text-transform:uppercase;
		color:#666;
		margin-top:-10px;
	}
.pagination.webapp{
	margin-left:0;
	overflow:hidden;
}
	.pagination.webapp li{
		display:inline;
		float:left;
		list-style:none;
		padding:0 10px;
		font-weight:bold;
		text-transform:uppercase;
	}


/* Footer
----------------------------------------------------------------------------------------------------*/
#footer{
	background-color:#0062a9;
	height:122px;
	overflow:hidden;
	display:block;
	border-top:3px solid #fff;
}
	#logo-white{
		display:inline-block;
		width:91px;
		height:60px;
		background:url(images/logo-white.gif) no-repeat left top;
		text-indent:-9999px;
		margin:17px 0 0 20px;
		float:left;
	}
	#counties{
		float:right;
		margin:0 0 10px 0;
		width:810px;
		display:inline;
		margin-right:22px;
		border-bottom:1px solid #fcca34;
	}
		#counties li{
			display:inline;
			float:left;
			list-style:none;
			font-size:16px;
			font-weight:bold;
			color:#fff;
			padding-left:29px;
			height:47px;
			line-height:47px;
		}
		#counties li#counties-first{
			padding-left:0;
		}
	#footer-contact{
		float:left;
		width:333px;
		text-align:left;
		margin:0;
		font-size:10px;
		color:#fcca34;
		margin-left:17px;
		display:inline;
	}
		#footer-contact a:link,
		#footer-contact a:visited{
			color:#fcca34; 
			text-decoration: none;
		}
	#nav_599152{
		float:right;
		width:475px;
		margin:0;
	}
		#nav_599152 li{
			display:inline;
			float:left;
			list-style:none;
			color:#fff;
			padding-right:20px;
			font-size:10px;
		}
			#nav_599152 a:link,
			#nav_599152 a:visited{
				text-decoration:none;
				color:#fff;
				font-size:10px;
			}
			#nav_599152 a:hover,
			#nav_599152 a:active{
				text-decoration:none;
				color:#fcca34;
				font-size:10.5px;
			}
.foot-copy {
	color:#DDDDDD;
	float:left;
	font-size:10px;
	margin-bottom:0;
	padding-left:75px;
	padding-top:10px;
	text-align:center;
	width:675px;
}
/* Misc
----------------------------------------------------------------------------------------------------*/
.align-right{
	float:right;
	margin:0 0 10px 10px;
	display:inline;
}
.align-left{
	float:left;
	margin:0 10px 10px 10px;
	display:inline;
}