.ddsmoothmenu { font: 16px Verdana; /*background of menu bar (default state)*/ width: 100%;}
.ddsmoothmenu ul { z-index:100; margin: 0; padding: 0; list-style-type: none; }
/*Top level list items*/
.ddsmoothmenu ul li { position: relative; display: inline; float: left; }
.ddsmoothmenu ul li a.first { background:url(../images/bg-menu-home.gif) top left no-repeat;} 
/*Top level menu link items style*/
.ddsmoothmenu ul li a { display: block; color: #000; padding: 5px 14px; color: #2d2b2b; text-decoration: none; }
* html .ddsmoothmenu ul li a { /*IE6 hack to get sub menu links to behave correctly*/ display: inline-block; }
.ddsmoothmenu ul li a:link, .ddsmoothmenu ul li a:visited { color: #000; }
.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: #d3d3d3; /* background of menu items during onmouseover (hover state)*/ color: #000; }
/*1st sub level menu*/
.downarrowclass { position: absolute; top: 12px; right: 7px; }
.rightarrowclass { position: absolute; top: 6px; right: 5px; }
/* ######### CSS for shadow added to sub menus  ######### */

.ddshadow { position: absolute; left: 0; top: 0; width: 0; height: 0; background: #FFF; }
.toplevelshadow { /*shadow opacity. Doesn't work in IE opacity: 0.8;*/ }
.toplist { border-top: 1px solid #ffe819; }