.ddsmoothmenu{
            font-family: Arial, Helvetica, sans-serif, Verdana;
	    font-size: 8pt;
	    font-style: normal;
	    font-weight: normal;
	    text-decoration: none;
            background-color: #F3F3F3;
            width: 100%;
            }

            .ddsmoothmenu ul{
	    position: relative;
            z-index:50;
            margin: 0;
            padding: 0;
            list-style-type: none;
            }

            /*Top level list items*/
            .ddsmoothmenu ul li{
            position: relative;
            display: inline;
            float: left;
            list-style: none;
            }

            /*Top level menu link items style*/
            .ddsmoothmenu ul li a{
            display: block;
            background-color: #F3F3F3;
            color: white;
            padding: 4px 8px;
            color: #000000;
            text-decoration: none;
            list-style: none;
            }

            * html .ddsmoothmenu ul li a{ /*IE6 hack to get sub menu links to behave correctly*/
            display: inline-block;
            list-style: none;
            }

            .ddsmoothmenu ul li a:link, .ddsmoothmenu ul li a:visited{
            color: #000000;
            }

            .ddsmoothmenu ul li a.selected{ /*CSS class that's dynamically added to the currently active menu items' LI A element*/
            background: #F3F3F3; 
            color: #000000;
            }

            .ddsmoothmenu ul li a:hover{
            background: F3F3F3; /*background of menu items during onmouseover (hover state)*/
            color: 000000;
            }
            	
            /*1st sub level menu*/
            .ddsmoothmenu ul li ul{
            position: absolute;
            left: 0;
            display: none; /*collapse all sub menus to begin with*/
            visibility: hidden;
            }

            /*Sub level menu list items (undo style from Top level List Items)*/
            .ddsmoothmenu ul li ul li{
            display: list-item;
            list-style: none;
            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-family: Arial, Helvetica, sans-serif, Verdana;
	    font-size: 8pt;
	    font-style: normal;
	    font-weight: normal;
	    text-decoration: none;
            width: 160px; /*width of sub menus*/
            padding: 5px;
            margin: 0;
            border-top-width: 0;
            /*border-bottom: 1px solid gray;*/
            }

            /* 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: 0px;
            right: 0px;
/*
            top: 6px;
            right: 7px;
*/
            visibility: hidden;
            }

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

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

            .ddshadow{
            }

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