.ddsmoothmenu{















}















.ddsmoothmenu ul{







	z-index:100;







	margin: 0;







	padding: 0;







	list-style-type: none;







}















/*Top level list items*/







.ddsmoothmenu ul li{







	position: relative;







	display: inline;







	float: left;







	color: #3D322E;







}















/*Top level menu link items style*/







.ddsmoothmenu ul li a {







	display: block;







	position: relative;







	width: 100px;







	padding: 65px 0 10px;







	margin: 0 1px 0 0;







	font-size: 13px;







	color: #FFF;







	text-align: center;







	text-decoration: none;







	font-weight: 400;







	outline: none;







	border: none;







}















* html .ddsmoothmenu ul li a{ /*IE6 hack to get sub menu links to behave correctly*/







display: inline-block;







}















.ddsmoothmenu ul li a.selected, .ddsmoothmenu ul li a:hover { /*CSS class that's dynamically added to the currently active menu items' LI A element*/

	color: #FFF;

	background-color: #DE0848;

	border-bottom-width: 4px;

	border-bottom-style: solid;

	border-bottom-color: #FFF;

	font-size: 12px;

	font-weight: bold;







}







	







/*1st sub level menu*/







.ddsmoothmenu ul li ul{







	position: absolute;







	left: 0px;







	margin-top: 10px;







	display: none; /*collapse all sub menus to begin with*/







	visibility: hidden;







	background: #3D322E;







}















/*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{







	font-weight: 500;







	width: 120px; /*width of sub menus*/







	padding: 0 10px;







	margin: 0;







	line-height: 24px;







	height: 24px;







	font-size: 12px;







	border-top-width: 0;







	text-align: left;







	background: none;







}















.ddsmoothmenu ul li ul li a.selected, .ddsmoothmenu ul li ul li a:hover {







	color: #3D322E;







	background: #b2a573;







	border-bottom: 1px solid #a5c451;







}















/* 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: 12px;







right: 7px;







}















.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: #fff;







}















.toplevelshadow{ /*shadow opacity. Doesn't work in IE*/







opacity: 0.5;







}















/* menu */