.chromestyle{
   width: 100%;
   font-weight: bold;
}

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

.chromestyle ul {
   width: 100%;
   padding: 4px 0;
   margin: 0;
   text-align: left; /*set value to "left", "center", or "right"*/  
}

.chromestyle ul li {
   display: inline;
   color: #ffffff; /* vertical lines separating menu items */

}

.chromestyle ul li a,
.chromestyle ul li a:link,
.chromestyle ul li a:visited,
.chromestyle ul li a:active {
   padding: 4px 7px;
   margin: 0;
   text-decoration: none;
   font: normal 11px verdana, arial;
   color: #ffffff;                            
   /*
   background: url(layout/bg_menu_normal.gif);
   */
}

.chromestyle ul li a:hover { 
   color: #ffcc00;                          
   /*
   background: url(layout/bg_menu_over.gif);  
   */
}

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

.dropmenudiv {
   position:absolute;
   top: 0;
   border: 1px solid #000000; /*THEME CHANGE HERE*/
   font: normal 11px verdana, arial;
   line-height: 18px;
   z-index: 100;
   background-color: #eaeaea;
   width: 240px;
   visibility: hidden;
}


.dropmenudiv a,
.dropmenudiv a:link,
.dropmenudiv a:visited,
.dropmenudiv a:active {
   width: auto;
   display: block;
   text-indent: 8px;
   padding: 2px 0;
   text-decoration: none;
   font-weight: normal;
   color: #333333;
}

* html .dropmenudiv a { /*IE only hack*/
   width: 100%;
}

.dropmenudiv a:hover { /*THEME CHANGE HERE*/
   color: #ffcc00; 
   background-color: #000000;
   text-decoration: none;
}