.ddsmoothmenu{



font: bold 12px Verdana;



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



list-style:none;



}







.ddsmoothmenu ul{







margin: 0;



padding:0px 0 0 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;



padding: 12px 20px; 



margin-right:3px;



background: url(../images/nav-bg.jpg) repeat-x;



list-style: none; 



font-family:Arial;



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



list-style: none; 



font-family:Arial;



 color:#FFFFFF;	



 font-size:14px;	



 text-decoration:none; 



 font-weight:bold;



}







* 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:black; background:#dbe7ff;



}







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



background: black; 



color: white;



}







.ddsmoothmenu ul li a:hover{



background: url(../images/nav-bgho.jpg) repeat-x; text-decoration: none;	color:#FFF; /*background of menu items during onmouseover (hover state)*/







}



	



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

list-style:none;



}







/*All subsequent sub menu levels vertical offset after 1st level sub menu */



.ddsmoothmenu ul li ul li ul{



top: 0;

list-style:none;



}







/* Sub level menu links style */



.ddsmoothmenu ul li ul li a{



font: normal 13px Verdana;



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



padding: 7px;



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: 18px;



right: 7px;



}







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



}