#navigation {
	width: 180px;
	position: relative;
	top: 0px;
	left: 15px;
}

#navigationfixed {
	width: 180px;
	position: absolute;
	top: 0px;
	left: 15px;
}

#nav_header{width: 180px; height: 25px; position: relative; top: 0px; left: 0px;}

#linkbuttons {
	width: 178px;
	position:relative;
	top: 0px;
	left: 0px;
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #488EBC;
	border-left-color: #488EBC;
}

.menu1{
background-image:url(images/menudiv1bg.gif);
margin-left:25px;
padding-left:20px;
padding-top:2px;
padding-bottom: 2px;
display:block;
text-decoration: none;
color: #000000;
height: 20px;
}

.submenu{
background-image: url(images/submenu.gif);
display: block;
height: 19px;
margin-left: 38px;
padding-top: 2px;
padding-left: 7px;
color: #333333;
}

.hide{
display: none;
}

.show{
display: block;
}


#about {overflow: hidden; position: relative; left: 0px; top: 0px; width: 178px; height:30px; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #CCCCCC;}
#about a {display:block; width: 178px; height: 30px; background-image: url(../images/navi/navigation.png); background-position: 0 0;}
#about a:hover {background-position: 0 -30px;}

#energy {overflow: hidden; position: relative; left: 0px; top: 0px; width: 178px; height:30px; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #CCCCCC;}
#energy a {display:block; width: 178px; height: 30px; background-image: url(../images/navi/navigation.png); background-position: 0 -60px;}
#energy a:hover {background-position: 0 -90px;}

#learn {overflow: hidden; position: relative; left: 0px; top: 0px; width: 178px; height:30px; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #CCCCCC;}
#learn a {display:block; width: 178px; height: 30px; background-image: url(../images/navi/navigation.png); background-position: 0 -120px;}
#learn a:hover {background-position: 0 -150px;}

#todo {overflow: hidden; position: relative; left: 0px; top: 0px; width: 178px; height:30px; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #CCCCCC;}
#todo a {display:block; width: 178px; height: 30px; background-image: url(../images/navi/navigation.png); background-position: 0 -180px;}
#todo a:hover {background-position: 0 -210px;}

#moreinfo {overflow: hidden; position: relative; left: 0px; top: 0px; width: 178px; height:30px;}
#moreinfo a {display:block; width: 178px; height: 30px; background-image: url(../images/navi/navigation.png); background-position: 0 -240px;}
#moreinfo a:hover {background-position: 0 -270px;}

#nav_footer{width: 180px; height: 25px;}

#menulogo {width: 170px; height: 96px; position: relative; left: 0px; top: 15px; padding-right: 5px; padding-left: 5px; padding-bottom: 5px;}

#menulink1 {overflow: hidden; position: relative; left: 0px; top: 0px; width: 170px; height:85px; padding-right: 5px; padding-left: 5px; padding-bottom: 5px;}
#menulink1 a {display:block; width: 170px; height: 85px; background-image: url(../images/navi/menulinks.png); background-position: 0 0;}
#menulink1 a:hover {background-position: 0 -85px;}

#menulink2 {overflow: hidden; position: relative; left: 0px; top: 0px; width: 170px; height:85px; padding-right: 5px; padding-left: 5px; padding-bottom: 5px;}
#menulink2 a {display:block; width: 170px; height: 85px; background-image: url(../images/navi/menulinks.png); background-position: 0 -170px;}
#menulink2 a:hover {background-position: 0 -255px;}

#menulink3 {overflow: hidden; position: relative; left: 0px; top: 0px; width: 170px; height:85px; padding-right: 5px; padding-left: 5px; padding-bottom: 5px;}
#menulink3 a {display:block; width: 170px; height: 85px; background-image: url(../images/navi/menulinks.png); background-position: 0 -340px;}
#menulink3 a:hover {background-position: 0 -425px;}

#menulink4 {overflow: hidden; position: relative; left: 0px; top: 0px; width: 170px; height:85px; padding-right: 5px; padding-left: 5px; padding-bottom: 5px;}
#menulink4 a {display:block; width: 170px; height: 85px; background-image: url(../images/navi/menulinks.png); background-position: 0 -510px;}
#menulink4 a:hover {background-position: 0 -595px;}

#aboutoverview {overflow: hidden; position: relative; left: 0px; top: 0px; width: 178px; height:20px;}
#aboutoverview a {display:block; width: 178px; height: 20px; background-image: url(../images/navi/sublinks.png); background-position: 0 0;}
#aboutoverview a:hover {background-position: 0 -20px;}

#aboutfeatures {overflow: hidden; position: relative; left: 0px; top: 0px; width: 178px; height:20px;}
#aboutfeatures a {display:block; width: 178px; height: 20px; background-image: url(../images/navi/sublinks.png); background-position: 0 -40px;}
#aboutfeatures a:hover {background-position: 0 -60px;}

#aboutsponsors {overflow: hidden; position: relative; left: 0px; top: 0px; width: 178px; height:20px; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #CCCCCC;}
#aboutsponsors a {display:block; width: 178px; height: 20px; background-image: url(../images/navi/sublinks.png); background-position: 0 -80px;}
#aboutsponsors a:hover {background-position: 0 -100px;}

#energysolar {overflow: hidden; position: relative; left: 0px; top: 0px; width: 178px; height:20px;}
#energysolar a {display:block; width: 178px; height: 20px; background-image: url(../images/navi/sublinks.png); background-position: 0 -120px;}
#energysolar a:hover {background-position: 0 -140px;}

#energybiomass {overflow: hidden; position: relative; left: 0px; top: 0px; width: 178px; height:20px;}
#energybiomass a {display:block; width: 178px; height: 20px; background-image: url(../images/navi/sublinks.png); background-position: 0 -160px;}
#energybiomass a:hover {background-position: 0 -180px;}

#energywater {overflow: hidden; position: relative; left: 0px; top: 0px; width: 178px; height:20px; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #CCCCCC;}
#energywater a {display:block; width: 178px; height: 20px; background-image: url(../images/navi/sublinks.png); background-position: 0 -200px;}
#energywater a:hover {background-position: 0 -220px;}

#learncarbon {overflow: hidden; position: relative; left: 0px; top: 0px; width: 178px; height:20px;}
#learncarbon a {display:block; width: 178px; height: 20px; background-image: url(../images/navi/sublinks.png); background-position: 0 -240px;}
#learncarbon a:hover {background-position: 0 -260px;}

#learngames {overflow: hidden; position: relative; left: 0px; top: 0px; width: 178px; height:20px;}
#learngames a {display:block; width: 178px; height: 20px; background-image: url(../images/navi/sublinks.png); background-position: 0 -280px;}
#learngames a:hover {background-position: 0 -300px;}

#learnsims {overflow: hidden; position: relative; left: 0px; top: 0px; width: 178px; height:20px; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #CCCCCC;}
#learnsims a {display:block; width: 178px; height: 20px; background-image: url(../images/navi/sublinks.png); background-position: 0 -320px;}
#learnsims a:hover {background-position: 0 -340px;}

#todoenergy {overflow: hidden; position: relative; left: 0px; top: 0px; width: 178px; height:20px;}
#todoenergy a {display:block; width: 178px; height: 20px; background-image: url(../images/navi/sublinks.png); background-position: 0 -360px;}
#todoenergy a:hover {background-position: 0 -380px;}

#todofacts {overflow: hidden; position: relative; left: 0px; top: 0px; width: 178px; height:20px; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #CCCCCC;}
#todofacts a {display:block; width: 178px; height: 20px; background-image: url(../images/navi/sublinks.png); background-position: 0 -400px;}
#todofacts a:hover {background-position: 0 -420px;}

#moreinfolinnks {overflow: hidden; position: relative; left: 0px; top: 0px; width: 178px; height:20px; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #CCCCCC;}
#moreinfolinks a {display:block; width: 178px; height: 20px; background-image: url(../images/navi/sublinks.png); background-position: 0 -440px;}
#moreinfolinks a:hover {background-position: 0 -460px;}