.ddsmoothmenu { font-family: Palatino Linotype; font-style:italic; /* background:url("/sitedocs/upload/menu-bg.jpg") right center no-repeat; */ /*background of menu bar (default state)*/ width:960px; }
.ddsmoothmenu ul{ z-index:200; margin:0; padding:0; background: none; list-style-type: none; float:right;}

/*Top level list items*/
.ddsmoothmenu ul li{ position:relative; display:inline; float:left; margin:0; padding:0; padding-right:25px; background-image: url("/sitedocs/upload/mainnav-separator.jpg"); background-repeat: no-repeat; background-position: right; }
.ddsmoothmenu ul li.lastitem { position:relative; display:inline; float:left; margin:0; padding:0; background:rgb(255,255,255); background-image:url("/sitedocs/upload/mainnav-separator-li.jpg"); }

/*Top level menu link items style*/
.ddsmoothmenu ul li a{display:block; background:none; /*background of menu items (default state)*/ color:rgb(120,120,120); margin:0; padding:0; border:0; text-decoration: none; letter-spacing:3px; /*text-transform: uppercase; */ font-weight:normal;}

* 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:rgb(120,120,120);}

.ddsmoothmenu ul li a.selected{ /*CSS class that's dynamically added to the currently active menu items' LI A element*/ background:	none; color:rgb(76,36,36);}

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

/*Sub level menu list items (undo style from Top level List Items)*/
.ddsmoothmenu ul li ul li{ display:	list-item; float:none; font-weight:bold; white-space:nowrap; padding:0; margin:0; background:none; border:1px solid gray; border-bottom:0;}

/*Last Sub level menu list item (undo style from Top level Last List Item)*/
.ddsmoothmenu ul li ul li.lastitem {display:list-item;float:none;font-weight:bold;white-space:nowrap;padding:0;margin:0;background:none;border:1px solid gray;}
.ddsmoothmenu ul li ul li a:link, .ddsmoothmenu ul li ul li a:visited {color:rgb(120,120,120);}
.ddsmoothmenu ul li ul li a:hover {background:none; /*background of menu items during onmouseover (hover state)*/ color:rgb(76,36,36);}

/*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-size: 85%;text-transform:uppercase; color: rgb(0,0,0); /*width of sub menus*/ padding: 5px; margin: 0; font-weight:bold;	text-transform: none;}

/* 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: 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;}
.toplevelshadow{ /*shadow opacity. Doesn't work in IE*/opacity: 0.8;}