.chromestyle{ font-family: Verdana, Arial, Helvetica, sans-serif; vertical-align: middle; 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{ background-color: #a2bbbe; background-repeat: repeat-x; background-attachment: scroll; background-position: 100% center; width: 100%; margin: 0; text-align: center; vertical-align: bottom; height: 22px; padding: 3px 0 2px; border-top: 1px solid #000; border-bottom: 1px solid #000; /*set value to "left", "center", or "right"*/
}

.chromestyle ul li{ margin-top: 0; padding-top: 0; display: inline; }

.chromestyle ul li a{ color: black; font-size: 12px; font-weight: normal; margin: 0; text-decoration: none; vertical-align: bottom; height: 100%; padding: 6px 10px 5px; border-right-color: white; border-right-width: 1px; }

.chromestyle ul li a:hover{ color: black; background-color: #9cb1c5; background-position: 99% 18px;
 /*THEME CHANGE HERE*/
}

.chromestyle ul li a[rel]:after{ /*HTML to indicate drop down link*/
content: " ";
/*content: " " url(downimage.gif); /*uncomment this line to use an image instead*/
}


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

.dropmenudiv{ position:absolute; top: 0; font:11px/18px Verdana; z-index:100; background-color: #a2bbbe; width: 200px; visibility: hidden; border-color: #bbb; border-style: solid; border-width: 1px 1px 0; filter: progid:DXImageTransform.Microsoft.Shadow(color=#CACACA,direction=135,strength=4); /*Add Shadow in IE. Remove if desired*/
}


.dropmenudiv a{ width: auto; display: block; text-indent: 3px; border-bottom: 1px solid #fff; /*THEME CHANGE HERE*/
padding: 2px 0; font-weight: normal; color: black; font-size: 11px; text-decoration: none; }

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

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