.ddsmoothmenu{font: 12px Verdana; background: #042f62; width: 100%;}
.ddsmoothmenu ul{z-index:100; margin: 0; padding: 0; list-style-type: none;}
.ddsmoothmenu ul li{position: relative; display: inline; float: left;}
.ddsmoothmenu ul li a{display: block; background: #005797; padding: 8px 10px; border-right: 1px solid #9a9a9a; color: #111111; text-decoration: none;}
* html .ddsmoothmenu ul li a{ 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: #042f62; color: white;}
.ddsmoothmenu ul li a:hover{background: #042f62; /*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; }
.ddsmoothmenu ul li ul li{display: list-item; float: none;}
.ddsmoothmenu ul li ul li ul{top: 0;}
.ddsmoothmenu ul li ul li a{font: normal 11px Verdana; width: 175px; padding: 5px; margin: 0; border-top-width: 0; border-bottom: 1px solid gray;}
* html .ddsmoothmenu{height: 1%;} /*Holly Hack for IE7 and below*/
.downarrowclass{position: absolute; top: 12px; right: 7px;}
.rightarrowclass {position: absolute; top: 6px; right: 7px;}
.ddshadow{position: absolute; left: 0; top: 0; width:0; height:0; background: #331111; }
.toplevelshadow{ /*shadow opacity. Doesn't work in IE*/ opacity: 0.9;}