/* Navigation CSS */

.menulist li {
	margin:0 0 -2px 0px;
	padding:0 0 0 5px;
}
.navItem a {
	height: 25px;
	margin:0 0 0 0;
	padding:2px 0 0 0;
	background:url(../images/nav-button-l.png) no-repeat;
	cursor: pointer;
}
.navItem a span{
	height:25px;
	text-align:center;
	margin: 0 0 0 0;
	padding: 2px 0 0 0;
	display:block;
	background:url(../images/nav-button-r.png) no-repeat right top;
	cursor: pointer;
}
.menulist a.highlighted {
      background-position:0% -29px;
}
.menulist a.highlighted span{
      background-position:100% -27px;
}
.navItem a:hover {
      background-position:0% -29px;
}
.navItem a:hover span{
      background-position:100% -27px;
}

#navItem1 {
 position: relative;
 left: 5px;
	width: 90px;
}
#navItem2 {
 position: relative;
 left: 5px;
	width: 90px;
}
#navItem3 {
 position: relative;
 left: 5px;
	width: 90px;
}
#navItem4 {
 position: relative;
 left: 5px;
	width: 90px;
}
#navItem5 {
 position: relative;
 left: 5px;
	width: 90px;
}
#navItem6 {
 position: relative;
 left: 5px;
	width: 90px;
}
#navItem7 {
 position: relative;
 left: 5px;
	width: 90px;
}
#navItem8 {
 position: relative;
 left: 5px;
	width: 90px;
}

#navItem8 ul {
 position: absolute;
 left:-50px !important;
}