#menu { Z-INDEX: 5000; POSITION: relative; TOP: 70px; LEFT: 60px; WIDTH: 100px; height: 200px;  }

.ddmx {
   
}
.ddmx .item1 {
    width: 100px; height: 22px; text-align: center; margin: 1px; padding: 0px;
    DISPLAY: block; FONT: bolder 12px Verdana, Arial, Helvetica, sans-serif; CURSOR: pointer; COLOR: #9f212f; WHITE-SPACE: nowrap;
    POSITION: relative; TEXT-DECORATION: none; background: #FFF8EB;
    border: #Af615f 1px solid;
}
.ddmx .item1:hover {
    width: 100px; height: 22px; text-align: center; margin: 1px;
    DISPLAY: block; background: #fff9a1; FONT: bolder 12px Verdana, Arial, Helvetica, sans-serif;COLOR: #9f212f;TEXT-DECORATION: none;WHITE-SPACE: nowrap;
    border: #Af615f 1px solid;
}
.ddmx .item1-active {
    width: 100px; height: 22px; text-align: center; margin: 1px;
    DISPLAY: block; background: #fff9a1; FONT: bolder 12px Verdana, Arial, Helvetica, sans-serif;COLOR: #9f212f;TEXT-DECORATION: none;WHITE-SPACE: nowrap;
    border: #Af615f 1px solid;
}
.ddmx .item1-active:hover {
    width: 100px; height: 22px; text-align: center; margin: 1px;
    DISPLAY: block; background: #fff9a1; FONT: bolder 12px Verdana, Arial, Helvetica, sans-serif; COLOR: #9f212f;TEXT-DECORATION: none;WHITE-SPACE: nowrap;
    border: #Af615f 1px solid;
}

.ddmx .item1 span { position: relative; top: 4px; }
.ddmx .item1:hover span { position: relative; top: 4px; }
.ddmx .item1-active span { position: relative; top: 4px; }
.ddmx .item1-active:hoover span { position: relative; top: 4px; }

.ddmx .item2 {
    BORDER-RIGHT: #cccccc 1px solid; PADDING-RIGHT: 3px; BORDER-TOP: 0px; DISPLAY: block; PADDING-LEFT: 3px; Z-INDEX: 5000;
    PADDING-BOTTOM: 3px; FONT: bold 11px Verdana, Arial, Helvetica, sans-serif; BORDER-LEFT: #cccccc 1px solid; COLOR: #a02230;
    PADDING-TOP: 3px; BORDER-BOTTOM: #cccccc 1px solid; WHITE-SPACE: nowrap; POSITION: relative; TEXT-DECORATION: none
}
.ddmx .item2:hover {

}
.ddmx .item2-active {

}
.ddmx .item2-active:hover {

}
.ddmx .item2 {
    BACKGROUND: #ffffff; FILTER: alpha(opacity=85); -moz-opacity: .85; opacity: .85
}
.ddmx .item2:hover {
    BACKGROUND: #fff9a1; FILTER: alpha(opacity=100); -moz-opacity: 1; opacity: 1
}
.ddmx .item2-active {
    BACKGROUND: #fff9a1; FILTER: alpha(opacity=100); -moz-opacity: 1; opacity: 1
}
.ddmx .item2-active:hover {
    BACKGROUND: #fff9a1; FILTER: alpha(opacity=100); -moz-opacity: 1; opacity: 1
}
.ddmx .arrow {
    PADDING-RIGHT: 16px; PADDING-LEFT: 8px; PADDING-BOTTOM: 4px; PADDING-TOP: 3px
}
.ddmx .arrow:hover {
    PADDING-RIGHT: 16px; PADDING-LEFT: 8px; PADDING-BOTTOM: 4px; PADDING-TOP: 3px
}
.ddmx .item2 IMG {
    BORDER-TOP-WIDTH: 0px; BORDER-LEFT-WIDTH: 0px; RIGHT: 1px; BORDER-BOTTOM-WIDTH: 0px; POSITION: absolute; TOP: 4px; BORDER-RIGHT-WIDTH: 0px
}
.ddmx .item2-active IMG {
    BORDER-TOP-WIDTH: 0px; BORDER-LEFT-WIDTH: 0px; RIGHT: 1px; BORDER-BOTTOM-WIDTH: 0px; POSITION: absolute; TOP: 4px; BORDER-RIGHT-WIDTH: 0px
}
.ddmx .section {
    BORDER-RIGHT: 0px; BORDER-TOP: 0px; Z-INDEX: -1; LEFT: 55px; VISIBILITY: hidden; BORDER-LEFT: 0px; BORDER-BOTTOM: 0px; POSITION: absolute; TOP: 300px
}
* HTML .ddmx TD {
    POSITION: relative
}