.ddsmoothmenu{
width:800px; margin:0 auto; height:64px;
}

.ddsmoothmenu ul{
z-index:100;
padding:0; margin:0 0 0 5px;
list-style-type: none;
}

/*Top level list items*/
.ddsmoothmenu ul li{
background:url(../images/menu_sep.gif) no-repeat right center;
position: relative;
padding:0 4px;
float: left;
}
.ddsmoothmenu ul li.no-pic{
background-image:none;
}

/*Top level menu link items style*/
.ddsmoothmenu ul li a{
display: block; padding:0px; margin:0;
font:bold 10px/64px Verdana, Arial, Helvetica, sans-serif;
color:#000;
}


.ddsmoothmenu ul li a:hover{
text-decoration:underline;
}
	
.ddsmoothmenu ul li ul{
position: absolute; width:216px;
right: 0; border: 1px dotted #999999;
display: none; /*collapse all sub menus to begin with*/
visibility: hidden; padding:0; margin:0 auto;font-weight:bold;
}

/*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;
border-bottom: 1px dotted #999999; background:#fff;
font:normal 10px Verdana, Arial, Helvetica, sans-serif;
color:#006600;
padding:0px; margin:0;
}



/* Sub level menu links style */
.ddsmoothmenu ul li ul li a{
font:normal 10px Verdana, Arial, Helvetica, sans-serif;
color:#006600;font-weight:bold;
 /*width of sub menus*/
padding:6px;
margin: 0;
}

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


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



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

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