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

  body{ height:100% }
	
  div.fullscreen {
    display:block;
    /*set the div in the top-left corner of the screen*/
    position:absolute;
    top:0;
    left:0;
    /*set the width and height to 100% of the screen*/
    width:100%;
	min-height:100%;
	background:url(../img/bg_wrapper.png) repeat-y top center;
  }

a {
	outline:none;
	}

body {
	background:#FFF;
	font-family:Arial, Helvetica, sans-serif;
	color:#2f2f2f;
	}
h1 {
	font-family:Arial, Helvetica, sans-serif;
	size:14px;
	font-weight:bold;
	color:#255d7f;
	text-transform:capitalize;
	}
	
p {
	font-family: Arial, Helvetica, sans-serif;
	font-size:13px;
	text-align:justify;	
	/*margin:5px 0px;*/
	color:#2f2f2f;
	line-height:15px;
	}
	
p a {
	text-decoration:none;
	color:#255D7F;
	}
	
p a:hover {
	color:#7cacc9;
	}
	
	
/* ---------- MAIN ---------- */

#wrapper {
	width:1000px;
	height:100%;
	margin:0 auto;
	}
	
	.logo {
		margin:18px 0px 0px 54px;
		}	
/* ---------- CONTENT --------- */

#aboveBanner {
	width:1000px;
	height:95px;
	}
	#abvRight {
		width:525px;
		height:95px;
		float:right;
		background:url(../img/bg_top_bar.png) repeat-x 0px -1px;
		}
	#abvLeft {
		height:95px;
		width:475px;
		float:left;
		}
#banner {
	width:1000px;
	height:277px;
	}
	#bnrLeft {
		height:277px;
		width:55px;
		background:url(../img/bg_banner_left.png) repeat;
		float:left;
		}
	#bnrRight {
		float:left;
		height:277px;
		width:945px;
		}
#contBox {
	width:1000px;
	height:100%;
	background:url(../img/bg_content.png) repeat-y;
	}
	#bnrBtm {
		height:35px;
		width:795px;
		background:url(../img/bg_banner_bottom.png) no-repeat #ecf4fc left;
		float:left;
		margin-left:1px;
		}
		
#content {
	width:545px;
	min-height:300px;
	float:left;
	}
	#searchBox {
		display:block;
		width:525px;
		height:41px;
		background:url(../img/searchBox.png) no-repeat;
		float:right;
		position:relative;
		top:236px;
		}
		input#search {
			width:200px;
			position:relative;
			left:257px;
			top:9px;
			}
		input#srch {
			background:#255D7F;
			border:none;
			color:#FFF;
			position:relative;
			top:9px;
			left:257px;
			}
			input#srch:hover {
				color:Yellow;
				cursor:pointer;
				}
		
	#searchBox {
	width:525px;
 	height:41px;
	}
	
	#widgets {
		width:204px;
		height:100%;
		float:right;
		margin-top:18px;
		}
		#widgets h2 {
			width:165px;
			height:16px;
			padding:4px 0px 10px 5px;
			text-transform:uppercase;
			font-size:12px;
			color:#FFF;
			background:url(../img/bg_widgetTitle.gif) no-repeat top;
			margin:0 auto;
			}
		.widget {
			background-color:#7cacc9;
			padding:10px;
			color:#FFF;
			width:150px;
			margin:0 auto;
			padding-bottom:10px;
			}
			#weather .widget a {
				text-decoration:none;
				background:url(../img/arrow.gif) no-repeat left;
				height:7px;
				width:88px;
				padding-left:6px;
				line-height:14px;
				color:#FFF;
				}
				#weather .widget a:hover {
					color:#b1e4fe;
					}
					.wtrData {
						float:left;
						margin-right:9px;
						width:50px;
						text-align:center;
						}
						.temp {
							font-size:24px;
							font-weight:bold;
							}
						.cond {
							text-align:center;
							font-size:12px;
							width:46px;
							overflow:hidden;
							text-transform:capitalize;
							}
		#featured {
			margin-top:10px;
			}
			.feature {
				width:171px;
				margin:0 auto;
				overflow:hidden;
				margin-bottom:10px;
				}
				.feature a {
					width:171px;
					height:88px;
					display:block;
					background-position:0px -88px;
					}
					.feature a:hover {
						background-position:0px 0px;
						}
		#quicklinks {
			margin-top:10px;
			}
			#quicklinks select {
				width:150px;
				}
#articles {
	width:500px;
	padding:0px 20px 20px 20px;
	margin-top:5px;
	}
	#articles ul {
	margin:10px 0px 20px 10px;
	list-style:disc;
	line-height:14px;
	padding-left:15px;
	}
.article {
	float:left;
	margin:10px 0px 10px 0px;
	padding:0px 0px 10px 0px;
	border-bottom:solid 1px #cedde9;
	}		
	.articleBox {
		width:500px;
		margin:10px 0px 0px 0px;
		color:#000;
		font-family: Arial, Helvetica, sans-serif;
		font-size:12px;
		text-align:justify;
		}
		.articleBox img {
			margin:0px 15px 10px 0px;
			border:solid 1px #7cacc9;
			}
			.articleBox p {
				margin:8px;
				font-size:12px;
				text-align:justify;
				/*color:#000;*/
				}
			.dateTime {
				font-size:11px;
				color:#255d7f;
				}
			.articleBox a {
				text-decoration:none;
				color:#255D7F;
				}
			.articleBox a:hover {
				color:#7cacc9;
				}
 #directory {
 	margin-top:15px;
 	}
	#directory h1 {
		margin-bottom:10px;
		}
		#directory table tr#head {
			color:#255D7F;
			border-bottom:solid 1px #7CACC9;
			}
 	#directory td {
		font-size:11px;
		width:100px;
		padding:3px;
		}
		#directory td a {
			text-decoration:none;
			color:#000;
			}
			#directory td a:hover {
				text-decoration:underline;
				color:#FFF;
				}
		#directory table tr.info {
			border-bottom:solid 1px #cedde9;
			}
			#directory table tr.info:hover {
				background:#7CACC9;
				color:#FFF;
				}
				
/* ---------- CONTACT ---------- */

#contactInfo {
	width:229px;
	float:left;
	border-right:solid 1px #cedde9;
	padding-right:25px;
	}
#contactForm {
	float:right;
	width:210px;
	font-size:11px;
	color:#000;
	}
	#contactForm input,  #contactForm select, #contactForm textarea {
		background-color:#FFF;
		border:solid 1px #7CACC9;
		margin:2px 0px 5px 0px;
		width:200px;
		}
		#contactForm input:hover, #contactForm input:focus,
		#contactForm select:hover, #contactForm select:focus,
		#contactForm textarea:hover, #contactForm textarea:focus {
			border-color:#255D7F;
			}
		#contactForm input#submit, #contactForm input#reset {
			width:50px;
			margin-bottom:10px;
			}
		#contactForm input#submit:hover, #contactForm input#reset:hover, #contactForm input#answer:hover {
			background-color:#7CACC9;
			color:#FFF;
			cursor:pointer;
			}
		#contactForm input#answer {
			width:149px;
			margin-bottom:10px;
			}
/* ---------- FOOTER ---------- */

#footer {
	font-size:10px;
	color:#255d7f;
	height:20px;
	width:1000px;
	padding:15px 0px;
	background:url(../img/bg_footer.png) no-repeat top;
	}
	#footer #textNav {float:left; width:430px;}
	#footer #textNav a {
		color: #467693;
		text-decoration:none;
		}
		#footer #textNav a:hover {
			color: #7cacc9;
			}
	#copyright {
		float:left;
		width:200px;
		margin-left:54px;
		}
		
/* ---------- ADMIN ---------- */
.admin {
	width:225px;
	float:right;
	text-transform:capitalize;
	text-align:right;
	}
	.admin a {
		color:#255D7F;
		text-decoration:none;
		}
		.admin a:hover {
			text-decoration:underline;
			}
.admin form {
	margin-top:10px;
	}
label {
	font-size:12px;
	color:#000;
	}

input.login {
	width:125px;
	border:solid 1px #255DAA;
	margin:3px 0px 5px 0px;
	}
	
	/* Admin Forms --------- */
	
.comment {
	font-size:9px;
	color:#255DAA;
	}	
	
fieldset {
  	border: solid 1px #cedde9;
	padding: 5px;
	margin-bottom:5px;
	}
	legend {
		color:#255D7F;
		}
		
form#admin input.txt, form#admin textarea.txt {
	border:solid 1px #255D7F;
	width:220px;
	margin:3px 0px 7px 5px;
	}
	form#admin textarea.txt {
		width:480px;
		height:350px;
		}
		
form#admin input#save, form#admin input#reset {
	float:right;
	margin-right:5px;
	}

.navForm {
	width:180px;
	margin-top:20px;
	}	
form.nav {
	width:180px;
	margin-top:20px;
	}
	
form.nav select, form#nav input.txt {
	width:170px;
	margin-bottom:5px;
	}