.ddsmoothmenu{ font-size: 14px; letter-spacing: 1px; font-family: Sans-Serif; }
.ddsmoothmenu ul{ margin: 0; padding: 0; list-style-type: none; }
.ddsmoothmenu ul li{ position: relative; display: inline; float: left; }

.ddsmoothmenu ul li a{
    display: block;
    color: white;
    padding: 4px 8px;
    color: #fff;
    text-decoration: none;
    text-align: left;
}

* 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{ background: black; color: white; }
.ddsmoothmenu ul li a:hover{ background: #1d3657; color: #fff; }

/*1st sub level menu*/
.ddsmoothmenu ul li ul{
position: absolute;
left: 0;
display: none;
visibility: hidden;
margin-top: 6px;
border-top: 1px solid #fff;
}

.ddsmoothmenu ul li ul li{ display: list-item; float: none; color: #fff; text-indent: 0px; border-bottom: 1px solid #fff; }
.ddsmoothmenu ul li ul li ul li{ top: -2px; left: 1px;}
.ddsmoothmenu ul li ul li ul{ margin-top: 1px; }

.ddsmoothmenu ul li ul li a{
font-weight: normal;
font-size: 13px;
width: 280px; 
margin: 0;
border-top-width: 0;
background: #94917e; color: #000;
}

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


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



/* ######### 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: silver;
}