/* ALL MENU ITEMS */

.ddsmoothmenu{
font-family: Helvetica, Arial, Verdana, Tahoma; 
font-weight:bold;
font-size:14px;
letter-spacing:0.01em;
text-align:center;
background: none; /*background of menu bar (default state)*/
float:right;
z-index:1000000;
float:left;
width:725px;
}

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

.ddsmoothmenu ul li{
position: relative;
display: inline;
float: left;
}

* 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:#E0E3E6;
}

.ddsmoothmenu ul li a.selected{ /*CSS class that's dynamically added to the currently active menu items' LI A element*/
color:#E0E3E6;
}




/* LEVEL1 - MENU ITEMS */

/*Top level list items need a margin*/
.ddsmoothmenu ul li.level1{
width:138px;
margin:7px 0px 0px 7px;
padding-top:55px;
text-transform:lowercase;
background: url('../images/o_m1.png') repeat-x top left;
}

.ddsmoothmenu ul li.level1.current{
* background: url('../images/o_m2.png') repeat-x top left;
background: #FFF;
}

/*Top level menu link items style*/
.ddsmoothmenu ul li.level1 a{
display: block;
color:#E0E3E6;
padding: 12px 10px 8px;
text-decoration: none;
}

.ddsmoothmenu ul li.level1 a{
	background:#B0B2B5;
	color:#E0E3E6;
}

.ddsmoothmenu ul li.level1 a.level1:hover{
background: #FFF; /*background of menu items during onmouseover (hover state)*/
color:#B1B1B1;
-moz-box-shadow:0px -3px 3px #D7D9D9;
}

.ddsmoothmenu ul li.level1 a.current{
background: #FFF;
color:#B1B1B1;
-moz-box-shadow:0px -3px 4px #E5E6E7;
}

.ddsmoothmenu ul li a.level1.section{
background: #FFF;
color:#B1B1B1;
-moz-box-shadow:0px -3px 4px #E5E6E7;
}



/* ALL SUB LEVEL MENU STYLES - REQUIRED */

/* Sub level menu links style */
.ddsmoothmenu ul li ul li a{
font-family: Helvetica, Arial, Verdana, Tahoma;
font-weight:bold;
font-size: 11px;
width: 138px; /*width of sub menus*/
padding:10px 0px;
margin:0 0 0 0;
border-top-width: 0;
color:#B6B6B6;
}

/*Menu Level 2*/
.ddsmoothmenu ul li ul{
position: absolute;
left: 0;
display: none; /*collapse all sub menus to begin with*/
visibility: hidden;
}

/*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;
* left:152px;
}


/* LEVEL 2 MENU ITEMS */

.ddsmoothmenu ul.level2{
margin-left:-7px;
padding-bottom:7px;
padding-top:7px;
* padding-top:4px;
width:152px;
background-color:rgba(255, 255, 255, 0.2);
* background:none; /* add ie filter here*/
}

.ddsmoothmenu ul.level2 li{
background-color:#fff;
margin-left:7px;
* margin-left:0px;
text-transform:lowercase;
width:138px;
padding:10px 0px;
}
	
.ddsmoothmenu ul.level2 li a{
background-color:#fff;
color:#B6B6B6;
margin-left:0px;
-moz-box-shadow:0px 0px 0px #FFF;
padding:0px;
}

.ddsmoothmenu ul li a.level2:hover{
color:#828282;
-moz-box-shadow:0px 0px 0px #FFF;
}

.ddsmoothmenu ul li a.level2.current{
color:#828282;
-moz-box-shadow:0px 0px 0px #FFF;
}

.ddsmoothmenu ul li a.level2.section{
color:#828282;
-moz-box-shadow:0px 0px 0px #FFF;
}	
	
	
/* LEVEL3 MENU ITEM STYLES */	
	
.ddsmoothmenu ul.level3{
background:none;
}

.ddsmoothmenu ul li a.level3:hover{

}

.ddsmoothmenu ul li a.level3.current{

}


/* Holly Hack for IE \*/
* html .ddsmoothmenu{height: 1%;} /*Holly Hack for IE7 and below*/


/* ######### CSS classes applied to down and right arrow images  ######### */

.downarrowclass{
display:none;
}

.rightarrowclass{
display:none;
}

/* ######### CSS for shadow added to sub menus  ######### */

.ddshadow{
position: absolute;
left: 0;
top: 0;
width: 0;
height: 0;
background:url('../images/s-1.png') repeat;
}

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