ul#menu {
  list-style: none;
  background: #6A5635 url("images/bg_menu.jpg") repeat-x;
  margin: 0;
  padding: 0;
  width: 100%;
  height: 26px;
  border-top:3px #fff solid; 
  border-bottom:3px #fff solid; 
	z-index:400;
}

ul#menu li {
    background:#6A5635 url("images/bg_menu.jpg");
    margin: 0; 
    border-right:3px #fff solid; 
    float:left; 
    display:block; 
    width:auto; 
    height: 26px; 
    overflow: visible;
}


ul#menu ul li {
	float: none;
	position: relative;
	border-bottom: 1px solid #FFF; /* fixes gap problem in IE */
	border: none;
	z-index:1000;
}

ul#menu li ul {
    border: 3px #fff solid; 
	border-top:none;
	margin: 0;
	padding: 0;
	display:none;
	list-style: none;
	position: absolute;
	background: #FFF;
}
ul#menu ul ul{
	margin: 0 .2em;
	position: absolute;
	top: -3px; /* if using borders, -1px to align top borders */
	left: 100%;
}


ul#menu li a:link,
ul#menu li a:visited,
ul#menu li a:hover,
ul#menu  li a:active{


    font: 1.1em/120% "Trebuchet MS",Trebuchet,Arial,Verdana,Sans-serif,'Arial Black'; 
    color:#fff; 
    text-decoration:none; 
    display:block; 
    height: 21px; 
    width:auto; 
    text-transform:uppercase; 
    font-weight: bold;
    letter-spacing: 1px; 
    padding: 5px 10px 0 10px;
    overflow: visible;

}

ul#menu * a:hover, ul#menu li a:active,
ul#menu li a:hover,
ul#menu  li a:active{
background:#EBE0C0 !important;
color: #333;
}

ul#menu ul li a:link,
ul#menu ul li a:visited,
ul#menu ul li a:hover,
ul#menu ul li a:active {
    width:auto;
}