.ddsmoothmenu{
font: bold 11px Arial;
background: transparent; /*background of menu bar (default state)*/
width: 100%;
margin-left:0;
height:30px;
}

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

/*Top level list items*/
.ddsmoothmenu ul li{
position: relative;
display: inline;
float: left;
background: #ffffff;
width:106px;
margin:0px 2px 0px 2px;
height:30px;
}

/*Top level menu link items style*/
.ddsmoothmenu ul li a{
display: block;
width:98px;
height:25px;
background: #a92846; /*background of menu items (default state)*/
color: #7b7b7b;
padding: 4px 3px 1px 5px;
/*border-right: 1px solid #778;*/
text-decoration: none !important;
line-height:1em;
border:none;
margin:0;
}

* 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: #a92846;
margin:0px 0px 0px 0px;
background:#ffffff;
}

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

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

/*1st sub level menu*/
.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;
background:#a92846;
margin:0px;
height:20px !important;
}


/*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{
background:#a92846 /*!important*/;
color:#ffffff !important;
height:14px !important;
font: normal 8pt Arial;
width: 98px; /*width of sub menus*/
padding: 3px 3px 4px 5px;
margin: 0;
}

.ddsmoothmenu ul li ul li a.mp1, .ddsmoothmenu ul li ul li a.mp2, .ddsmoothmenu ul li ul li a.mp3,
.ddsmoothmenu ul li ul li a.mp4, .ddsmoothmenu ul li ul li a.mp5, .ddsmoothmenu ul li ul li a.mp6,
.ddsmoothmenu ul li ul li a.mp7  {
background:#875f7f !important;
}

.ddsmoothmenu ul li ul li a.sub1, .ddsmoothmenu ul li ul li a.sub2, .ddsmoothmenu ul li ul li a.sub3, 
.ddsmoothmenu ul li ul li a.sub4, .ddsmoothmenu ul li ul li a.sub5, .ddsmoothmenu ul li ul li a.sub6, 
.ddsmoothmenu ul li ul li a.sub7, .ddsmoothmenu ul li ul li a.sub8, .ddsmoothmenu ul li ul li a.sub9,
.ddsmoothmenu ul li ul li a.sub10, .ddsmoothmenu ul li ul li a.sub11, .ddsmoothmenu ul li ul li a.sub12,
.ddsmoothmenu ul li ul li a.sub13, .ddsmoothmenu ul li ul li a.sub14, .ddsmoothmenu ul li ul li a.sub15 {
background:#a92846 !important;
}

body.mp1 #smoothmenu1 a.mp1, body.mp2 #smoothmenu1 a.mp2, body.mp3 #smoothmenu1 a.mp3,
body.mp4 #smoothmenu1 a.mp4, body.mp5 #smoothmenu1 a.mp5, body.mp6 #smoothmenu1 a.mp6,
body.mp7 #smoothmenu1 a.mp7, body.sub1 #smoothmenu1 a.sub1, body.sub2 #smoothmenu1 a.sub2,
body.sub3 #smoothmenu1 a.sub3, body.sub4 #smoothmenu1 a.sub4, body.sub5 #smoothmenu1 a.sub5,
body.sub6 #smoothmenu1 a.sub6, body.sub7 #smoothmenu1 a.sub7, body.sub8 #smoothmenu1 a.sub8, 
body.sub9 #smoothmenu1 a.sub9, body.sub10 #smoothmenu1 a.sub10, body.sub11 #smoothmenu1 a.sub11,
body.sub12 #smoothmenu1 a.sub12, body.sub13 #smoothmenu1 a.sub13, body.sub14 #smoothmenu1 a.sub14,
body.sub15 #smoothmenu1 a.sub15 {
color:#000000 !important;
}


body.president #smoothmenu1 a.president,
body.ceo #smoothmenu1 a.ceo,
body.members #smoothmenu1 a.members,
body.governance #smoothmenu1 a.governance,
body.learning #smoothmenu1 a.learning,
body.communications #smoothmenu1 a.communications,
body.accounts #smoothmenu1 a.accounts
{
color: #ffffff !important;
background:#a92846 !important;
}


.ddsmoothmenu ul li ul li a:hover{
color:#000000 !important;
}

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

.downarrowclass{
position: absolute;
top: 12px;
right: 7px;
display:none;
}

.rightarrowclass{
position: absolute;
top: 6px;
right: 5px;
display:none;
}

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

.ddshadow{
position: absolute;
left: 0;
top: 0;
width: 0;
height: 0;
background: transparent;
display:none;
}

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