.ddsmoothmenu{
    font-size:16px; line-height:16px; color:#000000; height:32px;font-family: arial, Helvetica,sans-serif; font-weight: bold;
}

.ddsmoothmenu ul{
z-index:100;
margin:0;
padding:0;
list-style-type: none;
color:#ffffff;
background-color:transparent;

float:left;
clear:left;
   position:relative;
   left:50%;
   text-align:center;


}

/*Top level list items*/
.ddsmoothmenu ul li{
position: relative;
float: left;
width:auto;
background:none;
margin:0px;
padding:0;
display: inline;
right:50%
}

/*Top level menu link items style*/
.ddsmoothmenu ul li a{
    display: block;
    float:left;
    width:auto;
    height:8px;
    border-right:solid 1px #fff;

    font-size:14px;
    line-height:14px;
    color:#ffffff;
    text-decoration:none !Important;
    padding:12px 20px;
    
}

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

.ddsmoothmenu ul li a:hover{
 /*background of menu items during onmouseover (hover state)*/
    color:#ffffff;
    background:#333333;
}

.ddsmoothmenu ul li:hover a.one,
.ddsmoothmenu ul li a.one:hover,
.ddsmoothmenu ul li a.mainActive,
.ddsmoothmenu ul li a.mainActive:visited,
.ddsmoothmenu ul li a.mainActive:hover {
    color:#000000;
    background:#333333;
}

.ddsmoothmenu ul li:hover a.one span,
.ddsmoothmenu ul li a.mainActive span,
.ddsmoothmenu ul li a.mainActive:visited span,
.ddsmoothmenu ul li a.mainActive:hover span {
    color:#000000; 
}
/*1st sub level menu*/
.ddsmoothmenu ul li ul{
position: absolute;
z-index:110;
left: 0;
top:31px !important;
margin-top:0px;
display: none; /*collapse all sub menus to begin with*/
visibility: hidden;
background:transparent;
font-weight: normal;
font-size:14px;
text-transform:none;
line-height:14px;
width: 200px;
height: auto;
border-top:solid 2px transparent;

}

/*Sub level menu list items (undo style from Top level List Items)*/
.ddsmoothmenu ul li ul li{
display: list-item;
background:transparent;
color:#ffffff;
text-transform:none;
float: none;
padding: 0;
width:auto; 
margin:0px;
left:1%;
}

/*All subsequent sub menu levels vertical offset after 1st level sub menu */
.ddsmoothmenu ul li ul li ul{
top:0px !important; border:solid #fff; border-width:0;

}

/* Sub level menu links style */
.ddsmoothmenu ul li ul li a{
width:158px; /*width of sub menus*/
float:none;
padding:7px 21px;
font-weight: bold;
text-transform:none;
background:#cccccc; border-bottom:solid 1px #ffffff;
color: #ffffff;
font-size:14px;
line-height:14px;
height:auto !important;
}


.ddsmoothmenu ul li ul li a:link,
.ddsmoothmenu ul li ul li a:visited{
    color:#fffff; 
}
.ddsmoothmenu ul li ul li a:hover,
.ddsmoothmenu ul li ul li a.underactive,
.ddsmoothmenu ul li ul li a.underactive:visited,
.ddsmoothmenu ul li ul li a.underactive:hover,
.ddsmoothmenu ul li ul li a.underactive:active
{
    background:#333333; color:#ffffff;
}
.ddsmoothmenu ul li ul li a.selected{ /*CSS class that's dynamically added to the currently active menu items' LI A element*/
background:#4a1801; color:#ffffff;

}

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

.downarrowclass{
position: absolute;
top: 18px;
right: 7px; 

}

.rightarrowclass{
position: absolute;
top: 11px;
right: 10px;

}

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

.ddshadow{
position: absolute;
left: 0;
top: 0;
width: 0;
height: 0;
}

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