.ddsmoothmenu
{
    border-top: 2px solid #708090;
	background-color: #f5f5f5;
}

    .ddsmoothmenu ul
    {
        z-index: 100;
        list-style-type: none;
        float: left;
        text-decoration: none;
        margin: 0;
        padding: 0;
    }

        /*Top level list items*/
        .ddsmoothmenu ul li
        {
            position: relative;
            display: inline-block ;
            float: left;
            border-left: 1px solid #708090;
        }

        #leftMostMenuItem
        {
            border-left: 0;
        }

        #rightMostMenuItem
        {
            border-right: 1px solid #708090;
        }

            /*Top level menu link items style*/
            .ddsmoothmenu ul li a
            {
	            text-align: center;
            	display: block;
                padding: 6px 11px 6px 11px;
            }

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

                .ddsmoothmenu ul li a.selected
                { /*CSS class that's dynamically added to the currently active menu items' LI A element*/
                    border-bottom: none;
                }

                .ddsmoothmenu ul li a:hover
                {
	                text-decoration: none;
	                background-color: #b0c4de;
                    color:black;
                }

            /*1st sub level menu*/
            .ddsmoothmenu ul li ul
            {
                position: absolute; 
                left: 0;
                display: none; /*collapse all sub menus to begin with*/
                visibility: hidden;
	            background-color: #f5f5f5;
                text-decoration: none;
                min-width: 120px;
            }

                /*Sub level menu list items (undo style from Top level List Items)*/
                .ddsmoothmenu ul li ul li
                {
                    display: list-item;
                    float: none;
                    border: none;
                    border-bottom: 1px solid black;
                    border-left: 1px solid black;
                    border-right: 1px solid black;
                }

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

                    /* Sub level menu links style */
                    .ddsmoothmenu ul li ul li a
                    {
                        /*width: 190px;*/ 
                        text-align: left;
                        text-wrap:avoid;
                    }

/* 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: 8px;
    right: 3px;
}

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

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

.ddshadow
{ /*shadow for NON CSS3 capable browsers*/
    position: absolute;
    left: 0;
    top: 0;
    width: 0;
    height: 0;
    /*background: silver;*/
}

.toplevelshadow
{ /*shadow opacity for NON CSS3 capable browsers. Doesn't work in IE*/
    opacity: 0.8;
}