#map h2 {
    font-weight: bold;
}

#map p {
    margin-bottom: 15px;
}

#canvas {
    border: 1px solid rgb(162,162,162);
    width: 308px;
    height: 308px;
}

#canvas.wide {
    width: 576px;
}

#legend {
    margin-top: 15px;
}

/* Map Markers */

.mapped, #legend li {
    padding-bottom: 4px;
    background-repeat: no-repeat;
}

.mapped {
    padding-right: 23px;
    margin-top: 2px;
    background-position: top right;
    display: inline-block; /* otherwise IE7 clips background */
}

#legend li {
    padding-left: 23px;
    background-position: top left;
}

.icon1  { background-image: url(/img/markers/1.png);  }
.icon2  { background-image: url(/img/markers/2.png);  }
.icon3  { background-image: url(/img/markers/3.png);  }
.icon4  { background-image: url(/img/markers/4.png);  }
.icon5  { background-image: url(/img/markers/5.png);  }
.icon6  { background-image: url(/img/markers/6.png);  }
.icon7  { background-image: url(/img/markers/7.png);  }
.icon8  { background-image: url(/img/markers/8.png);  }
.icon9  { background-image: url(/img/markers/9.png);  }
.icon10 { background-image: url(/img/markers/10.png); }
.icon11 { background-image: url(/img/markers/11.png); }
.icon12 { background-image: url(/img/markers/12.png); }
.icon13 { background-image: url(/img/markers/13.png); }
.icon14 { background-image: url(/img/markers/14.png); }
.icon15 { background-image: url(/img/markers/15.png); }
.icon16 { background-image: url(/img/markers/16.png); }
.icon17 { background-image: url(/img/markers/17.png); }
.icon18 { background-image: url(/img/markers/18.png); }
.icon19 { background-image: url(/img/markers/19.png); }
.icon20 { background-image: url(/img/markers/20.png); }