#topnav{
	height:39px;
	width:950px;
	display: block;
}
#topnav ul{
	width:950px;
	height:39px;
	float:left;
	overflow:hidden;
	background: url(../images/topnav.jpg) left top no-repeat;
}
#topnav ul li, #topnav ul li a{
	display:block;
	height:39px;
		text-indent: -999px;
}
#topnav ul li{
display:inline;
float:left;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
}
body.page_about #topmain_1{
	background: url(../images/topnav.jpg) -85px -39px no-repeat;
}
#topmain_1{
	width:108px;
	margin-left:85px;
}
body.page_schools #topmain_2{
	background: url(../images/topnav.jpg) -193px -39px no-repeat;
}
#topmain_2{
	width:99px;
}
body.page_students #topmain_3{
	background: url(../images/topnav.jpg) -292px -39px no-repeat;
}
#topmain_3{
	width:106px;
}
body.page_partners #topmain_4{
	background: url(../images/topnav.jpg) -398px -39px no-repeat;
}
#topmain_4{
	width:102px;
}
body.page_greentools #topmain_5{
	background: url(../images/topnav.jpg) -500px -39px no-repeat;
}
#topmain_5{
	width:125px;
}
body.page_interactive #topmain_6{
	background: url(../images/topnav.jpg) -625px -39px no-repeat;
}
#topmain_6{
	width:116px;
}
body.page_programs #topmain_7{
	background: url(../images/topnav.jpg) -741px -39px no-repeat;
}
#topmain_7{
	width:125px;
}

#topmain_1 a:hover{
	background: url(../images/topnav.jpg) -85px -39px no-repeat;
}
#topmain_2 a:hover{
	background: url(../images/topnav.jpg) -193px -39px no-repeat;
}
#topmain_3 a:hover{
	background: url(../images/topnav.jpg) -292px -39px no-repeat;
}
#topmain_4 a:hover{
	background: url(../images/topnav.jpg) -398px -39px no-repeat;
}
#topmain_5 a:hover{
	background: url(../images/topnav.jpg) -500px -39px no-repeat;
}
#topmain_6 a:hover{
	background: url(../images/topnav.jpg) -625px -39px no-repeat;
}
#topmain_7 a:hover{
	background: url(../images/topnav.jpg) -741px -39px no-repeat;
}




/* left nav */
.leftmenu{
width: 176px; /*width of menu*/
}

.leftmenu ul{
list-style-type: none;
margin: 0px 0;
padding: 0;
}

.leftmenu ul li a{
font-family: "Trebuchet MS", Courier, monospace;
color: #333333;
display: block;
width: auto;
padding: 5px 5px 5px 14px;
text-decoration: none;
border-top: 1px dotted #cccccc;
width: 157px;
font-weight: bold;
}

.leftmenu ul li a:visited, .leftmenu ul li a:active{
color: #333333;
}

.leftmenu ul li a:hover{
color: #ffffff;
background: #8cc63f url(../images/whitearrow.gif) no-repeat top left; /*onMouseover image change. Remove if none*/
background-position: .3em .6em;
}

.leftmenu ul li .current{
color: #ffffff!important;
background: #8cc63f url(../images/whitearrow.gif) no-repeat top left; /*onMouseover image change. Remove if none*/
background-position: .3em .6em;
}

/* Holly Hack for IE \*/
* html .leftmenu ul li { height: 1%; }
* html .leftmenu ul li a { height: 1%; }
/* End */



ul.sublevel{
list-style-type: none;
margin: 0px 0;
padding: 0;
}

ul.sublevel li a{
font-family: Arial, Verdana;
font-size: 11px;
color: #666666;
display: block;
width: auto;
padding: 4px 5px 4px 24px;
text-decoration: none;
width: 147px;
font-weight: normal!important;
border-top: 0px dotted #cccccc;
}

ul.sublevel li a:visited, ul.sublevel li a:active{
color: #666666;
}

ul.sublevel li a:hover{
color: #669900;
background: url(../images/subarrow.gif) no-repeat top left; /*onMouseover image change. Remove if none*/
background-position: 1em .8em;
}

ul.sublevel li .current{
color: #669900!important;
background: url(../images/subarrow.gif) no-repeat top left; /*onMouseover image change. Remove if none*/
background-position: 1em .8em;
}