.chromestyle{
width: 99%; 
text-transform: uppercase;
	font-size: 10px;
	font-weight: bold;
	float: left;
	color: #ffffff;
	padding:5px 0 5px 5px ;
	_padding:5px 0 5px 9px ;
	}

 

.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: 4px 0;
margin: 0;
text-align: left; /*set value to "left", "center", or "right"*/
}

 

.chromestyle ul li{
display: inline;
}

.chromestyle ul li a{
color: #ffffff;
padding: 10px 25px 10px 0;
margin: 0;
text-decoration: none; 
}

 

.chromestyle ul li a:hover, .chromestyle ul li a.selected{ 
text-decoration:none;
	color:#F8B712;/*script dynamically adds a class of "selected" to the current active menu item*/
}

.chromestyle ul li a.active{
text-decoration:underline;
	color:#ffffff;
}
/* ######### Style for Drop Down Menu ######### */

.dropmenudiv{
position:absolute;
top: 0;
 text-transform: uppercase;
	font-size: 10px;
	font-weight: bold;
	padding:5px;
	float: left;
	color: #ffffff;
line-height:22px;
z-index:100;
background-color: #222222;
opacity:.96;
width: 200px;
visibility: hidden;
 
}
 

.dropmenudiv a{

color:#ffffff;
width: 100%;
display: block;
text-indent: 3px;
 padding: 2px 0 5px 10px;
text-decoration: none;
font-weight: bold;
 }

 

.dropmenudiv a:hover{ /*THEME CHANGE HERE*/
text-decoration:none;
	color:#F8B712; 
}
.dropmenudiv a.active{ /*THEME CHANGE HERE*/
text-decoration:underline; 
}