.chromestyle { width: 99%; font-weight: bold; }

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

.chromestyle ul { border:0px solid #BBB; width: 100%; /*THEME CHANGE HERE*/
padding: 4px 0; margin: 0; text-align: center; /*set value to "left", "center", or "right"*/ }

.chromestyle ul li { display: inline; }

.chromestyle ul li a { color: #494949; padding: 4px 7px; margin: 0; text-decoration: none; border-right: 1px solid #DADADA; }

.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(chromebg-over.gif) center center repeat-x; /*THEME CHANGE HERE*/ }

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

.dropmenudiv { position:absolute; top:0; border:1px solid #BBB; /*THEME CHANGE HERE*/ border-bottom-width:0;
line-height:18px; z-index:9999; background:#fff; width:200px; visibility:hidden; margin:0px 0 0 5px;  }


.dropmenudiv a { width:auto; display:block; border-bottom:1px solid #BBB; /*THEME CHANGE HERE*/
padding:2px 5px 2px 5px; text-decoration:none; font-weight:normal; color:black; background:#F0F0F0; }

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

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