a.dropact{
   color:#ffffff !important;
}

.menu {
   width:470px;
   font-size:0.85em;
   position:relative;
   z-index:500;
}


/* remove all the bullets, borders and padding from the default list styling */
.menu ul {
   padding:0;
   margin:0;
   list-style-type:none;

}

.menu ul li ul {
   visibility:hidden;
   position:absolute;
   height:0;
   top:30px;
   left:-10px; 
   width:100px;

}

/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
.menu li {
   float:left;
   width:20%;
   position:relative;
}

.menu ul li ul li{
   text-align:left;
   width:95px;
   padding-left:5px;
 }

/* style the links for the top level */
.menu a,  
.menu a:visited {
   display:block;
   font-size:11px;
   text-decoration:none;
   width:15%x;
   height:30px;
   color:#362c2c;
   background-color: #c55218;
   line-height:30px;
}


/* style the top level hover */
.menu a:hover,  
.menu ul li ul li a:hover{
   color:#ffffff; 
   background-color: #c55217;
}


/************************************************/

/* make the second level visible when hover on first level list OR link */
.menu ul li:hover ul,
.menu ul a:hover ul{
   visibility:visible; 
}

/************************************************/

/* style the second level links */
.menu ul li ul a,  
.menu ul li ul a:visited {
   color:#362c2c; 
   height:auto; 
   line-height:1em; 
   padding-left:5px;
   padding-top:5px;
   padding-bottom:5px;
   width:95px;
   /* yet another hack for IE5.5 */
}


/* style the table so that it takes no ppart in the layout - required for IE to work */
.menu table {
   position:absolute; 
   top:0; 
   left:0;
 }


* html  .menu ul li ul a{
   width:95px;
   w\idth:95px;
}