.ddmx {
    font-family : verdana, arial, geneva, helv, helvetica, sans-serif, adobe;
    font-size : 10px;
}

.ddmx .mmenu, .ddmx .mmenu:hover, .ddmx .mmenu-active, .ddmx .mmenu-active:hover {
    text-align : center;
}

.ddmx .submenu, .ddmx .submenu:hover, .ddmx .submenu-active, .ddmx .submenu-active:hover {
    text-align : left;
    margin-top : -1px;
    margin-left : 0;
    width : 150px;
}

.ddmx .item1, .ddmx .item1:hover, .ddmx .item1-active, .ddmx .item1-active:hover {
    padding : 3px 7px;
    font-family : verdana, arial, geneva, helv, helvetica, sans-serif, adobe;
    font-size : 10px;
    font-weight : bold;
    text-decoration : none;
    display : block;
    white-space : nowrap;
    position : relative;
    z-index : 500;
    cursor : crosshair;
    border : 1px solid #fff;
    background-color : rgb(23,55,150);
    color : #fff;
}

.ddmx .item2, .ddmx .item2:hover, .ddmx .item2-active, .ddmx .item2-active:hover {
    padding : 3px 7px;
    font-family : verdana, arial, geneva, helv, helvetica, sans-serif, adobe;
    font-size : 10px;
    font-weight : normal;
    text-decoration : none;
    display : block;
    white-space : normal;
    position : relative;
    z-index : 500;
    border : 1px solid #fff;
}

.ddmx .item2 {
    background-color : rgb(203,215,230);
    color : #000;
}

.ddmx .item2:hover, .ddmx .item2-active, .ddmx .item2-active:hover {
    background-color : rgb(23,55,150);
    color : #fff;
}

.ddmx .arrow, .ddmx .arrow:hover {
    padding : 3px 7px;
    position : relative;
}

.ddmx .item2 img, .ddmx .item2-active img {
    position : absolute;
    top : 5px;
    right : 2px;
    border : 0;
    width : 7px;
    height : 7px;
}

.ddmx .section {
    border : 0;
    margin : 0;
    position : absolute;
    visibility : hidden;
    z-index : -1;
}

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