.ddm1 {
    font: 10px ms sans serif, verdana, tahoma; BORDER-TOP: #3773B9 1px solid;  BORDER-LEFT: #3773B9 1px solid; BORDER-BOTTOM: #3773B9 1px solid; BACKGROUND-COLOR: #ffffff;  BORDER-RIGHT: #3773B9 1px solid;
}
.ddm2 {
    font: 10px ms sans serif,  verdana, tahoma; BORDER-TOP: #ffffff 1px solid;  BORDER-LEFT: #ffffff 1px solid; BORDER-BOTTOM: #0B4F9A 1px solid; BACKGROUND-COLOR: #ffffff;  BORDER-RIGHT: #0B4F9A 1px solid;
}
.ddm1 .item1,
.ddm1 .item1:hover,
.ddm1 .item1-active,
.ddm1 .item1-active:hover {
    padding: 3px 8px 4px 8px;
    border: 1px #3773B9; 
         

    text-decoration: none;
    display: block;
    position: relative;
}
.ddm1 .item1 {
    background: #3773B9;
    color: #ffffff;
}
.ddm1 .item1:hover,
.ddm1 .item1-active,
.ddm1 .item1-active:hover {
    background: #C92B2E;
    color: #FCFF00;
}
.ddm1 .item2,
.ddm1 .item2:hover {
    padding: 3px 8px 4px 8px;        
    text-decoration: none;
    display: block;
    white-space: nowrap;
}
.ddm1 .item2 {
    background: #C92B2E;
    color: #ffffff;
}
.ddm1 .item2:hover {
    background: #C92B2E;
    color: #FCFF00; 
}
.ddm1 .section {

    border: 1px #C92B2E;
    border-style: solid solid solid solid;
    position: absolute;
    visibility: hidden;
    z-index: -1;
    white-space: nowrap;
}
.ddm1 .left, .ddm1 .left:hover { border-style: solid none solid solid; }
.ddm1 .right, .ddm1 .right:hover { border-style: solid solid solid none; }

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