body {

}

.map_container {
    background: url(../images/template/uk-map.jpg) no-repeat 0px 0px;
    height: 550px;
    width: 300px;
    position: relative;
    color: #fff;
    font-family: Arial;
    font-size: 12px;
    float: left;
    margin: 0px 0px 0px 20px;

}

.map_container a.dot {
    background: url(../images/template/dots.png) no-repeat 0px 0px;
    height: 20px;
    width: 20px;
    display: block;
    cursor: pointer;
    position: absolute;

}

.map_container a.dot:hover {
    background-position: 0px -20px;

}

.map_container a.dot.selected {
    background-position: 0px -40px;

}

.clear_both {
    clear: both;
}

.map_container .detail_container {
    position: absolute;
    top: 460px;
    left: 5px;
    width: 300px;

}

.map.container .school_detail {
    position: absolute;
    top: 0px;
    width: 340px;
    padding: 10px 0px 0px 12px;

}

.map_container .school_detail .school_info {
    width: 300px;
    float: left;

}

.map_container h2 {
    margin: 0px 0px 4px 0px;
    font-size: 12px;
    font-weight: bold;
    color: #fff;
    padding-left: 4px;

}

.map_container h3 {
    margin: 0px 0px 0px 0px;
    font-size: 12px;
    letter-spacing: 0px;
    color: #fff;
    padding-left: 4px;

}

.map_container a {
    margin: 0px 0px 0px 0px;
    font-size: 12px;
    color: #fff;
    padding-left: 4px;
}

.map_container ul {
    margin: 0px 0px 0px 0px;
    color: #fff;
    margin-left: -18px;
}

.map_container p {
    margin: 0px 0px 12px 0px;
    color: #fff;
    padding-left: 4px;
}

.school_detail_container {
    display: none;
}