.ddsmoothmenu{font: 11px Geneva, Arial, Helvetica, sans-serif; font-weight: bold;

background: url(images/menu_bg.png) bottom left repeat-x; /*background of menu bar (default state)*/

width: 100%;
}



.ddsmoothmenu ul{

z-index:100;

margin: 0;

padding: 0;

list-style-type: none;

}




.ddsmoothmenu ul li{

position: relative;

display: inline;

float: left;

}




.ddsmoothmenu ul li a{

display: block;

background: url(images/menu_bg.png) bottom left repeat-x; /*background of menu items (default state)*/

padding: 7px 10px;

border-right: 1px solid #666666;

color: #000000;

text-decoration: none;

text-shadow: 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{

color: white;

}*/



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

background: url(images/menu_bg.png) bottom left repeat-x; 

color: #000000;

text-shadow: #000000 0px 0px 0px;

border-bottom-color: #000000;

}



.ddsmoothmenu ul li a:hover{

background: url(images/menu_bg.png) top left repeat-x; /*background of menu items during onmouseover (hover state)*/

color: #000000;

text-shadow: #000 0px 0px 0px;

border-bottom-color: #000000;

}



.ddsmoothmenu ul .current_page_item a {

background: url(images/menu_bg.png) top left repeat-x; /*background of menu items during onmouseover (hover state)*/

color: #000000;

text-shadow: #000 0px 0px 0px;

border-bottom-color: #000000;

}



.ddsmoothmenu ul .current-cat a {

background: url(images/menu_bg.png) bottom left repeat-x; /*background of menu items during onmouseover (hover state)*/

color: #000000;

text-shadow: #000 0px 0px 0px;

border-bottom-color: #000000;

}

	


.ddsmoothmenu ul li ul{

position: absolute;

left: 0;

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

visibility: hidden;

}




.ddsmoothmenu ul li ul li{

display: list-item;

float: none;

}




.ddsmoothmenu ul li ul li ul{

top: 0;

}




.ddsmoothmenu ul li ul li a{

font: 11px "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, arial, sans-serif;

width: 250px; /*width of sub menus*/

padding: 3px 5px;

margin: 0;

border-top-width: 0;

border-bottom: 1px solid #000000;

}




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








.downarrowclass{

position: absolute;

top: 12px;

right: 7px;

}



.rightarrowclass{

position: absolute;

top: 6px;

right: 5px;

}






.ddshadow{

position: absolute;

left: 0;

top: 0;

width: 0;

height: 0;

background: none;

}



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

opacity: 0;

}