dl, dt, dd, ul, li {
margin: 0;
padding: 0; width:100%;  
list-style-type: none;
}


#menu dl {
float: left; 
position: relative; width:24%; height:46%; margin-left:2px;  
}
#menu dt { border-top:1px solid yellow;
cursor: pointer; padding-top:1px; 
text-align: center; height:100%;  
}

#menu dp { border-top:1px solid yellow;
cursor: pointer; padding-top:1px; 
text-align: center; height:100%;  
}

#menu dd { 
opacity:0.9;
filter:alpha(opacity=90); 
left:30%; /*background-color:#333;*/ background-color:#ffffff;    
position: absolute; margin-top:-3px;
/* bottom:100%;*/ 
}
#menu li {
text-align: center; 
}
#menu li a { 
/*color: white;*/ color:#000000; font-size:1.3em;
text-decoration: none;
display: block;
height: 100%;
border: 0 none;
}
 #menu dt a {
color: #fff; font-size:15px; font-style:italic; line-height:80%;  
text-decoration: none;
display: block;
height: 100%;
border: 0 none;
}

#menu li a:hover {
/*background: #ccc; color:red;*/ background-color:#333333; color:#FFFFFF; 
}

#menu dt a:hover {
/*color:red;*/color:yellow;
}


a {
text-decoration: none;  
color: #222;
}