.ddm1 {
    font: bold 11px "trebuchet ms", arial, tahoma;
}
.ddm1 .item1,
.ddm1 .item1:hover,
.ddm1 .item1-active,
.ddm1 .item1-active:hover { position: relative; }
.ddm1 .item1 { background-image: url(../imgs/Heron_topMenu_06.png); background-repeat: no-repeat; background-position: 0 0; width: 47px; height: 32px; display: block; }
.ddm1 .item1:hover { background-image: url(../imgs/Heron_topMenu-over_06.png); background-repeat: no-repeat; background-position: 0 0; display: block; width: 47px; height: 32px; }
.ddm1 .item1-active, .ddm1 .item1-active:hover { background-image: url(../imgs/Heron_topMenu-over_06.png); background-repeat: no-repeat; background-position: 0 0; display: block; width: 47px; height: 32px; }
.ddm1 .item2 { color: #464646; background-image: none; }
.ddm1 .item2,
.ddm1 .item2:hover { text-decoration: none; text-align: left; padding: 1px 8px; display: block; white-space: nowrap; }
.ddm1 .item2:hover { color: #f00; padding-left: 10px; }
.ddm1 .left, .ddm1 .left:hover {  }
.ddm1 .right, .ddm1 .right:hover {  }
.ddm1 .section { background-color: #fff; position: absolute; top: 0; visibility: hidden; z-index: -1; margin-top: 10px; border-color: #464646; border-style: solid; border-width: 1px 1px 10px; white-space: nowrap; }
.menuList { font-size: 10px; font-weight: normal; background-repeat: no-repeat; background-position: 0 6px; text-align: left; width: 160px; margin-top: 0; margin-bottom: 0; margin-left: 12px; padding: 0 16px 0 12px; }
.menuList a { color: #232323; text-decoration: none; }
.menuList a:hover { color: #f00; text-decoration: none; padding-top: 1px; padding-left: 1px; }
.menuList li { text-align: left; margin-top: 0; margin-bottom: 0; margin-left: 8px; }
/* ie 5.0 fix */
* html .ddm1 td { position: relative; }