/* CSS for front page set up including states controller */

a 
	{
		color: #030;
		text-decoration: none;
	}
	
a:hover
	{
		text-decoration: underline;
	}

#leftColumn
	{
		position: relative;
		float: left;
		width: 370px !important;
		width: 310px;
	}


.recentDiv
	{
		position:relative;
		float: left;
		margin: 20px 0px 0px 10px !important;
		margin: 20px 0px 0px 10px;
		width: 340px !important;
		width: 310px;
		padding: 0px 10px 0px 10px !important;
		padding: 0px 10px 10px 10px;
		background: url(../img/bg/div_bg.gif) repeat-x bottom;
	}
	
	.recentDiv img
		{
			float: left;
			padding: 3px;
			border: 1px solid #030;
			margin: 0px 5px 0px 0px;
			background: #ccc;
		}
		
	.recentDiv span
		{
			font-weight: bold;
			font-size: 1em;
		}
		
	.recentDiv p
		{
			font-weight: normal;
		}

#loading
	{
		position: absolute;
		top: 330px;
		left: 170px;
		z-index: 2;
	}

.top a
	{
		border-top: 1px #fff solid;
	}
	
#stateMap
	{
		position: relative;
		float: left;
		margin: 93px 0px 0px 70px !important;
		margin: 93px 0px 0px 40px;
		background: url(../img/state/stateMap.gif) no-repeat;
		height: 180px;
		width: 300px;
		z-index: 0;
	}

#secLogo
	{
		position: relative;
		float: left;
		width: 570px;
	}
		

#headlines
	{
		position: relative;
		float: left;
		width: 540px !important;
		width: 560px;
		margin: 10px 0px 0px 0px;
		padding: 0px 10px 10px 10px;
		background: url(../img/bg/div_bg.gif) repeat-x bottom;
	}
	
#articles
	{
		position: relative;
		float: left;
		width: 540px !important;
		width: 560px;
		margin: 10px 0px 0px 0px;
		padding: 0px 10px 10px 10px;
		background: url(../img/bg/div_bg.gif) repeat-x bottom;
	}
		
#posts
	{
		position: relative;
		float: left;
		width: 255px !important;
		width: 255px;
		margin: 10px 0px 0px 0px;
		padding: 0px 10px 10px 10px;
		background: url(../img/bg/div_bg.gif) repeat-x bottom;
	}
		
#reviews
	{
	}
	
	#reviews img
		{
			float: left;
			padding: 3px;
			border: 1px solid #030;
			margin: 0px 5px 0px 0px;
			background: #ccc;
		}
		
	#reviews span
		{
			font-weight: bold;
			font-size: 1.2em;
		}
		
.revBottom
	{
		padding: 0px 0px 10px 0px;
		border-bottom: 1px solid #333;
	}
	
#topSection
	{
		position: relative;
		float: left;
		width: 1000px;
		margin: 10px 0px 10px 0px;
		padding: 0px;
	}

.section {
	border-right: 1px solid #999;
}
	
.section h2 {
	background: url(/img/frontpage/green_header_bg.gif) repeat-x; 
	line-height: 20px; 
	color: #fff; 
	font-weight: bolder; 
	font-size: 1.1em; 
	padding: 0 0 0 5px; 
	margin-bottom: 0;
	text-transform: uppercase;
}

.section p {
	margin-bottom: 10px;
}

div.middleCol h2 {
	background: url(/img/frontpage/brown_header_bg.gif) repeat-x;
}
	
	
	
.section div
	{
		float: left;
		height: 150px;
		background: #efefef;
		margin: 5px 0 0 0;
		padding: 5px;
	}

.smallerCol {
	width: 303px;
}

.largerCol {
	width: 340px;
}

.articlesCol div {
	height: 200px;
}

.articlesCol {
	margin-left: 0;
}

.section div.even
	{
		background: #e7e3d0;
	}

.section div h3 {
		font-size: 1.2em;
	font-weight: bold;
}

.section img {
	float: left;
	padding: 3px;
	background: #fff;
	border: 1px solid #666;
	margin-right: 5px;
}

.firstCol {
	margin-left: 5px !important;
	margin-left: 3px;
}


img#potdImg {
	float: none;
}

#sectionLogo
	{
		position: relative;
		border: 0px;
		margin: 0px;
		padding: 0px;
	}
	
#sectionDesc
	{
		position: relative;
		width: 300px;
		margin: 0px 0px 0px 50px;
		text-align: center;
	}

#rightSection
	{
		position: relative;
		float: left;
		width: 200px;
		margin: 10px 0px 0px 10px;
		padding: 10px;
		font-size: 1em !important;
		font-size: .75em;
		background: url(../img/bg/div_bg.gif) repeat-x bottom;
	}
	
	#rightSection img
		{
			float: left;
			padding: 3px;
			border: 1px solid #030;
			margin: 0px 5px 0px 0px;
			background: #ccc;
		}
		
	#rightSection span
		{
			font-weight: bold;
			font-size: 1.2em;
		}
		
	#rightSection p
		{
			font-weight: normal;
		}
		
#leftSection
	{
	}
.sectionFeatInt
	{
	}

/* Ad layout */

#headline {
	width: 750px;
	height: 100px;
	background: #000;
	margin: 10px 90px;
	text-align: center;
	color: #fff;
	}

#headerAd {
	position: absolute;
	top: 30px;
	left: 490px;
	width: 450px;
	height: 75px;
	background: #000;
	color: #fff;
}

#stateAd {
	width: 560px;
	margin-top: 10px;
	height: 75px;
	background: #000;
	color: #fff;
	position: relative;
	float: left;
}

#sidebar {
	left: 960px;
	top: 10px;
	position: absolute;
}

.sidebarTop {
	width: 100px;
	height: 450px;
	background: #000;
	color: #fff;
	margin: 0px 0px 10px 0px;
	position: relative;
	float: left;
}

.sidebarBox	{
	width: 100px;
	height: 100px;
	background: #000;
	color: #fff;
	margin: 0px 0px 10px 0px;
	position: relative;
	float: left;
}

#blogAd {
	width: 500px;
	height: 100px;
	position: relative;
	float: left;
	background: #000;
	color: #fff;
	margin-left: 10px;
}

.blogMiddle {
	margin: 10px 0px 10px 10px;
}

.sectionAd {
	width: 560px;
	height: 150px;
	position: relative;
	float: left;
	margin: 10px 0px 10px 10px;
	background: #000;
	color: #fff;
}

div#smallShowNav {
	background: #333;
	width: 100%;
	padding: 0;
	text-align: center;
	border-top: 3px solid #555;
	border-bottom: 3px solid #555;
	float: left;
}

div#smallShowNav img {
	margin: 0 10px;
}		

div#smallShowNav a {
	padding: 5px;
	border: none;
	display: block;
	float: left;
}

div#smallShowNav a:hover {
	background: #666;
}

	h2#potd span {display: none;}
	h2#potd {
		height: 40px;
		width: 350px;
		background-image: url('../img/header/potd_header.gif');
		background-repeat: no-repeat;
		border: none;
	}

p.middleAd {
	text-align: center;
}
	
p.middleAd img {
	float: none;
}

p.sectionDescription {
	margin: 10px;
	background: #eeeeee;
	text-align: center;
	padding: 5px;
}