/* Start of CMSMS style sheet 'Home' */
/* CSS Document */

html, body {
margin:0px;
padding:0px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
color:#042b03;
background-image:url(graphics/bkgd-home.jpg);
background-repeat:repeat-x;
background-color:#19AFD4;
}

img, div {
   behavior: url("iepngfix.htc");
}


h1,h2,h3,h4 {
position:relative;
float:left;
width:100%;
color:#FFFFFF;
font-size:23px;
background-image:url(graphics/leaf.png);
background-repeat:no-repeat;
behavior: url("iepngfix.htc");
height:34px;
padding-top:8px;
padding-left:15px;
padding-bottom:10px;
margin:0px;
margin-top:20px;
}

a:link {
color:#ffff00;
text-decoration:none;
}

a:hover,
a:visited {
color:#ffff00;
text-decoration:underline;
}

p {
padding:0px;
margin:0px;
padding-bottom:15px;
}

#page {
position:relative;
float:left;
width:100%;
padding-top:100px;
background-image:url(graphics/repeat-leaves.gif);
background-repeat:repeat-x;
}

#left {
position:absolute;
top:0px;
left:0px;
width:174px;
height:174px;
background-image:url(graphics/left-leaves.gif);
background-repeat:repeat-x;
}

#right {
position:absolute;
top:0px;
right:0px;
width:174px;
height:174px;
background-image:url(graphics/right-leaves.gif);
background-repeat:repeat-x;
}

#container {
position:relative;
float:none;
margin-left:auto;
margin-right:auto;
width:773px; 
}

#content {
position:relative;
float:left;
width:773px; 
min-height:761px;
height:auto !important;
height:761px;
padding-bottom:25px;
background-image:url(graphics/bkgd-home-content.jpg);
background-repeat:no-repeat;
background-color:#A1C070;
}

img#news {
margin-top:15px;
border:1px solid #FFFFFF;
}

#weather {
position:relative;
float:left;
top:0px;
left:192px;
width:180px;
height:119px;
z-index:3;
}

img#local {
position:absolute;
top:26px;
z-index:4;
}

img#sun {
position:absolute;
top:2px;
left:62px;
z-index:2;
}

div#temp {
position:absolute;
top:30px;
right:33px;
font:Arial;
font-size:20px;
font-weight:bold;
color:#fda028;
z-index:5;
}

#image {
position:relative;
float:left;
width:773px;
top:-30px;
}

img#logos {
position:absolute;
top:19px;
left:22px;
z-index:4;
}

#copy {
position:relative;
float:left;
width:733px;
top:-50px;
padding:20px;
padding-top:0px;
padding-bottom:132px;
z-index:9;
}

.half {
position:relative;
float:left;
width:250px;
margin-left:33px;
margin-right:66px;
}

.half2 {
position:relative;
float:left;
width:250px;
}

#grass {
position:absolute;
width:100%;
height:195px;
bottom:33px;
behavior: url("iepngfix.htc");
background-image:url(graphics/grass.png);
background-repeat:repeat-x;
}

#footer {
position:absolute;
width:100%;
height:21px;
bottom:0px;
padding-top:12px;
background-image:url(graphics/footer.gif);
background-repeat:repeat-x;
color:#9fbc6d;
font-size:9px;
text-align:right;
}

#footer a {
color:#9fbc6d;
text-decoration:none;
}

#footer a:hover {
color:#9fbc6d;
text-decoration:underline;
}


/* End of 'Home' */

/* Start of CMSMS style sheet 'Menu' */
/* CSS Document */

#menu {
   position:relative;
   float:right;
   top:25px;
   width:397px;
   height:37px;
   background-image:url(graphics/nav.gif);
   background-repeat:no-repeat;
   background-color:#99CC33;
   z-index:9999;
}


   #menu ul  {
	padding:0px;
	margin:0px;	
	top:0px;
	list-style:none;
	}


	#nav li { /*float the main list items*/
	    position:relative;
		float: left;
		display: block;
		list-style:none;
		margin:0px;
		padding:0px;
	}
	
	#nav li span {
		display: none;
	}

	#nav li ul {
		display: none;
	}
	
	#nav a {
		text-decoration: none;
	}

	#nav li.off ul, #nav li.on ul  { /*put the subnav below*/
	    position:absolute;
	    float:none;
	    margin:0px;
	    padding:0px;
	    top:37px;
            z-index:9999;
}

	#nav li a {
		display: block;
		padding: 0px;
		margin: 0px;
	}

	#nav li.on a {
		color: #073E74;
	}

	#nav li.on ul {
		display: block;
	}

	#nav li.off:hover ul {
		display: block;
	}


	#li2 a, #li3 a, #li4 a {
		display: block;
		position: relative;
        width:397px;
        height:37px;
        background-image:url(graphics/nav.gif);
		background-repeat:no-repeat;
		z-index:10;
	}

/*first, put the initial states in place*/

#li2 a {
	background-position: -15px 0px; 
	width: 131px;
	left:15px;
}

#li2 a:hover {
	background-position: -15px -37px;    
	width: 131px;
	left:15px;
}

#li3 a {
	background-position: -156px 0px;   
	width: 83px;
	left:25px;
}

#li3 a:hover {
	background-position: -156px -37px;  
	width: 83px;
	left:25px;
}

#li4 a {
	background-position: -254px 0px; 
	width: 126px;
	left:35px;
}

#li4 a:hover {
	background-position: -254px -37px;    
	width: 126px;
	left:35px;
}

/*subnav formatting*/

#nav li ul a {
	display: block;
	background: #84C5FB;
	opacity:.8;
	filter: alpha(opacity=80); 
	-moz-opacity: 0.8;
	border-top:none;
	color: #000000;
	font-family: arial, verdana, sans-serif;
	font-size:11px;
    height:auto;
    padding:5px;
	width:115px;
}	

#nav li ul a:hover {
	background: #60B2F9;
	color: #000000;
	width:115px;
}	


/* End of 'Menu' */