.chromestyle { font: Comic Sans; font-size:9pt; font-weight: 600; width: 99% }

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

.chromestyle ul { background: repeat-x center; text-align: center; margin: 0; padding: 4px 0; width: 100% }

.chromestyle ul li{
display: inline;
}

.chromestyle ul li a { color: #FFFFFF; text-decoration: none; margin: 0; padding: 1px 8px }

.chromestyle ul li a:hover { color: #1C449F; background: repeat-x center }

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


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

.dropmenudiv   { font: 12px/18px Arial; background: #f5f5f5 url(navbar_dropmenu_background.png) repeat; border-style: solid; border-width: 1px 1px 0px 1px; border-color: #000; position: absolute; z-index: 100; top: 0; width: auto; visibility: hidden; filter: progid:DXImageTransform.Microsoft.Shadow(color=#000000,direction=135,strength=2) }


.dropmenudiv a { color: black; font-weight: bold; font-size: 9pt; text-decoration: none; text-indent: 3px; padding: 1px 3px; width: 100%; height: 24px; display: block }

* html .dropmenudiv a { width: 100% }

.dropmenudiv a:hover { }