.chromestyle{width:500px;font-weight: bold;float: left;text-align: left;}
.chromestyle ul{width: 500px;margin: 0;list-style: none;}
.chromestyle ul li{width: 99px;float: left;border-left:1px solid #fff}
.chromestyle ul li a {
color: #fff;
background: url(../img/switch_img/navbutton.gif) 0px -31px;
height: 15px;
width: 90px;
padding: 9px 0px 7px 10px;
margin: 0;
display: block;
text-decoration: none;
}

.chromestyle ul li a:hover, .chromestyle ul li a.selected { /*script dynamically adds a class of "selected" to the current active menu item*/
background: url(../img/switch_img/navbutton.gif);
color: #fff;
text-decoration: none;
}

.chromestyle ul li a.on {
background: url(../img/switch_img/navbutton.gif);
color: #fff;
text-decoration: none;
}

/* ######### Style for Drop Down Menu ######### */

.dropmenudiv{
position:absolute;
top: 0;
margin: -1px 0 0 1px;
padding: 0 0 10px 0;
border-top-width: 0;
font:normal 11px arial;
line-height:18px;
z-index:100;
background: url(../img/switch_img/dropmenu.gif) bottom left no-repeat;
width: 220px;
visibility: hidden;
}


.dropmenudiv a{
width:80px;
padding: 0 10px;
float: left;
display: block;
text-decoration: none;
font-weight: 100;
color: #fff;
font-size: 12px;
}

.dropmenudiv div{
	width: 208px;
	height: 15px;
	background: url(../img/switch_img/curve.gif) no-repeat;
	display: block;
	padding: 0 0 0px 0;
}

* html .dropmenudiv a{ /*IE only hack*/
width:80px;
}

.dropmenudiv a:hover{ color:#fff;background:#333}