body { font: normal 10px verdana; 
}
 
ul.menubar{
width: 628px;
  margin: 0px;
  padding: 0px;
  background-color: #6f5b43; /* IE6 Bug */
  font-size: 10px;
}
 
ul.menubar .submenu{
  margin: 0px;
  padding: 0px;
  list-style: none;
  background-color: #6f5b43;
  border: 0px;
  float: left;
}
 
ul.menubar ul.menu{
  display: none;
  position: absolute;
  margin: 0px;
}
 
ul.menubar a{
  padding: 5px;
  display:block;
  text-decoration: none;
  color: #ffffff;
  background-color:#6f5b43;
  padding: 10px;
}
 
ul.menu, ul.menu ul{
  margin: 0;
  padding: 0;
  border-bottom: 0px solid #ccc;
  width: 255px; /* Width of Menu Items */
  background-color: #6f5b43; /* IE6 Bug */
}
 
ul.menu li{
  position: relative;
  list-style: none;
  border: 0px;
}
 
ul.menu li a{
  display: block;
  text-decoration: none;
  border: 0px solid #ccc;
  border-bottom: 0px;
  color: #ffffff;
  padding: 5px 10px 5px 5px;
  background:#6f5b43;
}
 

 
/* Fix IE. Hide from IE Mac \*/
* html ul.menu li { float: left; height: 1%; }
* html ul.menu li a { height: 1%; }
/* End */
 
ul.menu ul{
  position: absolute;
  display: none;
  left: 255px; /* Set 1px less than menu width */
  top: 0px;
}
 
ul.menu li.submenu ul { display: none; } /* Hide sub-menus initially */
 
ul.menu li.submenu { background: transparent url(arrow.gif) right center no-repeat; }
 
ul.menu li a:hover { color: #999966; }