.ddm2 {
    font: 12px tahoma;
    font-weight: bold;
}
.ddm2 .item1,
.ddm2 .item1:hover,
.ddm2 .item1-active,
.ddm2 .item1-active:hover {
#    padding: 3px 8px 4px 8px;
    padding: 2px 2px 2px 2px;
    text-decoration: none;
    display: block;
    position: relative;
}
.ddm2 .item1 {
    color: #000000;
}
.ddm2 .item1:hover,
.ddm2 .item1-active,
.ddm2 .item1-active:hover {
    background: #bbf096;
    color: #000000;
}
.ddm2 .item2,
.ddm2 .item2:hover {
    padding: 3px 8px 4px 8px;
    text-decoration: none;
    display: block;
    white-space: nowrap;
}
.ddm2 .item2 {
    background: #d1f1b2;
    color: #000000;
}
.ddm2 .item2:hover {
    background: #bbf096;
    color: #000000;
}
.ddm2 .section {
    border: 1px #000000;
    border-style: solid solid solid solid;
    position: absolute;
    visibility: hidden;
    z-index: -1;
    white-space: nowrap;
}
.ddm2 .left, .ddm2 .left:hover {  }
.ddm2 .right, .ddm2 .right:hover {  }

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