.ddsmoothmenu{
	margin-top: 5px;
	position: relative;
}



.ddsmoothmenu ul{
	list-style-type: none;
	position: absolute;
}



/*Top level list items*/

.ddsmoothmenu ul li{
	position: relative;
	display: inline;
	text-align: left;
	
}



/*Top level menu link items style*/

.ddsmoothmenu ul li a{
	/*background:url(../images/menu-bg.jpg) repeat-x;

*/color: white;
	color:#f3dbba;
	text-decoration: none;
	font-size:12px;
	height: 18px;
	line-height: 18px;
	display: block;
	padding-top: 0px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 10px;
}





* html .ddsmoothmenu ul li a{ /*IE6 hack to get sub menu links to behave correctly*/

display: inline-block; 

/*background: #1c9201;*/ 

}



.ddsmoothmenu ul li a:link, .ddsmoothmenu ul li a:visited{

color: white; 

}



.ddsmoothmenu ul li a.selected{ /*CSS class that's dynamically added to the currently active menu items' LI A element*/

	/*background: #ffffff;*/ 

	color:#f3dbba;

}

.ddsmoothmenu ul li a.selected:hover{

	/*background: #1c9201; background of menu items during onmouseover (hover state)*/

	color:#f3dbba;

}

.ddsmoothmenu ul li a:hover{

	/*background: #1c9201; background of menu items during onmouseover (hover state)*/

	color:#f3dbba;

}

	

/*1st sub level menu*/

.ddsmoothmenu ul li ul{
	position: absolute;
	display: none;
	float: right;
	z-index: 9999;
	clip: rect(auto,-1,auto,auto);

}





/*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;

}



/* Sub level menu links style */

.ddsmoothmenu ul li ul li a{
	width: 250px;
	height:23px;
	line-height:23px;
	margin: 0;
	border-top-width: 0;
	border-bottom: 1px solid gray;
	background: #714a23;
	padding-right: 8px;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 8px;

/*background: #ffffff;*/

}

.ddsmoothmenu ul li ul li a:hover{

	/*background: #0f8903; background of menu items during onmouseover (hover state)*/

	color: #000;

}



.ddsmoothmenu li  li  li a{	/*background:#0f8903; background: #ffffff;*/}

.ddsmoothmenu li  li  li a:hover{	/*background:#f00; background: #ffffff;*/}

.ddsmoothmenu li  li  li li a{	/*background:#1f8101; background: #ffffff;*/ width:150px;}

/* 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;
	right: 7px;
	border:solid 0px;
	top: 22px;

}



.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: silver;*/

}



.toplevelshadow{ /*shadow opacity. Doesn't work in IE*/

/*opacity: 0.8;*/

}
