.ddmx {
    font: 11px tahoma;
    color: #ffffff;

}
.ddmx .item1{ 
    margin-top: 1px;
    padding: 5px 9px 5px 9px;
    background: #959A82;
    font: 13px "Century Gothic",tahoma,"Trebuchet MS",arial,tahoma;
    color: #fff;
    font-weight: normal;
    text-decoration: none;
    display: block;
    white-space: nowrap;
    position: relative ;
    border-right:1px solid #FFFFFF;
    text-align:center;
       
}
.ddmx .item1-active { 
    margin-top: 1px;
    padding: 5px 9px 5px 9px;
    background:#F5F4EF;
    font: 13px "Century Gothic",tahoma,"Trebuchet MS",arial,tahoma;
    color: #666;
    font-weight: normal;
    text-decoration: none;
    display: block;
    white-space: nowrap;
    position: relative ;
    border: 0px groove #333;
    text-align:center;
     
}
.ddmx .item1:hover,
.ddmx .item1-active:hover {
    padding: 5px 9px 5px 9px;   
    background: #959A82;
    font: 13px "Century Gothic",tahoma,"Trebuchet MS",arial,tahoma;
    font-weight: normal;
    text-decoration: underline;
    display: block;
    white-space: nowrap;
    position: relative ;
    border-right:1px solid #FFFFFF;
}

.ddmx .item2,
.ddmx .item2:hover,
.ddmx .item2-active,visited{
    padding: 2px 2px 2px 2px;
    font: 11px   "Trebuchet MS",arial,tahoma;
    color: #000;
    font-weight:normal;
    text-decoration: none;
    display: block;
    white-space: nowrap;
    position: relative;
    /*z-index: -100;*/
    width: 140px;
    background: #959A82;
}
.ddmx .item2 {
   padding-left:8px;
  }

.ddmx .item2:hover,
.ddmx .item2-active,visited
.ddmx .item2-active:hover {
    /*background: #FFFFFF;*/
    background: #000 url(../images/arrow.gif) no-repeat;
    padding-left: 8px;
    z-index: 1500;
    border-bottom-color:display: block;
   
}

.ddmx .section {
    border: 0px solid #E9E9E9;
    margin-top:2px;
    position: absolute;
    visibility: hidden;
    background: #666;
    z-index: 500;
    display: block;
    background: #fff url(../images/bac_menu3.jpg) no-repeat;

}

.ddmx .item3,
.ddmx .item3:hover,
.ddmx .item3-active,
.ddmx .item3-active:hover {
    padding: 3px 10px 3px 10px;
    background: #2D87AA;
    font: 12px "Trebuchet MS",arial;
    color: #cccccc;
    font-weight: normal;
    text-decoration: none;
    display: block;
    white-space: nowrap;
    position: relative;
}
.ddmx .item4{ 
    margin-top: 1px;
    padding: 5px 12px 5px 12px;
    /*background:#D7D5BE;*/
    font: 13px "Trebuchet MS",arial,tahoma;
    color: #BB0000;
    font-weight: normal;
    text-decoration: none;
    display: block;
    white-space: nowrap;
    position: relative ;
    border: 0px groove #333;
    
       
}
.ddmx .item4-active { 
    margin-top: 1px;
    padding: 5px 12px 5px 12px;
    background:#F2F2F2;
    font: 13px "Trebuchet MS",arial,tahoma;
    color: #666;
    font-weight:normal;
    text-decoration: none;
    display: block;
    white-space: nowrap;
    position: relative ;
    border: 0px groove #333;
    text-align:center;
     
}
.ddmx .item4:hover,
.ddmx .item4-active:hover {
    padding: 5px 12px 5px 12px;
    background:#F9F7EC;
    font: 13px "Trebuchet MS",arial,tahoma;
    color:#CA0000 ;
    font-weight: normal;
    text-decoration: none;
    display: block;
    white-space: nowrap;
    position: relative ;
    border: 0px dashed #FFF;

* html .ddmx td { position: relative; } /* ie 5.0 fix */