/* CSS Document */

/*--        Basic CSS         --*/

	* {
		margin:0;
		padding:0;
	}
		
	div, input, textarea {
		font-family: Verdana, Arial, Helvetica, sans-serif;
		color:#000066;
		font-size:11px;
	}
	
	body {
		position:static;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		color:#000066;
		font-size:11px;
		min-width:800px;		
	}

	p {
		line-height: 1.5em;
		padding: 0 0.5em 0.5em 0.5em;
	}
	
	h1, h2, h3, h4, h5 {
		font-size: 1.2em;
		font-weight: bold;
		color: #2181b5;
		padding: 0.5em;
	}
	
/*--		Layout Divs			--*/
	
	#header{
		background: url(../images/header_bg.jpg);
		height: 140px;
	}
	#header p{
		position: absolute;
		top: 115px;
		left: 20px;
		z-index:20;
		float:left;
		font-weight:bold;
		font-size:13px;
		color: #FFFFFF;
	}
	
	#navContainer {
		background: #429911;
		height: 2.5em;
		border-style:none;
		padding:0;
		margin:0;
	}
	#contentContainer{
		position:relative;
		display:block;
		float:left;
		padding:0px;
		maring:0px;
		clear:both;
		top:0px;
		left:0px;
		width:100%;
	}
	#col1	{
		position:absolute;
		display:block;
		float: left;
		width: 200px;
		background-color:#99CCFF;
		top:0px;
		height:100%;
		border-style:none;
	}
	#col1 h1{
		text-align:center;
		color:#FFFFFF;
	}
	#col3	{
		position:absolute;	
		display:block;
		float: left;
		width: 200px;
		background-color: #99CCFF;
		top:0px;
		right:0px;
		height:100%;
	}
	#col3 h1{
		text-align:center;
		color:#FFFFFF;		
	}		
		
	#col2 {
		position:relative;
		display:block;
		padding-left:200px;
		padding-right:200px;
		min-height:500px;
	}
	#col2 h1{
		text-align:center;
	}
	#col2 h2{
		clear:both;
		text-align:center;
	}				
	#col2 img{
		float:right;
		margin-right:10px;
		margin-left:5px;
		border-style:solid;
		border-color:#429911;
		border-width:thin;
		clear:right;
		margin-bottom:10px;
		margin-top:10px;
	}
	#col2 img.gallery{
		float:none;
		margin-right:10px;
		margin-left:10px;
		border-style:solid;
		border-color:#429911;
		border-width:thin;
		margin-bottom:10px;
		margin-top:10px;
	}	
	#col2 img.articleStoryShortImg {
		border-style:solid;
		border-color:#99CCFF;
		border-width:thin;
	}
	#map {
		margin:10px;
		margin:10px;
		height: 450px;
		vertical-align:middle;
		text-align:center;
		border-style:solid;
		border-color:#429911;
		border-width:thin;
	}

	#footer{
		position:relative;
		display:block;
		background: #429911;
		height: 2.5em;
		color:#FFFFFF;
		padding-top:10px;
		clear:both;
		float:left;
		width:100%;
	}
	
		#register_form {	
			width: 95%;
			font-size: 0.7em;
			margin-left: 5px;
		}

		#register_form fieldset {
			padding: 1em;
			border: 1px solid #FFFFFF;
			margin-bottom: 0.5em;
		}

		#register_form fieldset legend {
			padding: 0 0.5em;
			font-size: 1.2em;
			color: #88051e;
		}

		#register_form fieldset label {
			display: block;
			width: 5em;
			float: left;
			clear: left;
			font-size: 1.2em;
			line-height: 2.3em;
		}

		#register_form fieldset input {
			float: left;
			margin: 0.5em 0 0.5em 0;
			font:1.6em 'Arial Narrow', Arial, Helvetica, sans-serif;
			color: #7a4f11;
			background: #fff;
			width: 9em;
			
		}
		#register_form span {
			text-align:center;
			width:95%;
		}
		#register_form input.formBtn {
			font-size: 1em;
			padding: 0.4em;
			margin: 0 0.3em;
			text-align:center;
		}

	
/*--		Classes			--*/
	
	.logo {
		position: absolute;
		top: 0;
		left: 0;
		z-index:10;
		float:left;
	}
	
	.header-image {
		position:relative;
		right:0px;
		float: right;
		z-index:0;
	
	}
	p.weather{

	}	
	p.weather img {
		vertical-align: middle;
	}
	p.pages{
		display:block;
		margin-bottom:0;
		padding-bottom:0;
		height:20px;
		text-align:right;
		padding-right:10px;
	}
	p.pages a{
		background-color:#009900;
		padding:2px;
		color:#FFFFFF;
		text-decoration:none;
	}	
	p.pages a:hover{
		background-color:#FFFFFF;
		padding:2px;
		color:#009900;
		text-decoration:none;
	}		
	.links {
		overflow:hidden;
		height:10px;
		margin-top:10px;
	}
	.resource-link {
		display:block;
		margin-top:10px;
		text-decoration:none;
		background-color:#0099FF;
		color:#FFFFFF;
		padding-left:5px;
		border-style:solid;
		border-color:#FFFFFF;
		border-width:thin;		
	}	
	.resource-link:hover {
		display:block;
		margin-top:10px;
		text-decoration:none;
		background-color:#FFFFFF;
		color:#0099FF;
		border-style:solid;
		border-color:#0099FF;
		border-width:thin;		
	}	
	.articleStoryShort {
		display:block;
		margin-top:10px;
		text-decoration:none;
		background-color:#99CCFF;
		color:#FFFFFF;
		padding-left:5px;
		border-style:solid;
		border-color:#FFFFFF;
		border-width:thin;	
		height:65px;	
	}
	.articleStoryShort:hover {
		display:block;
		margin-top:10px;
		text-decoration:none;
		background-color:#FFFFFF;
		color:#99CCFF;
		border-style:solid;
		border-color:#99CCFF;
		border-width:thin;		
	}		
	.newsStoryShort {
		display:block;
		margin-top:10px;
		text-decoration:none;
		background-color:#99CCFF;
		color:#FFFFFF;
		padding-left:5px;
		border-style:solid;
		border-color:#FFFFFF;
		border-width:thin;	
		height:90px;	
	}
	.newsStoryShort:hover {
		display:block;
		margin-top:10px;
		text-decoration:none;
		background-color:#FFFFFF;
		color:#99CCFF;
		border-style:solid;
		border-color:#99CCFF;
		border-width:thin;		
	}