.ddsmoothmenu {
	font-size:1.2em;
	background:#2f3690 url(images/nav-main-bg.gif) repeat-x; /*background of menu bar (default state)*/
	width:863px;
	height:34px;
	margin:0 54px;
}

*html .ddsmoothmenu {
	width:855px;
	margin:0 54px;
}

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

/*Top level list items*/
.ddsmoothmenu ul li {
	background-image:none;
	text-indent:0px;
	position:relative;
	display:inline;
	float:left;
	border-right:1px solid #2f3690;
}

.ddsmoothmenu ul li.last {border-right:none;}

/*Top level menu link items style*/
.ddsmoothmenu ul li a {
	display:block;
	background:#2f3690 url(images/nav-main-bg.gif) repeat-x; /*background of menu items (default state)*/
	color:#d9daea;
	padding:8px 10px;
	text-decoration:none;
	font-size:12px;
}

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

.ddsmoothmenu ul li a:link, .ddsmoothmenu ul li a:visited {
	color:#d9daea;
	outline:none;
}

.ddsmoothmenu ul li a.selected { /*CSS class that's dynamically added to the currently active menu items' LI A element*/
	background:#2f3690 url(images/nav-main-hover-bg.gif) repeat-x top;
	color:#fff;
}

.ddsmoothmenu ul li a:hover {
	background:#2f3690 url(images/nav-main-hover-bg.gif) repeat-x top; /*background of menu items during onmouseover (hover state)*/
	color:#fff;
}
	
/*1st sub level menu*/
.ddsmoothmenu ul li ul {
	position:absolute;
	left:0;
	display:none; /*collapse all sub menus to begin with*/
	visibility:hidden;
	/*filter:alpha(opacity=95);
	-moz-opacity:.95;
	-khtml-opacity: .95;
	opacity: .95;*/
}

/*Sub level menu list items (undo style from Top level List Items)*/
.ddsmoothmenu ul li ul li {
	display:list-item;
	float:none;
	border-right:none;
}

/*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 {
	width:170px; /*width of sub menus*/
	background:#4f5597;
	color:#d9daea;
	padding:3px 10px;
	margin:0;	
	border:1px solid #757ab2;
	border-top:none;
}

.ddsmoothmenu ul li ul li a:hover, .ddsmoothmenu ul li ul li a.selected {
	background:#6e73ad;
	color:#fff;
}

/* 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:10px;
	right:5px;
}

.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;
	background-color:#999999;	
}

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