.ddsmoothmenu{font:normal 13px Arial, Helvetica, sans-serif; background:#282b26; width: 100%;}
.ddsmoothmenu ul{z-index:100; margin:0; padding:0 0 0 15px; list-style-type:none;}
.ddsmoothmenu ul li{position: relative; display: inline; float: left;}
.ddsmoothmenu ul li a{display:block; background:#000000; /*background of menu items (default state)*/ color:white; padding:6px 14px; color:#FFFFFF; text-decoration: none; text-transform:uppercase;}
* 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:white;}
.ddsmoothmenu ul li a.selected{ /*CSS class that's dynamically added to the currently active menu items' LI A element*/ background:#282b26; color:white;}
.ddsmoothmenu ul li a:hover{background:#282b26; /*background of menu items during onmouseover (hover state)*/color:white;}
.ddsmoothmenu ul li ul{position:absolute; left:0; display:none; /*collapse all sub menus to begin with*/ visibility:hidden; padding:1px 0 0 0;}
.ddsmoothmenu ul li ul li{display: list-item; float:none; padding:0;}
.ddsmoothmenu ul li ul li ul{top:0; padding:0;}
.ddsmoothmenu ul li ul li a{ font:normal 13px Arial, Helvetica, sans-serif; width:160px; /*width of sub menus*/ padding:5px 5px 6px 14px;; margin:0; border-top-width:0; border-bottom:1px solid #5d645a; text-transform:none; background-color:#282b26;}
.ddsmoothmenu ul li ul li a:hover{background-color:#8e918c; border-bottom:1px solid #5d645a; color:#000;}
/* Holly Hack for IE \*/ 
* html .ddsmoothmenu{height:1%;} /*Holly Hack for IE7 and below*/
/* down and right arrow images */
.downarrowclass{ position:absolute; top:12px; right:7px;}
.rightarrowclass{position:absolute; top:6px; right:5px; }
/* shadow added to sub menus */
.ddshadow{ position:absolute; left:0; top:0px; width:0; height:0; background:silver;}
.toplevelshadow{/*shadow opacity. Doesn't work in IE*/ opacity: 0.8;}