/* Dropdown CSS starts here */
#chromemenu{width:789px; height:35px;  background-color:#F2F2F2;}
	
#chromemenu:after{ /*Add margin between menu and rest of content in Firefox*/
content: "."; 
display: block; 
height: 0px; 
clear: both; 
visibility: hidden;
}

#chromemenu ul{
border: 0px;
padding: 0px;
margin: 0px;
float: left;
font-family:Verdana;
font-size:11px;
color:#333333;
}

#chromemenu ul li
{
float: left;
display:inline; 
} /* inline */

#chromemenu ul li a
{	
float: left;
font-family:Tahoma;
font-size:11px;
color:#333333;
border-right: 1px solid #e2e2e2;
padding: 11px 8px 9px 2px;
text-decoration: none;
}

#chromemenu ul li a:hover
{
color:#333333; 
}

#chromemenu ul li a[onMouseover]:after{ /*HTML to indicate drop down link*/
color:#00FF33;
/*content: " " url(downimage.gif); /*uncomment this line to use an image instead*/
}
/* ######### Style for Drop Down Menu ######### */

.dropmenudiv{
position:absolute;
text-align:left;
top: 0;
z-index:1000;
border: 1px solid #e2e2e2;
font:normal 11px Tahoma;
background-color: #f2f2f2;
width: 150px;
visibility: hidden;
}

.dropmenudiv a{
display: block;
z-index:1000;
text-indent: 8px;
border-bottom: 1px solid #e2e2e2;
padding-top:5px;
padding-left:7px;
padding-bottom:7px;
text-decoration: none;
font-weight: normal;
color:#000000;
}

.dropmenudiv a:hover{ /*Theme Change here*/
border-bottom: 1px solid #e2e2e2;
background-color: #ffb400;
color:#f2f2f2;
z-index:1000;
}
/* Dropdown CSS ends here */