.chromestyle  { font-family: Arial; font-weight: bold; text-align: center; width: 99%; border-width: 1px }

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

.chromestyle ul  { font-family: Arial; background: url("chromebg.gif") repeat-x center; margin: 0; padding: 4px 0; width: 100%; border: solid 1px #bbb }

.chromestyle ul li   { display: inline }

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

.chromestyle ul li a:hover { background: url("chromebg-over.gif") repeat-x center; border-width: 1px }

.chromestyle ul li a[rel]:after { border-width: 1px; content: "" }


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

.dropmenudiv    { font: 12px/18px Arial; background-color: white; visibility: hidden; list-style-type: none; position: absolute; z-index: 100; top: 0; width: 200px; border: solid 1px #bbb; filter: progid:DXImageTransform.Microsoft.Shadow(color=#CACACA,direction=135,strength=4)    }


.dropmenudiv a  { color: black; font-weight: bold; text-decoration: none; text-align: left; text-indent: 3px; display: block; padding: 2px 0; border-bottom: 1px solid #bbb }

* html .dropmenudiv a  { text-align: left; width: 100% }

.dropmenudiv a:hover { background-color: #f0f0f0; text-align: left }