.chromestyle{ width: 99%; font-weight: bold; margin-left: 50px; }

.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: white; background-repeat: repeat-x; 

background-attachment: scroll; background-position: center; border: 0; width: 750px; text-align: center; font-family: Verdana; width: 750px; margin: 0 auto; text-align: center; height: auto; clear: both;/*set value to "left", "center", or "right"*/
}
.chromestyle ul li{ display: inline; }

.chromestyle ul li a{ color: black; padding: 2px 7px; margin: 0; text-decoration: none; border-right: 1px dotted olive; /*THEME CHANGE HERE*/
}

.chromestyle ul li a:hover, .chromestyle ul li a.selected{ /*script dynamically adds a class of "selected" to the current active menu item*/
color: #983620; background-color: #fff; background-repeat: repeat-x; background-attachment: scroll; background-position: center; /*THEME CHANGE HERE*/
}


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

.dropmenudiv{ position:absolute; top: 0; font:12px/18px Verdana; z-index:100; background-color: white; width: 200px; visibility: hidden; border-color: #fff; 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: 100%;
display: block;
text-indent: 3px;
border: solid 1px #983620; /*THEME CHANGE HERE*/
padding: 2px 0;
text-decoration: none;
font-weight: bold;
color: #fff;
}

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