.ddsmoothmenu{
font: normal 12px arial;
background: none; /*background of menu bar (default state)*/
width: 212px;
}

.ddsmoothmenu ul{
z-index:100;
margin: 0px;
padding: 0;
list-style-type: none;width: 212px;
}

/*Top level list items*/
.ddsmoothmenu ul li{
display: inline;
float: left;background: url('../images/leftmenuborder.png') no-repeat;width: 212px;
}

/*Top level menu link items style*/
.ddsmoothmenu ul li a,.ddsmoothmenu ul li strong{
display: block;
 /*background of menu items (default state)*/
padding: 0 20px;
line-height:51px;
color:#5a5a5a;
text-decoration: none;
font-weight: normal;
height:51px;
}

.ddsmoothmenu ul li strong.downarrowclass {display:none !important;visibility:hidden;height:0;width:0;}

* html .ddsmoothmenu ul li a{ /*IE6 hack to get sub menu links to behave correctly*/
display: inline-block;width:212px;height:51px;padding:0px 0px 0px 0px;line-height:51px;
}

.ddsmoothmenu ul li a:link, .ddsmoothmenu ul li a:visited{
color:#5a5a5a;
}

.ddsmoothmenu ul li a.selected { /*CSS class that's dynamically added to the currently active menu items' LI A element*/ 
color:#5a5a5a;background: url('../images/navbghover.png') no-repeat;width:212px;height:51px;padding:0px 0px 0px 0px;line-height:51px;
}

.ddsmoothmenu ul li a:hover{
 /*background of menu items during onmouseover (hover state)*/
color:#5a5a5a;background: url('../images/navbghover.png') no-repeat;width:212px;height:51px;padding:0px 0px 0px 0px;line-height:51px;
}
	
/* sub menus */
.ddsmoothmenu ul li ul{
position: absolute;
margin-left: 212px;margin-top:0;display:block;padding-left:8px;background: none transparent;
visibility: hidden;
-moz-transition-property: visibility;
    -moz-transition-duration: 1s;
    -webkit-transition-property: visibility;
    -webkit-transition-duration: 1s;
    transition-property: visibility;
    transition-duration: 1s;min-height:5px;

}

.ddsmoothmenu ul li:hover ul {visibility: visible;}

/*Sub level menu list items (alters style from Top level List Items)*/
.ddsmoothmenu ul li ul li{
display: list-item;
float: none;text-align:center;float: left;width: 212px;padding:0px;background: url('../images/dropdownbg.png') repeat-y;margin-bottom:1px;
}

/*All subsequent sub menu levels vertical offset after 1st level sub menu */
.ddsmoothmenu ul li ul li ul{
top: 0px;text-align:center;
}

/* Sub level menu links style */
.ddsmoothmenu ul li ul li a{
font: normal 12px Verdana;
width:121px; /*width of sub menus*/
margin:0px;padding: 18px 44px;text-align:center;width: 212px;padding:0px;height:51px;line-height:51px;

}
.ddsmoothmenu ul li ul li a:hover{
font: normal 12px Verdana;
width:121px; /*width of sub menus*/
margin:0px;padding: 18px 0px 10px 0px;text-align:center;width: 212px;padding:0px;height:51px;line-height:51px;

}

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



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

.ddshadow{ 
position: absolute;
left: 0;
top: 0;
width: 0;
height: 0;
background-color:none;/* generally should be just a little lighter than the box-shadow color for CSS3 capable browsers */
}

.toplevelshadow{
margin: 0px 0 0 0px; /* in NON CSS3 capable browsers gives the offset of the shadow */
opacity: 0.8; /* shadow opacity mostly for NON CSS3 capable browsers. Doesn't work in IE */
}

.ddcss3support .ddshadow.toplevelshadow {
margin: 0; /* in CSS3 capable browsers overrides offset from NON CSS3 capable browsers, allowing the box-shadow values in the next selector to govern that */
/* opacity: 1; */ /* optionally uncomment this to remove partial opacity for browsers supporting a box-shadow property which has its own slight gradient opacity */
}

.ddcss3support .ddshadow {
background-color: transparent;
box-shadow: 5px 5px 5px #aaa; /* box-shadow color generally should be a little darker than that for the NON CSS3 capable browsers background-color */
-moz-box-shadow: 5px 5px 5px #aaa;
-webkit-box-shadow: 5px 5px 5px #aaa;
}