#map {
        width: 150px;
        height: 150px;
        list-style-type: none;
        position: relative;
        margin: 0px auto;
        background-color: #0D4E92;
        text-align: left;
        overflow: hidden;
}
#map li a {
        position: absolute;
        text-indent: -900px;
        background-color: white;
}
#map li a:hover {
        z-index: 100;
}

#mapOff{
    text-align: left;
    margin-bottom: 1em;
}

#mapOff li a, #mapOff li a:hover{
    background: none;
    font-size: 0.8em;
    color: #B5C7DA;
}



#area1 a { background: url('../images/map.gif') -1px -1px; left: 1px; top: 1px; width: 45px; height: 57px; }
#area1 a:hover { background: url('../images/map.gif') -1px -151px;}

#area3 a { background: url('../images/map.gif') -77px -10px; left: 77px; top: 10px; width: 55px; height: 37px;}
#area3 a:hover { background: url('../images/map.gif') -77px -160px; }

#area7 a { background: url('../images/map.gif') -13px -79px; left: 13px; top: 79px; width: 44px; height: 44px; }
#area7 a:hover { background: url('../images/map.gif') -13px -229px; }

#area9 a { background: url('../images/map.gif') -62px -64px; left: 62px; top: 64px; width: 37px; height: 38px; z-index: 10 }
#area9 a:hover { background: url('../images/map.gif') -62px -214px; }

#area11 a { background: url('../images/map.gif') -106px -102px; left: 106px; top: 102px; width: 36px; height: 47px; }
#area11 a:hover { background: url('../images/map.gif') -106px -402px; }

#area13 a { background: url('../images/map.gif') -62px -95px; left: 62px; top: 95px; width: 26px; height: 43px; }
#area13 a:hover { background: url('../images/map.gif') -62px -395px; left: 62px; top: 95px; width: 26px; height: 43px; }

#area15 a { background: url('../images/map.gif') -27px -33px; left: 27px; top: 33px; width: 49px; height: 63px; z-index: 1}
#area15 a:hover { background: url('../images/map.gif') -27px -333px; }

#area16 a { background: url('../images/map.gif') -79px -36px; left: 79px; top: 36px; width: 57px; height: 63px; z-index: 1; }
#area16 a:hover { background: url('../images/map.gif') -79px -336px; }

#area2 a { background: url('../images/map.gif') -40px -1px; left: 40px; top: 1px; width: 45px; height: 36px; }
#area2 a:hover { background: url('../images/map.gif') -40px -451px; }

#area4 a { background: url('../images/map.gif') -112px -12px; left: 112px; top: 12px; width: 38px; height: 56px; z-index: 10}
#area4 a:hover { background: url('../images/map.gif') -112px -462px; }

#area14 a { background: url('../images/map.gif') -84px -90px; left: 84px; top: 90px; width: 34px; height: 28px; z-index: 9}
#area14 a:hover { background: url('../images/map.gif') -84px -540px; }

#area12 a { background: url('../images/map.gif') -76px -110px; left: 76px; top: 110px; width: 33px; height: 35px; }
#area12 a:hover { background: url('../images/map.gif') -76px -710px; }

#area5 a { background: url('../images/map.gif') -5px -45px; left: 5px; top: 45px; width: 28px; height: 44px; z-index: 8 }
#area5 a:hover { background: url('../images/map.gif') -5px -645px; }

#area6 a { background: url('../images/map.gif') -49px -30px; left: 49px; top: 30px; width: 36px; height: 37px; z-index: 10}
#area6 a:hover { background: url('../images/map.gif') -49px -630px; }

#area8 a { background: url('../images/map.gif') -44px -92px; left: 44px; top: 92px; width: 25px; height: 33px; }
#area8 a:hover { background: url('../images/map.gif') -44px -692px; }

#area10 a { background: url('../images/map.gif') -112px -65px; left: 112px; top: 65px; width: 38px; height: 52px; z-index: 10 }
#area10 a:hover { background: url('../images/map.gif') -112px -665px; }