.chromestyle{
background:url(../images/bg-nav.gif) no-repeat top;
width:100%;
margin-top:10px;
}

.chromestyle:after{ /*Add margin between menu and rest of content in Firefox*/
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
}

.chromestyle ul{

width: 100%;

padding:0;
margin: 0;
text-align: left; /*set value to "left", "center", or "right"*/
}

.chromestyle ul li{
display: inline;
float:left;
}

.chromestyle ul li a{
	color:#ffffff;
	font-size:13px;
	padding:7px 12px 20px 7px;
	display:block;
	margin-left:11px;
}

.chromestyle ul li.on a{
	color:#ffffff;
	font-size:13px;
	padding:7px 12px 20px 7px;
	display:block;
	margin-left:11px;
	background:url(../images/nav-bg-on.gif) no-repeat  left;
}

.chromestyle ul li a.selected  {
	background:url(../images/nav-bg-hover.gif) repeat-x top;
}

.chromestyle ul li a:hover, .chromestyle ul li a.selected { /*script dynamically adds a class of "selected" to the current active menu item*/
	color:#03126b;
	background:url(../images/bg-nav-hover.gif) repeat-x top left;
	text-decoration:none;
}







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

.dropmenudiv{
position:absolute;
top: 0;

line-height:18px;
z-index:100;
width: 200px;
visibility: hidden;
background:#03126b;
border-bottom:5px solid #ff6000;
border-left:5px solid #ff6000;

}


.dropmenudiv a{
display: block;
padding: 8px 14px 8px 14px;
text-decoration: none;
font-size:13px;
font-family: Arial, Helvetica, sans-serif;
color:#fff;


}

.dropmenudiv a:hover{ /*THEME CHANGE HERE*/
background:#ff6000;
color:#fff;
}

.chromestyle ul li.selected a {
	background:url(../images/nav-bg-on.gif) no-repeat top left;
	color:#fff;
}