.menu, .menu li ul{
list-style-type: none;
margin: 0;
padding: 0;
width: 199px; /* width of main menu items */
border: 1px solid black;
}

.menu li{
position: relative;
}

.menu li a{
background: white url(images/button_bg.gif) repeat-x bottom left;
font: bold 12px Verdana, Helvetica, sans-serif;
color:#993333;
display: block;
width: auto;
padding: 5px 0;
padding-left: 10px;
text-decoration: none;
}

/* Sub Menu Styles */
.menu li ul{ 
position: absolute;
width: 200px; /* width of sub menu items*/
left: 0;
top: 0;
display: none;
color: white;
}

.menu li ul li{
float: left;
}

.menu li ul a{
width: 190px; /* width of sub menu items: 10px padding - left for A elements */
color:#993333;
}

.menu .arrowdiv{
position: absolute;
right: 2px;
background: transparent url(images/menu_arrow.gif) no-repeat center right;
}

.menu li a:visited, .menu li a:active{
color:#993333;
}

.menu li a:hover{
background-image: url(images/button_bg2.gif);
color: white;
}

/* Hack for IE \*/
* html .menu li { float: left; height: 1%; }
* html .menu li a { height: 1%; }
/* End */