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





.chromestyle ul li a:hover, .chromestyle ul li a.selected{ /*script dynamically adds a class of "selected" to the current active menu item*/

}

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

.dropmenudiv {position: absolute; top: 0; margin: -1px 0 0 0; border-bottom-width: 0; line-height: 18px; z-index: 100; background-color: #e8e3da; width: 151px; visibility: hidden; padding: 0;}


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

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

ul#submenu {list-style: none; margin: 0; padding: 0;float: none!important; height: 168px;  background: none;}
ul#submenu li {float: none!important; width: 151px; padding: 0; margin: 0; background: none;height: auto;}
ul#submenu li a {float: none;padding: 5px 10px; margin: 0;width: 131px;  background: none; text-align: left; border-bottom: 1px solid #fff; font-weight: normal; font-size: 85%; height: auto;}
ul#submenu li a:hover {background: #aa9c88; color: #fff;}