.chromestyle{
 overflow: hidden;
}

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

.chromestyle ul{ margin-top: 0px; padding: 0; float: left; font: 17px Tahoma; color: #fff; display:inline-block;/*set value to "left", "center", or "right"*/}

.chromestyle ul li{
display: inline;
}

.chromestyle ul li a{float:left; color: #fff; padding: 0px 0px; text-decoration: none; display:inline-block; }

.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(images/app-nav-hover.jpg) no-repeat;
/*THEME CHANGE HERE*/
}

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

.dropmenudiv{
position:absolute;
top: 0; /*THEME CHANGE HERE*/
z-index:100;
visibility: hidden;
width: 500px;
padding: 2px 0;
}


.dropmenudiv a{
 background:#fff; font: 14px Tahoma; color: #390074; padding: 10px 6px; margin: 0; text-decoration: none; height: 17px;
}

* html .dropmenudiv a{ /*IE only hack*/
width: 100%;
}

.dropmenudiv a:hover{ /*THEME CHANGE HERE*/
background: #078280; font: 14px Tahoma; text-decoration:none; color:#FFFFFF;
}