.ddsmoothmenu{
font:bold 12px Verdana;
}
.ddsmoothmenu ul{
z-index:100;
margin:0;
padding:0;
list-style-type:none;
}
.ddsmoothmenu ul li a{/*Top level menu link items style*/
display:block;
color:white;
padding:8px 10px;
border-left:1px solid #778;
color:#2d2b2b;
text-decoration:none;
}
.ddsmoothmenu li li a{
background:#414141; /*background of menu items (default state)*/
}
.ddsmoothmenu ul li a:link, .ddsmoothmenu ul li a:visited{
color:white;
}
.ddsmoothmenu ul li a.selected{/*CSS class that's dynamically added to the currently active menu items' LI A element*/
background:black; 
color:white;
}
.ddsmoothmenu ul li a:hover{
background:black;/*background of menu items during onmouseover (hover state)*/
color:white;
}
.ddsmoothmenu ul li ul{/*1st sub level menu*/
position:absolute;
left:0;
display:none;/*collapse all sub menus to begin with*/
visibility:hidden;
}
.ddsmoothmenu ul li ul li{/*Sub level menu list items (undo style from Top level List Items)*/
display:list-item;
float:none;
}
.ddsmoothmenu ul li ul li ul{/*All subsequent sub menu levels vertical offset after 1st level sub menu */
top:0;
}
.ddsmoothmenu ul li ul li a{/* Sub level menu links style */
font:normal 13px Verdana;
width:160px; /*width of sub menus*/
padding:5px;
margin:0;
border-top-width:0;
border-bottom:1px solid gray;
}
/* ######### CSS classes applied to down and right arrow images  ######### */
.downarrowclass{
position:absolute;
top:12px;
right:7px;
}
.ddshadow{/* ######### CSS for shadow added to sub menus  ######### */
position:absolute;
left:0;
top:0;
width:0;
height:0;
background:silver;
}
.toplevelshadow{
opacity:0.5;
FILTER:alpha(opacity=50);
}