.ddsmoothmenu{
width:750px; 
float:right; 
border:0;
font:12px Verdana;
}



.ddsmoothmenu ul{
z-index:1000;
margin: 0;
padding: 0;
border: 0;
list-style-type: none;
}

/* Top level list items */
.ddsmoothmenu ul li{
position: relative;
display: inline;
float: left;
margin: 0 19px 0 0;
padding: 0;
border: 0;
}

/* Less RH margin on the last top level item */
.ddsmoothmenu ul li.last{ 
margin: 0 5px 0 0; 
}

/* Top level menu link items style */
.ddsmoothmenu ul li a{
display: block;
color: black;
padding: 1px 2px 1px 12px; 
color: #2d2b2b;
text-decoration: none;
font-size: 14px; 
font-weight: bold;
background: url(/~/media/layout/images/general/main_nav_arrow.ashx) 2px 50% no-repeat;
}

.ddsmoothmenu li.selected{ 
background: #ffffff url(/~/media/layout/images/general/bg_main_nav_selected.ashx) repeat-x; 
}

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

/* Top level CSS class that's dynamically added to the currently active menu items' LI A element*/
.ddsmoothmenu ul li a.selected{ 
background: url(/~/media/layout/images/general/bg_main_nav_hover.ashx) no-repeat; 
color: #000000;
}

/* Top level background of menu items during onmouseover (hover state) */
.ddsmoothmenu ul li a:hover{
background: url(/~/media/layout/images/general/bg_main_nav_hover.ashx) no-repeat; 
color: #000000;
}
	
/* 1st sub level menu */
.ddsmoothmenu ul li ul{
position: absolute;
padding: 0;
margin: 0;
left: 0;
display: none; /*collapse all sub menus to begin with*/
visibility: hidden;
width: 220px;
border-left: 0;
border-top: 0;
border-right: 0;

}

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

/* 1st sub level menu links style */
.ddsmoothmenu ul li ul li a{
color: white;
font: 13px Verdana;
font-weight: normal;
padding: 5px 5px 5px 20px;
margin: 0;
border: 0;
background: url(/~/media/layout/images/general/main_nav_arrow_sel.ashx) 6px 50% no-repeat;
width:195px;
}

* html .ddsmoothmenu ul li ul li a{
width: 220px;  /* Width for IE6 = correct width + padding + borders */
}



/* 1st sb level menu links style */
.ddsmoothmenu ul li ul li a:hover{
color: #FFD300;
padding: 5px 5px 5px 20px;
margin: 0;
border: 0;
background: url(/~/media/layout/images/general/main_nav_arrow_hov.ashx) 6px 50% no-repeat black; /*background of menu items during onmouseover (hover state)*/
width:194px;
}

* html .ddsmoothmenu ul li ul li a:hover{
width: 237px;  /* Width for IE6 = trial and error.  Death to IE6!!!  It makes no sense. */
}


/* ######### 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{
display:none;
position: absolute;
left: 0;
top: 0;
width: 220px;
height: 0;
z-index: 500;
background: #2a5c85;
padding: 0;
margin: 0;
}

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