body {
font-family:"lucida grande", "trebuchet ms", "bitstream vera sans", verdana, helvetica, sans-serif;
}

.chromestyle{ 
background-color:#fff; 
background-image: url(chromebg5.gif); 
background-repeat: repeat-x; 
background-position: 0 0; 
width: 100%; 
border-top: solid 1px #bbb; 
border-bottom: solid 1px #bbb; 
padding:0; 
text-align: center; 
 font: 0.7em/160% Verdana, Arial, Helvetica, sans-serif;
}

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

.chromestyle ul{ 
margin:0 auto 0 auto;
width:940px;
padding: 4px 0; 
text-align: center; 
}

.chromestyle ul li{ display: inline; }

.chromestyle ul li a{
color: white;
padding: 4px 7px;
text-decoration: none;
border-right: 1px solid #e8bebe; /*THEME CHANGE HERE*/
}

.chromestyle ul li a:hover{ background-color: transparent; background-position: center;
 /*THEME CHANGE HERE*/
}

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


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

.dropmenudiv{ 

position:absolute; 
top: 0; 
z-index:500; 
background-color: #c33; 
width: 125px; 
visibility: hidden; 
border:1px solid #a61614;

filter: progid:DXImageTransform.Microsoft.Shadow(color=#CACACA,direction=135,strength=4); /*Add Shadow in IE. Remove if desired*/
}


.dropmenudiv a{
width: 99%;
display: block;
text-indent: 3px;
border: solid 1px #e8bebe; /*THEME CHANGE HERE*/
padding: 2px 0;
text-decoration: none;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:0.8em;
font-weight: normal;
color: white;
}

.dropmenudiv a:hover{ /*THEME CHANGE HERE*/
width: 99%;
display: block;
text-indent: 3px;
border: solid 1px #e8bebe; /*THEME CHANGE HERE*/
padding: 2px 0;
text-decoration: none;
font-weight: normal;
color: white;
}