#sddm{
z-index: 30;
}

#sddm li{
list-style: none;
float: left;
color:#6f3098;
margin-right:2px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:13px;
font-weight:bold;
position:relative;
display:inline;
/*background:url(../images/nav_c.gif) repeat-x;*/
height:27px;
padding-top:10px;
}

#sddm li .nav_left{
visibility:hidden;
position:absolute;
top:0px;
left:0px;
width:10px;
height:28px;
background:url(../images/nav_l.gif) no-repeat;
}

#sddm li .nav_right{
visibility:hidden;
position:absolute;
top:0px;
right:0px;
margin-right:-1px;
width:10px;
height:28px;
background:url(../images/nav_r.gif) no-repeat;
}

#sddm li a{
position:relative;
width: auto;
color:#6f3098;
text-align: left;
text-decoration: none;
display:inline;
padding:5px;
}

#sddm li a:hover{
color:#8b61a3;
}

#sddm .submenu {
position: absolute;
visibility: hidden;
background-color: #6f3098;
width:auto;
border:1px solid #FFFFFF;
border-bottom:none;
z-index: 100;
top:28px;
left:0px;
}

#sddm .submenu a{
position: relative;
display: block;
margin: 0;
padding: 3px;
width: 125px;
white-space:normal;
text-align: left;
text-decoration: none;
background: #6f3098;
color:#fff;
font-size: 12px;
font-weight:bold;
z-index: 120;
border-bottom: 1px solid #fff;
}

#sddm .submenu a:hover{
position: relative;
display: block;
margin: 0;
padding: 3px;
width: 125px;
white-space:normal;
text-align: left;
text-decoration: none;
background: #8b61a3;
color:#fff;
font-size: 12px;
font-weight:bold;
z-index: 120;
border-bottom: 1px solid #fff;
}