.ddsmoothmenu{font: bold 11px Arial, Helvetica, sans-serif; background: none; width: 100%;} /*background of menu bar (default state)*/
.ddsmoothmenu ul{z-index:100; margin: 0; padding: 0; list-style-type: none;}
.ddsmoothmenu ul li{position: relative; display: inline; float: left; width:140px; text-align:center; text-transform:uppercase;}
.ddsmoothmenu ul li a{display: block; background-color:#87BCCD; color: #FFF; padding: 6px 6px; border-right: 1px solid #67AAC0; 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: #FFF;}
.ddsmoothmenu ul li a.selected{background-color:#87BCCD; color: #FFF;}
.ddsmoothmenu ul li a:hover{background-color:#98C5D3; color:#42859B;}
.ddsmoothmenu ul li ul{position: absolute; left: 0; display: none; visibility: hidden;}
.ddsmoothmenu ul li ul li{display: list-item;float: none; list-style:none; margin:0;}
.ddsmoothmenu ul li ul li ul{top: 0;}
.ddsmoothmenu ul li ul li a{font: 11px Verdana; font-weight:bold; text-transform:lowercase; text-align:left; width: 125px; padding: 7px; margin: 0; border-top-width: 0;border-top: 1px solid #67AAC0; border-bottom: 1px solid #C4DDE6;}
* html .ddsmoothmenu{height: 1%;}
.downarrowclass{position: absolute; top: 12px; right: 7px;}
.rightarrowclass{position: absolute; top: 11px; right: 5px;}
.ddshadow{ /*shadow for NON CSS3 capable browsers*/position: absolute; left: 0; top: 0; width: 0; height: 0;}
.toplevelshadow{ /*shadow opacity for NON CSS3 capable browsers. Doesn't work in IE*/opacity: 0.8;}