.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: 10px 0px;
   margin: 0; /* important */
   text-align: left; /*set value to "left", "center", or "right"*/  
}

.chromestyle ul li {
   display: inline;
   color: #999999; /* 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: 0px 5px;
   */
   margin: 0px;
   text-decoration: none;
   font: bold 12px verdana, arial;
   color: #990000;                            
   /*
   background: url(layout/bg_menu_normal.gif);
   */
}

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

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

.dropmenudiv {
   position:absolute;
   top: 0;
   border: 1px solid #BBB; /*THEME CHANGE HERE*/

   /*
   border-top: solid 1px #d6d6d6;
   border-right: solid 4px #d6d6d6;
   border-bottom: solid 4px #d6d6d6;
   border-left: solid 1px #d6d6d6;
   */
   
   font: bold 12px verdana, arial;
   line-height: 150%;
   z-index: 100;
   background-color: #fff9ea;
   width: 380px;
   visibility: hidden;
}


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

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

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