.chromestyle{width: 980px;font-family: verdana, arial, helvetica;font-size:9pt;}
.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:8px 0;margin: 0;text-align: center; /*set value to "left", "center", or "right"*/}
.chromestyle ul li{display: inline;}
.chromestyle ul li a{color: #ffffff;padding: 4px 4px;margin: 0;text-decoration: none;border-right:0px solid #FFF;}
.chromestyle ul li a:hover{color:#FFFFFF;/*THEME CHANGE HERE*/}/*.chromestyle ul li a[rel]:after{/*HTML to indicate drop down link content: "v"; font-size: 11px;uncomment this line to use an image instead content: url(/images/site/downarrow.gif);}*//* ######### Style for Drop Down Menu ######### */
.dropmenudiv{position:absolute;top: 0px;border: 1px solid #8d7951; /*THEME CHANGE HERE*/border-bottom-width: 10;font-family:verdana, arial, helvetica;font-size: 11px;line-height:11px;z-index:100;background-color: white;width: 200px;visibility: hidden;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: 0px solid #8d7951; /*THEME CHANGE HERE*/padding: 5px;text-decoration: none;color: black;}
* html .dropmenudiv a{ /*IE only hack*/width: 100%;}
.dropmenudiv a:hover{ /*THEME CHANGE HERE*/background-color: #dacbad;}
/*this is the css for the vertical version*/
.vertical ul{list-style-type: none;border-top: 0px solid;text-align: left;padding:2px 2;margin: 0;}
.vertical li a{display: block;width:175px;text-decoration: none;height: 1.2em;padding: .50em 0px;border: 0px solid;border-top: 0px;}
.vertical li{/*Needed for IE. Don't ask me why, It was a lucky guess.*/display: inline;}
.vertical li ul{position: absolute;margin-top: -1.91em;margin-left: 175px;}
/*this is the css for the horizontal version*/
.horizontal ul{list-style-type: none;padding: 0px;border-left: 1px solid;display: block;height: 1.4em;}
.horizontal li{float: left;display: inline;}
.horizontal li a{text-decoration: none;height: 1.2em;float: left;display: block;width: 125px;padding: .1em 1px;border: 1px solid;border-left: none;}
.horizontal li li a{border-top: none;border-left: 1px solid;}
.horizontal li ul{position: absolute;margin-top: 1.3em;margin-left: -1px;width: 129px;border: none;display: block;height: auto;border-top: 1px solid;}
.horizontal li li ul{position: absolute;margin-top: .1em;margin-left: 125px;}
.horizontal li ul li a{width: 125px;}/*This section makes the menu not work in non-javascript enabled browsers by not showing the menu by default-This can be worked around by making top level links point to a sitemap*/
/*Not sure if I recommend this or not*/
.inaccesible li ul{display: none;}
/*Arrow code - looks like <a class="haschild" href="#">Text <span>Arrow</span></a> can be turned on/off with arrow class*/
.arrow a span{padding-left: 1em;font-size: 11px;}
.arrow a:hover span{padding-left: 2em;}
.arrow a span.noshow{visibility: hidden;}
/*Plus code*/
.plus a span{padding-left: .5em;}
/*colors for menu*/
.blackwhite li a{color: #806a40;height: auto;}
.blackwhite li a:hover{background-color:#dacbad;color: #806a40;height: 20;}
.blackwhite ul{border-color: black;}
.bluewhite li a{background-color: white;color: #000000;border-color: #000000;}
.bluewhite li a:hover{background-color: #000033;color: white;border-color: #000033;}
.bluewhite ul{border-color: #000033;}
/*Not really sure why IE needs all these,but hey it works!*/
.horizontal  li ul{margin-top: 1.4em;margin-left: -129px;}	
.horizontal  li li ul{position: absolute;left: 0px;}
/*These assist the iframe shim*/
.mlmenu iframe{position: absolute;display: none;filter: alpha(opacity=0);z-index: 20;}
select,object,iframe{z-index: 1;}
#chromemenu img
{

}
.Blank{}
<!-- server 1 -->
