.ddmx {
    font: 8pt MS Sans Serif,arial,helvetica;
}
/*
a.item1 { font: normal normal 11px "MS Sans Serif", "Arial CE", Arial, "Helvetica CE", Helvetica, sans-serif }
a.item1:link { color: #003366; text-decoration: underline; font-weight: normal }
a.item1:visited { color: #003366; text-decoration: underline; font-weight: normal }
a.item1:hover { color: #da251d; text-decoration: none; font-weight: normal }
a.item1:active { color: #003366; text-decoration: underline; font-weight: normal }
*/
.ddmx a.item1,
.ddmx a.item1:hover,
.ddmx a.item1-active,
.ddmx a.item1-active:hover {
    padding: 5px 10px 6px 10px;
    background-color: #5e5e5c;
    font: 8pt MS Sans Serif,arial,helvetica;
    color: #ff0033;
    font-weight: normal;
    text-decoration: none;
    display: block;
    white-space: nowrap;
    position: relative;
}
.ddmx a.item1 { color: #ffffff }

.ddmx a.item2,
.ddmx a.item2:hover,
.ddmx a.item2-active,
.ddmx a.item2-active:hover {
    padding: 3px 8px 3px 8px;
    font: 8pt MS Sans Serif,arial,helvetica;
    color: #5e5e5c;
    font-weight: normal;
    text-decoration: none;
    display: block;
    white-space: nowrap;
    position: relative;
    z-index: 500;
}
.ddmx a.item2 {
    background-color: #ededeb;
}
.ddmx a.item2:hover,
.ddmx a.item2-active,
.ddmx a.item2-active:hover {
    color: #ff0033;
}
.ddmx a.arrow,
.ddmx a.arrow:hover {
    padding: 3px 8px 3px 8px;
}
.ddmx a.item2 img,
.ddmx a.item2-active img{
    position: absolute;
    top: 4px;
    right: 1px;
    border: 0;
}
.ddmx .section {
    background-color: #ededeb;
    border: 1px solid #a3a3a3;
    position: absolute;
    visibility: hidden;
    z-index: -1;
}

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