/*background of menu bar (default state)*/
.ddsmoothmenu  { font: bold 12px Verdana; background: #E2EBED; width: 100%; border: 1px solid #778;} 

.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; }

/*Top level menu link items style*/
/*background of menu items (default state)*/

.ddsmoothmenu ul li a  { display: block; background: #E2EBED; color: #000000; padding: 2px 10px 0px 12px; border-right: 0px solid #778; color: #000000; text-decoration: none; }

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

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

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

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

/*Sub level menu list items (undo style from Top level List Items)*/
.ddsmoothmenu ul li ul li  { display: list-item; 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 */
/*width of sub menus*/
.ddsmoothmenu ul li ul li a  { font: normal 12px Verdana; background: #ffffff;width: 180px; padding: 2px 2px 2px 4px; margin: 0;border-right: 1px solid #778;border-left: 1px solid #778;border-bottom: 1px solid #778;}

/*background of menu items during onmouseover (hover state)*/
.ddsmoothmenu ul li ul li a:hover  { background: #E2EBED; color: #000000;}

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


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

.downarrowclass  { position: absolute; top: 12px; right: 7px; }

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

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

.ddshadow	  { position: absolute; left: 0; top: 0; width: 0; height: 0; }

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


.ddsmoothmenu ul li a.now2  { background: #317082; color: #ffffff; }