#chromemenu{
/*width: 100%;*/
width: 767px;
}

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

#chromemenu ul{
border-left: 1px solid #BBB;
border-top: 1px solid #BBB;
border-bottom: 1px solid #BBB;
width: 100%;
background-color: rgb(204,0,0); /*#940000;*/
margin-left: 0;
padding-left: 0;
margin: 0;
float: left;
font: bold 10px Verdana;
}


#chromemenu ul li{
display: inline;
}


#chromemenu ul li a{
float: left;
color: #FFFFFF;
font-weight: bold;
padding: 6px 12px 6px 12px;
text-decoration: none;
/*background: url(divider.gif) center right no-repeat; /*Theme Change here*/
border-right: 1px solid #BBB;
}

#chromemenu ul li a:hover{
background-color: black;/*rgb(204,0,0);*/
}

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

.dropmenudiv{
  text-align: left;
  position:   absolute;
  top:        0;
  border:     1px solid #BBB; /*Theme Change here*/
  border-bottom-width: 0;
  font:       normal 10px Verdana;
  line-height:14px;
  z-index:    100;
  background-color: rgb(204,0,0);/*#940000;*/
  color:      white;
  width:      180px;
  visibility: hidden;
}

.dropmenudiv a{
  width:            100%;
  display:          block;
  text-indent:      3px;
  border-bottom:    1px solid #BBB; 
  padding:          2px 0;
  text-decoration:  none;
  font-weight:      bold;
  color:            white;
}

.dropmenudiv a:link{
  color:            white;
}

.dropmenudiv a:hover{ 
  background-color: black;
  color:            white;
}