#menu {
list-style-type:none; 
margin: auto; /* settings for this demo olnly */
padding:0;
width: 100%;
text-align:center;
padding-right:5px;
padding-left: 5px;
}

#menu li {
display:block; 
float:left; 
position:relative; 
z-index:100; 
margin-right:1px;
padding-right:5px;
padding-left: 5px;
}

#menu li span {
display:block; 
z-index:100; 
background:#CD9967; 
padding: 5px 10px;
font-size:1.1em;
}
#menu li a, #menu li a:visited {
display:block; 
padding:0;
}

#menu dl {
position:absolute; 
top:0; 
left:0; 
margin: 0; 
background: url(transparency.gif);
padding-right:5px;
padding-left: 5px;
}

#menu dt {
background: #CD9967; 
margin:0; 
font-size: 1.1em; 
border-bottom:1px solid #4A1E1D; 
float:left; 
border-right:0;
padding-right:5px;
padding-left: 5px;
}

#menu dd {
display:none; 
background: transparent; 
border-bottom:1px solid #4A1E1D; 
border-right:1px solid #4A1E1D; 
border-left:1px solid #4A1E1D;
clear:left; 
margin-left:5px;
margin-right:5px; 
color: #fff; 
font-size: 1em; 
text-align:left;
}

#menu dt a, #menu dt a:visited {
display:block; 
color:#4A1E1D; 
padding: 5px 10px; 
text-decoration:none;
text-align: left;
padding-right:5px;
padding-left: 5px;
}

#menu dd a, #menu dd a:visited {
background:#EEEEEE; 
color:#4A1E1D; 
text-decoration:none; 
display:block; 
padding: 5px 10px;
}

#menu li a:hover {
border:0;
}

#menu li:hover dd, #menu li a:hover dd {
display:block;
}
#menu li:hover dl, #menu li a:hover dl {
}
#menu li:hover dt a, #menu li a:hover dt a{
background: #EEEEEE; 
color:#4A1E1D;
border-right:1px solid #4A1E1D; 
border-left:1px solid #4A1E1D;
}

#menu dd a:hover  {
background: #F1D8AF; 
color:#4A1E1D;
}