.ddsmoothmenu{
   font: bold 1.2em Verdana;
   background-color: #336699;
   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: #66a1d2; 
   color: white;
   padding: 8px 10px;
   font-size: 1.2em;
   border-right: 1px solid #333;
   color: #2d2b2b;
   text-decoration: none;
}

* html .ddsmoothmenu ul li a{ 
   display: inline-block;
}

.ddsmoothmenu ul li a:link, .ddsmoothmenu ul li a:visited{
   color: white;
   text-decoration: none;
   font-size: 1.2em;
}

.ddsmoothmenu ul li a.selected{
   background: #644ad8;
   color: white;
}

.ddsmoothmenu ul li a:hover{
   background: #3f8fd2;
   color: #fff; 
}

/*1st sub level menu*/
.ddsmoothmenu ul li ul{
   position: absolute;
   left: 0;
   display: none;
   visibility: hidden;
}

/*Sub level menu list items (undo style from Top level List Items)*/
.ddsmoothmenu ul li ul li{
   display: list-item;
   float: none;
}

/*All subsequent sub menu levels vertical offset after 1st level sub menu */
.ddsmoothmenu ul li ul li ul{
   top: 0;
}

/* Sub level menu links style */
.ddsmoothmenu ul li ul li a{
   font: normal 13px Verdana;
   width: 160px;
   padding: 5px;
   margin: 0;
   border-top-width: 0;
   border-bottom: 1px solid black;
}

/* Holly Hack for IE \*/
* html .ddsmoothmenu{height: 1%;}


/* ######### CSS classes applied to down and right arrow images  ######### */

.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: #000;
}

.toplevelshadow{
   opacity: 0.4;
}