.ddsmoothmenu {
	width:1000px;
	height:35px;
	margin-top:4px;
	 float:left;
}
.ddsmoothmenu ul {
 list-style-type:none;
 margin:0xp;
 padding:0px;
}
/*Top level list items*/
.ddsmoothmenu ul li {
position: relative;
 display:inline;
 padding-left:4px;
 height:38px;
 width:142px;
 float:left;

}
/*Top level menu link items style*/
.ddsmoothmenu ul li a {
display: block;
color:#FFFFFF;
 margin-left:20px;
 text-align:center;
 text-decoration:none;
 line-height:32px;
 font-weight:bold;
  float:left;
  background-image:url(../images/button.png);
 background-repeat:no-repeat;
  height:32px;
 width:142px;



}
* 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: #000000;
}
.ddsmoothmenu ul li a.selected { /*CSS class that's dynamically added to the currently active menu items' LI A element*/
	color: #000;
	background-image:url(../images/buttonhv.png);
	
}
.ddsmoothmenu ul li a:hover { /*CSS class that's dynamically added to the currently active menu items' LI A element*/
	color: #000;
	background-image:url(../images/buttonhv.png);
	
}
/*1st sub level menu*/
.ddsmoothmenu ul li ul {
	position: absolute;
	left: 0;
	display: none; /*collapse all sub menus to begin with*/
	visibility: hidden;
	background:#CCCCCC;
	margin-left:23px;
}
/*Sub level menu list items (undo style from Top level List Items)*/
.ddsmoothmenu ul li ul li {
	width: 200px; 
	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;
	margin-left:25px;
}
/* Sub level menu links style */
.ddsmoothmenu ul li ul li a {
	width: 200px; /*width of sub menus*/
	margin-left:-4px;
	line-height:25px;
	text-transform:capitalize;
	text-align:left;
	color:#333333 !important;
	border-top-width: 0;
	border-bottom: 1px solid #FFFFFF;
	border-right:1px solid #FFFFFF;
	background:url(../images/arrow_tittle.png) no-repeat 5px 8px;
	background-color:#CCCCCC;
	font-weight:900;
	height:25px;
}
.ddsmoothmenu ul li ul li a:hover {
	background:url(../images/arrow_tittle.png) no-repeat 5px 8px !important;
	background-color:#F7F7F7 !important;
	color:#FF2C00 !important;
}
/* 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 { /*shadow for NON CSS3 capable browsers*/
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	background: silver;
}
.toplevelshadow { /*shadow opacity for NON CSS3 capable browsers. Doesn't work in IE*/
	opacity: 0.8;
}