.ddsmoothmenu { width: 100%; font-family:Arial, Helvetica, sans-serif; font-size:11px;
}
*html .ddsmoothmenu { width: 100%; margin-bottom:-2px; font-family:Arial, Helvetica, sans-serif; font-size:11px;
}
*+html .ddsmoothmenu { width: 100%; font-family:Arial, Helvetica, sans-serif; font-size:11px;
}
.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*/
.ddsmoothmenu ul li a { display: block;
}
* 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 { 
}
.ddsmoothmenu ul li a.selected { /*CSS class that's dynamically added to the currently active menu items' LI A element*/ background: ; color: white;background-color:#993e89;
}
.ddsmoothmenu ul li a:hover {  text-decoration: none; /*background of menu items during onmouseover (hover state)*/ color: #FFFFFF; background-color:#993e89;
}
/*1st sub level menu*/
.ddsmoothmenu ul li ul { position: absolute; left: 0; display: none; /*collapse all sub menus to begin with*/ visibility: hidden; border-top:1px solid #871b67; border-bottom:1px solid #871b67;
}
*html .ddsmoothmenu ul li ul { position: absolute; left: 0; display: none; /*collapse all sub menus to begin with*/ visibility: hidden; border-top:1px solid #871b67; margin-top:-2px; border-bottom:1px solid #871b67;
}
*+html .ddsmoothmenu ul li ul { position: absolute; left: 0; display: none; /*collapse all sub menus to begin with*/ visibility: hidden; border-top:1px solid #871b67; border-bottom:1px solid #871b67;
}
/*Sub level menu list items (undo style from Top level List Items)*/
.ddsmoothmenu ul li ul li { display: list-item; float: none; border-right:1px solid #871b67; border-left:1px solid #871b67; background: #993E89;
}
.ddsmoothmenu ul li ul li :hover { display: list-item; float: none; border-right:1px solid #871b67; border-left:1px solid #871b67; background:#993E89;
}
/*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-family:Arial, Helvetica, sans-serif; font-size:11px; width: 150px; /*width of sub menus*/ padding: 3px 5px 3px 8px; margin: 0; border-top-width: 0; font-weight:bold; background: #FFFFFF; color: #993E89; text-decoration: none;display:block; 
}
.ddsmoothmenu ul li ul li a:hover { font-family:Arial, Helvetica, sans-serif; font-size:11px; width: 150px; /*width of sub menus*/ padding: 3px 5px 3px 8px; margin: 0; border-top-width: 0; background: #993e89; color: #ffffff; text-decoration: none; display:block;
}
/* 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: 0px; visibility:hidden;
}
.rightarrowclass { position: absolute; top: 0px; visibility:hidden;
}
/* ######### 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;
}
.spacer { width:40px; text-align:center; margin-top:7px;
}