* {
	outline: 0;
	padding: 0;
	margin: 0;
	}
html {
    height: 100%;
}
body {
    height: 100%;
    background: #fff3d7; 
	background-attachment: fixed;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 10pt;
}

/* wnHome layout */

#container{
    width: 900px;
    min-height: 100%;
    margin: 0px auto;
    background: #ffecbf; 
    border-left: 2px solid cadetblue; 
    border-right: 2px solid cadetblue; 
    text-align: left;
    position: relative;
}
#header{
    width: 900px;
    height: 120px;
}
#logo{
    width: 236px;
    height: 80px;
    float: left;
    padding: 10px;
}
#title{
    width: 624px;
    height: 65px;
    float: left;
    padding-top: 5px;
}
#search{
    width: 624px;
    height: 30px;
    float: right;
    padding-right: 5px;
}
#content{
    width: 900px;
    min-height:430px;
	padding-bottom: 30px;
	position: relative;
}
#footer{
    width: 900px;
    height: 28px;
    position: relative;
    margin: 0px auto;
    margin-top: -30px;
	border-top: 2px solid cadetblue;
	background: #ffae4d;
	color: #4c7e80;
	line-height: 28px;
}
/* wnMain layout */
#main{
    width: 900px;
}
#top {
	width: 840px;
	height: 252px;
	margin-left: 20px;
}
#images {
	width: 492px;
	height: 250px;
	background: white;
	border: 1px solid cadetblue;
	float: left;
	margin-right: 18px;
}
#news {
	width: 288px;
	height: 244px;
	float: right;
    background: white;
    padding: 6px 10px 2px 10px; 
}
#bottom {
    width: 880px;
    height: 155px;
    margin-bottom: 10px;
}
#quality {
    width: 630px;
    height: 155px;
    float: left;
}
#weather {
    width: 210px;
    height: 155px;
    float: left;
}
/* class styles used on various pages */
.columnItem {
	width: 100%;
	padding: 10px 0;
}
.backer {
    background: cadetblue;
    padding: 10px;
    margin: 10px;
}
.frame {
    border: 10px solid cadetblue;
    margin: 10px;
}
.textbox {
    background: white;
    padding: 8px;
    border: 2px solid cadetblue;
}
.box {
    background: white;
    border: 2px solid cadetblue;
}
.backwhite{background: white;}
.button {
    background: #9fc5c6;
    border-style: outset;
    border-color: #afced0;
    padding: 0 2px;
}
.button:hover {
    background: #afced0;
    cursor: pointer;
}
.alternate {
    background: #fff3d7;
}
.twoItem {
    width: 48%;
    height: 100%;
	padding: 0 1%;
	float: left;
}
.threeItem {
    width: 31.3%;
    height: 100%;
	padding: 0 1%;
	float: left;
}
.rightflt {
	float: right;
}
.leftflt {
	float: left;
}
.pad {
    padding: 10px;
}
/* text formatting */
h1  { font-family: Arial, Helvetica, sans-serif; font-size: 20pt ;}
h2  { font-family: Arial, Helvetica, sans-serif; font-size: 18pt ;}
h3  { font-family: Arial, Helvetica, sans-serif; font-size: 16pt ;}
h4  { font-family: Arial, Helvetica, sans-serif; font-size: 14pt ;}
h5  { font-family: Arial, Helvetica, sans-serif; font-size: 12pt ;}
h6  { font-family: Arial, Helvetica, sans-serif; font-size: 10pt ;}
h7  { font-family: Arial, Helvetica, sans-serif; font-size: 9pt ;}
.small {font-size: 8pt;}
.big {font-size: 12pt;}
.bold {font-weight: bold;}
.italic {font-style: italic;}
.center {text-align: center;
         margin: 0px auto;
}
.left {text-align: left;}
.hilight{color: #e67e00;}
.header{color: cadetblue;}
.rule{border-bottom: 2px solid cadetblue;}
.indent{padding-left:10px;}
.space{padding-bottom:5px;}
img { border: none; } 

a:link, a:visited, a:active {
	color: slateblue;
	text-decoration: underline
}
a:hover {
    color: purple;
}
.hilight a:link, .hilight a:visited, .hilight a:active {
	color: #E67E00;
	text-decoration: underline
}
.hilight a:hover {
    color: #ffae4d;}

.header a:link, .header a:visited, .header a:active {
	color: cadetblue;
	text-decoration: underline
}
.header a:hover {
    color: #8fbbbc;}

.footlink, .footlink a:link, .footlink a:visited, .footlink a:active{
    height:28px;
    text-decoration: none;
	color: #4c7e80;
	padding: 0 3px;
	text-decoration:underline;
}
.footlink:hover, .footlink a:hover{
    background: #ffc680;
}

ul {list-style-position: outside;
    list-style-image: url("/images/homePage/dotsmall.gif");
    list-style-type: disc;
    margin-left: 0;
    padding-left: 10px; 
}
li {padding-bottom: 5px;
}

/* Navigation bar on home page */
#nav, #nav ul {
	line-height: 1.5;
	float: left;
	list-style: none;
	font: 8pt arial, helvetica, sans-serif;
	font-weight: bold;
	margin: 0;
	padding: 0;
	background: #ffae4d;
	border-top: 1px solid cadetblue;
	border-bottom: 1px solid cadetblue;
	width: 900px;
	z-index: 1;
}
 
#nav a, #nav p {
    display: block;
    color:#4c7e80;
	font: 8pt arial, helvetica, sans-serif;
	font-weight: bold;
	text-decoration: none;
	width: 102px;
	padding: 2px 0;
}
 
#nav li {
	float: left;
	width: 102px;
	padding: 0 4px;
}
 
#nav li ul {
	position: absolute;
	left: -999em;
	height: auto;
	font-weight: bold;
	margin: 0 -4px;
	line-height: 1.5;
	width: 110px;
	border-bottom: none;
}
#nav li ul a {
	padding: 1px 0;
	font-weight:bold;
}

#nav li ul ul {
	margin: -1.5em 0 0 106px;
}

#nav li ul li {
    border-bottom: 1px solid cadetblue;
}

 
#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {
	left: -999em;
}
 
#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul {
	left: auto;
}
#nav li:hover, #nav li.hover {   
    position: static;   
}  
#nav li:hover, #nav li.sfhover {
	background: #ffc680;
}
#nav li a:hover, #nav li a.sfhover {
	text-decoration: underline;
	color: #4c7e80;
}