.ddsmoothmenu{

font: bold 14px Verdana;

 /*background of menu bar (default state)*/

float:left;

height:47px

}



.ddsmoothmenu ul{

z-index:100;

margin: 0;

padding: 0;

list-style-type: none;

}



/*Top level list items*/

.ddsmoothmenu ul li{

position: relative;

display: inline;

float: left;

 text-align:center;  

}



/*Top level menu link items style*/

.ddsmoothmenu ul li a{

display: block;

 /*background of menu items (default state)*/

color: white;

width:132px; 

text-decoration: none;



}



* html .ddsmoothmenu ul li a{ /*IE6 hack to get sub menu links to behave correctly*/



}

.ddsmoothmenu ul li a.activemenu

{background:url(../images/hover.gif) no-repeat center; color:#26476e; line-height:47px;}







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

background: black; 

color: white;

background:url(../images/hover.gif) no-repeat center bottom;color:#26476e; 

}

.ddsmoothmenu ul li .mainmenu_a{ line-height:47px;}

.ddsmoothmenu ul li a.mainmenu_a:hover,.ddsmoothmenu ul li a.activemenu:hover{

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

color: #26476e;

background:url(../images/hover.gif) no-repeat center; line-height:47px;

}

	

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

float: none;

 background-image: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;

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

padding: 5px;

margin: 0;

border-top: 1px solid #56708f;

border-right: 1px solid #28486f;

border-bottom: 1px solid #28486f;

 background:url(../images/navbg.png) repeat-y left;



}

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

/* Holly Hack for IE \*/

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

.ddsmoothmenu ul li ul li a:hover{ background:url(../images/navbghover.png) repeat-y left;color:#26476e;}



/* ######### CSS classes applied to down and right arrow images  ######### */



.downarrowclass{

position: absolute;

top: 8px;

right: 7px;

}







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

filter:alpha(opacity=50);opacity: 0.8;

}