.chromestyle{ width:100%;}

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

.chromestyle ul{ font-weight:bold; width:100%; background-color:white; text-align:center;}
.chromestyle ul li{ display:inline; background-image:url(../images/lisa/top-menu_bg.jpg); background-position:left; background-repeat:repeat-x; height:32px; float:left; margin-right:1px; padding:0px 38px;}
.chromestyle ul li a{ color:white; text-decoration:none; margin-top:9px; float:left;}
.chromestyle ul li a:hover{ color:black;}	
.chromestyle ul li a.active{ color:black;}



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

.dropmenudiv{ position:absolute; top:0; border:1px solid #BBB; border-bottom-width:0; z-index:100; background-color:white; width:126px; visibility:hidden; margin-top:8px; margin-left:-39px;}
.dropmenudiv a{ width:auto; display:block; text-indent:3px; border-bottom:1px solid #BBB; padding:5px 5px; text-decoration:none; color:#4E720E;}
.dropmenudiv a:hover{ color:black; background-color:#E9E9E9;}

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

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