.ddsmoothmenu {

    position: relative;

    margin: 0px;

    padding: 0px;

    display: block;

    float: right;

    width: 784px;

    height: 88px;

    background-repeat: no-repeat;

    background-position: bottom left;

    z-index: 10;

    text-align: left;

}



.ddsmoothmenu ul {

    margin: 0;

    padding: 0;

    list-style-type: none;

    float: right;

    text-align: left;

}



.ddsmoothmenu ul.main {

    margin-top: 56px;

    padding-right: 10px;

}



/*Top level list items*/

.ddsmoothmenu ul li {

    position: relative;

    display: inline;

    float: left;

}



/*Top level menu link items style*/

.ddsmoothmenu ul li a {

    display: block;

    padding: 8px 10px;

    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 {

}



.ddsmoothmenu ul li a.selected { /*CSS class that's dynamically added to the currently active menu items' LI A element*/

}



.ddsmoothmenu ul li a:hover {

}



/*1st sub level menu*/

.ddsmoothmenu ul li ul {

    background: #000; /*background of menu items during onmouseover (hover state)*/

    position: absolute;

    left: 0;

    display: none; /*collapse all sub menus to begin with*/

    visibility: hidden;
    
    margin-top: -2px;

}



/*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 12px Verdana #ffffff;

    padding: 5px;

    margin: 0;

    text-align: left;

    border-top-width: 0;

    border-bottom: 1px solid #c1c1c1;

}



/* 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;

}



.toplevelshadow { /*shadow opacity. Doesn't work in IE*/

    opacity: 0.8;

}



/* ######### extra CSS for submenu  ######### */

a.submenu:link, a.submenu:active, a.submenu:visited {

    font-family: Arial;

    font-size: 12px;

    color: #fff;

}



a.submenu:hover {

    color: #ff0000;

}



a.topmenu:link, a.topmenu:active, a.topmenu:visited {

    font-family: Arial;

    font-size: 12px;

    color: #000;

}



a.topmenu:hover {

    color: #ff0000;

}