.ddsmoothmenu 
{ 
width:630px; height:40px; 

}
/* remove all the bullets, borders and padding from the default list styling */
.ddsmoothmenu ul {
z-index:500;
padding:0;margin:0;list-style-type:none;
}
/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
.ddsmoothmenu ul li {
float:left; position:relative; display: inline;
}
/* style the links for the top level */
.ddsmoothmenu ul li a {
display:block;font-size:12px;text-decoration:none; color:#4E4E4E; height:40px; text-align:center;  line-height:40px; font-weight:bold;
}
* 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: #4E4E4E;
}
.ddsmoothmenu ul li a.selected{ /*CSS class that's dynamically added to the currently active menu items' LI A element*/
color: #1F7250; background-image:url(../images/menu-arrow.gif);
background-repeat:no-repeat;
background-position:12px 17px;
}

.ddsmoothmenu ul li a:hover
{
color:#1F7250;  background-color: transparent;
text-decoration:none;
background-image:url(../images/menu-arrow.gif);
background-repeat:no-repeat;
background-position:12px 17px;
}


/* hide the sub levels and give them a positon absolute so that they take up no room */
.ddsmoothmenu ul li ul {
position: absolute;
left: 0;
display: none; /*collapse all sub menus to begin with*/
visibility: hidden;
border-top:1px solid #3B8380;}

.ddsmoothmenu ul li ul li
{
display: list-item;
float: none;

}

.ddsmoothmenu ul li ul li a {
 background-color:#FFFFFF; color:#9E7523; font-weight:normal; height:29px; line-height:29px; padding-left:10px; border-width:0 1px 1px 1px; border-color:#3B8380; border-style:solid; text-align:left; background-image:none;
}
.ddsmoothmenu ul li ul li a:link, .ddsmoothmenu ul li ul li a:visited{
color: #9E7523;
}


/* style the top level hover */
.ddsmoothmenu ul li ul li a:hover{
color:#ffffff; background-color:#6BA3A2;  background-image:none; height:29px;  line-height:29px;
}
.ddsmoothmenu ul li ul li a.selected{ /*CSS class that's dynamically added to the currently active menu items' LI A element*/
color:#ffffff; background-color:#6BA3A2; background-image:none;
}

.ddsmoothmenu ul li ul li ul
{
top:0;
}
.downarrowclass{
position: absolute;
top: 18px;
left: 10px;
}

.rightarrowclass{
position: absolute;
top: 10px;
right: 5px;
}

/* ######### CSS for shadow added to sub menus  ######### */

.ddshadow{
position: absolute;
left: 0;
top: 0;
width: 0;
height: 0;
background: silver;
}

.toplevelshadow{ /*shadow opacity. Doesn't work in IE*/
opacity: 0.6;
}/* CSS Document */