#chromemenu{
; background-image: url(../divider.gif); background-repeat: no-repeat
}

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

#chromemenu ul{
width:96%;
border: 0px solid #BBB;
background: url(../group_bar_fade.jpg) repeat-x center center;
margin: 0 0;
float: left;
font: bold 11px Arial, Helvetica, sans-serif;
; z-index: 1; clip:  rect(   )
}


#chromemenu ul li{
display: inline;
}


#chromemenu ul li a{
float: left;
color: #000000;
font-weight: bold;
padding: 6px 12px 6px 7px;
text-decoration: none;
z-index:1;
background: url(divider.gif) no-repeat; /*Theme Change here*/
}

#chromemenu ul li a:hover{
color: #FFCC00;
; background-color: #000000
}


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

.dropmenudiv{
position:absolute;
top: 0;
border: 000000 solid;
font:normal 11px verdana, Helvetica, sans-serif;
z-index:1;
background-color: ececec;
width: 215px;
visibility: hidden;
filter: progid; clip:  rect(   ); border-width: 1px 1px 0:DXImageTransform.Microsoft.Shadow(color=000000,direction=135,strength=4); /*Add Shadow in IE. Remove if desired*/
}

.dropmenudiv a{
	width: 215px;
	display: block;
	border-bottom: 1px solid #000000;
	border-right: 1px solid #000000;
	border-left: 1px solid #000000;
	text-decoration: none;
	font-weight: normal;
	color: black;
	;
	z-index: 1;
	clip:  rect(   );
	background-color: ececec;
	padding-top: 4px;
	padding-right: 4;
	padding-bottom: 4px;
	padding-left: 4;
}

.dropmenudiv a:hover{ /*Theme Change here*/
background-color: #999999;
; color: #FFFFFF
}

.dropmenudiv a:visited{
text-decoration: none;
color: black;
}