/**************************************************
** Smooth Navigational Menu (v1.31)
**************************************************/
.ddsmoothmenu{
	font-weight:normal;
	width:100%;
}
.ddsmoothmenu ul{
	z-index:100;
	margin:-1px 0 0 0;
	padding:0 0 0 150px;
		padding:0 0 0 0;
	list-style-type:none;
}

/**************************************************
** Top level list items
**************************************************/
.ddsmoothmenu ul li{
	position:relative;
	display:inline;
	float:left;
		height:25px;
		height:30px;
			font-size:14px;
				font-size:12px;
			line-height:19px;
}
/**************************************************
** Top level menu link items style
**************************************************/
.ddsmoothmenu ul li a{
	display:block;
	padding:5px 15px 6px 10px;
	text-decoration:none;
		margin-top:1px;
}
* 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:#FFFFFF;
	text-decoration:none;
}
.ddsmoothmenu ul li a.selected{ /*CSS class that's dynamically added to the currently active menu items' LI A element*/
	color:#FF9900;
	text-decoration:none;
}
.ddsmoothmenu ul li a:hover{ /*style of menu items during onmouseover (hover state)*/
	color:#CCCCCC;
	text-decoration:none;
}
	
/**************************************************
** 1st sub level menu
**************************************************/
.ddsmoothmenu ul li ul{
	position:absolute;
	left:0;
	display:none; /*collapse all sub menus to begin with*/
	visibility:hidden;
	margin:0 0 0 10px;
		margin-left:0;
	padding:0;
}

/**************************************************
** Sub level menu list items 
** (undo style from Top level List Items)
**************************************************/
.ddsmoothmenu ul li ul li{
	display:list-item;
	float:none;
		height:auto;
		font-size:12px;
		line-height:14px;
}

/**************************************************
** All subsequent sub menu levels vertical offset 
** after 1st level sub menu
**************************************************/
.ddsmoothmenu ul li ul li ul{
	top:0;
	margin:5px 0 0 -25px;
	margin:8px 0 0 0;
	margin:0 0 0 0;
}

/**************************************************
** Sub level menu links style
**************************************************/
.ddsmoothmenu ul li ul li a{
	background-color:#666666;
	font-weight:normal;
	width:200px; /*width of sub menus*/
	margin:0;
	border-top:none;
	border-right:1px solid #000000;
	border-bottom:1px solid #000000;
	border-left:1px solid #000000;
}
.ddsmoothmenu ul li ul li:first-child{
	border-top:1px solid #000000;
}
.ddsmoothmenu ul li ul li a.selected{ /*CSS class that's dynamically added to the currently active menu items' LI A element*/
	background-color:#333333; 
	color:#FF9900;
}

.ddsmoothmenu ul li ul li a:hover{ /*style of menu items during onmouseover (hover state)*/
	background-color:#333333; 
	color:#CCCCCC;
}

/* 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;	
	bottom:9px;
	right:10px;
}
.rightarrowclass{
	position:absolute;
	bottom:11px;
	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*/
}