.ddsmoothmenu {position:relative; font-family: Arial, Times New Roman; background:none; width:610px; }

/*Top level list items*/
.ddsmoothmenu ul {  margin:0; padding:0; list-style-type: none; float:right; background:rgb(86,76,76); background-image: url("/sitedocs/upload/navbot.jpg"); background-repeat:no-repeat; background-position:bottom; padding-bottom:5px; } 
.ddsmoothmenu ul li { position:relative; display:inline; float:left; margin:0; padding:0; padding-right:40px; padding-bottom:1px; background: url("/sitedocs/upload/mainnav-separator.gif") right center no-repeat; }
.ddsmoothmenu ul li.lastitem {background:none; background-image:none; }
.ddsmoothmenu ul li.firstitem {padding-left:35px; }

/*Top level menu link items style*/
.ddsmoothmenu ul li a{display:block; background:none; position:relative; top:-2px; /*background of menu items (default state)*/ color:rgb(113,78,29); margin:0; padding:0; border:0; text-decoration: none; letter-spacing:0; /*text-transform: uppercase; */ font-weight:bold; line-height:36px; font-size:85%;}
* 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(240,240,240);}
.ddsmoothmenu ul li a.selected{ /*CSS class that's dynamically added to the currently active menu items' LI A element*/ background:	none; color:rgb(163,147,89);}
.ddsmoothmenu ul li a:hover {background:none; /*background of menu items during onmouseover (hover state)*/ color:rgb(163,147,89);}

/*1st sub level menu*/
.ddsmoothmenu ul li ul { background:rgb(255,255,255); 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{ position:relative; left:0; display:list-item; float:none; font-weight:bold; white-space:nowrap; padding:0; margin:0; background:none; border:1px solid rgb(225,225,225); border-top:0; border-top-width:0;}
.ddsmoothmenu ul li ul li a {font-size: 85%;text-transform:none; color: rgb(0,0,0); /*width of sub menus*/ padding: 5px; margin: 0; font-weight:bold;line-height:16px;}
.ddsmoothmenu ul li ul li a:link, .ddsmoothmenu ul li ul li a:visited {color:rgb(113,78,29);}
.ddsmoothmenu ul li ul li a:hover {background:none; /*background of menu items during onmouseover (hover state)*/ color:rgb(163,147,89);}

/*All subsequent sub menu levels vertical offset after 1st level sub menu */
.ddsmoothmenu ul li ul li ul { margin:0; padding:0; margin-left:-1px; margin-top:-1px;}
.ddsmoothmenu ul li ul li ul li { position:relative; left:0; display:list-item; float:none; font-weight:bold; white-space:nowrap; padding:0; margin:0; margin-left:-1px;margin-top:0;background:none; border:1px solid rgb(225,225,225); border-bottom:0; border-left:0; }
.ddsmoothmenu ul li ul li ul li a {font-size: 85%;text-transform:none; color: rgb(0,0,0); /*width of sub menus*/ padding: 5px; font-weight:bold; }
.ddsmoothmenu ul li ul li ul li a:link, .ddsmoothmenu ul li ul li ul li a:visited {color:rgb(113,78,29);}
.ddsmoothmenu ul li ul li ul li a:hover {background:none; /*background of menu items during onmouseover (hover state)*/ color:rgb(163,147,89);}

/*All subsequent sub menu levels vertical offset after 1st level sub menu */
.ddsmoothmenu ul li ul li ul li ul { margin:0; padding:0; margin-left:0; margin-top:-1px; }
.ddsmoothmenu ul li ul li ul li ul li { position:relative; left:0; display:list-item; float:none; font-weight:bold; white-space:nowrap; padding:0; margin:0; margin-left:0;margin-top:0;background:none; border:1px solid rgb(225,225,225); border-bottom:0; border-left:0; }
.ddsmoothmenu ul li ul li ul li ul li a {font-size: 85%;text-transform:none; color: rgb(0,0,0); /*width of sub menus*/ padding: 5px; font-weight:bold; }
.ddsmoothmenu ul li ul li ul li ul li a:link, .ddsmoothmenu ul li ul li ul li ul li a:visited {color:rgb(113,78,29);}
.ddsmoothmenu ul li ul li ul li ul li a:hover {background:none; /*background of menu items during onmouseover (hover state)*/ color:rgb(163,147,89);}


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