#chromemenu{}

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

#chromemenu ul{ background-position: 0% 0%; width: 100%; margin: 0; float: left; 
				font-family: verdana, arial, sans-serif; font-size: 10px; font-weight: bold; list-style-type:none; 
				padding-top:6px; background-image:url('images/middle-gray-bar.jpg'); background-repeat:repeat-x; background-attachment:scroll }

#chromemenu ul li{ display: inline; }

#chromemenu ul li a{
	float: left;
	color: #178DE1;
	font-weight: bold;
	text-decoration: none;
	padding-right: 20px;
	padding-bottom: 6px;
	padding-left: 20px;}

#chromemenu ul li a:hover{ color: #0061AA; }

#chromemenu ul li a[onMouseover]:after{ content: ""; }

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

.dropmenudiv { position: absolute; margin-top: 0px; margin-left: 18px; border-left: 1px solid #CCCCCC; 
               border-right: 1px solid #CCCCCC; font-family: verdana, arial, sans-serif; font-size: 10px;
               font-weight: bold; line-height: 20px; z-index: 100; width: 210px; visibility: hidden; 
               background-image: url(images/menu-drop.jpg); text-align: left;
               filter: progid:DXImageTransform.Microsoft.Shadow(color=#8C8C8C,direction=135,strength=4); }
               
.dropmenudiv a:link    { width: 100%; display: block; text-indent: 3px; padding: 0; text-align: left; 
                         text-decoration: none; font-weight: bold; color: 178DE1; }

.dropmenudiv a:visited { width: 100%; display: block; text-indent: 3px; padding: 0; text-align: left; 
                         text-decoration: none; font-weight: bold; color: 178DE1; }

.dropmenudiv a:hover   { text-align: left; color: #0061AA; background-image: url(images/menu-drop-2.jpg); }

.dropmenudiv a:active  { width: 100%; display: block; text-indent: 3px; padding: 0; text-align: left; 
                         text-decoration: none; font-weight: bold; color: 178DE1; }