/*

body
{
    font-family:Arial, Sans-Serif;
    font-size:12px; 
}

*/
@media (max-width: 561px) { 
    #borough-map{
        display:none;
    }    
    
}

div#borough-map
{
    width:567px;
    font-size:12px;
    position:relative;
    margin: 0 auto;
}


div#borough-map div#map-rollover
{
    display:none;
    position:absolute;
    font-size:1.1em;
line-height:20px;
    font-weight:bold;
    z-index:1;
    height:30px;
    color:white;
}

div#borough-map div#map-popup
{
    position:absolute;
    z-index:3;
    border-radius:3px;
    -moz-border-radius:3px;
    background-image:url('/Map/images/khaki-bg.png');
    background-repeat:repeat;
    width:188px;
    padding:0 0 9px 9px;
    display:none;
}

div#borough-map div#map-popup a.exit
{
    position:absolute;
    left:180px;
    top:5px;
    background-image:none;
}

div#borough-map div#map-popup h2
{
    color:#ffffff;
    font-size:1.2em;
    margin: 10px 0 5px 0;
}

div#borough-map div#map-popup p
{
	color:#000;
    font-weight:bold;
    margin-right: 20px;
}

div#borough-map div#map-popup a
{
    background-image:url('/Map/images/arrow.png');
    background-position:right center;
    background-repeat:no-repeat;
    padding:1px 12px 1px 0;
    display:inline-block;
    text-decoration:none;
    color:#000000;
    font-weight:bold;
}

div#borough-map div#map-popup a:hover
{
	color: #8C4799;
}

div#borough-map p.instructions
{
    margin:20px 0 0 16px;
}

div#borough-map div.subnote
{
    text-align:right;
    margin:15px 18px 0 0;
    color:#929191;
}

div#borough-map div.map-area
{
    margin:57px 0 0 5px;
}

div#borough-map div.map-area div#main-image img
{
    position:relative;
    z-index:2;
}

div#borough-map div.map-area div#tendring
{
    background-image:url('/Map/images/80percent/tendring.gif');
    background-repeat:no-repeat;
}
div#borough-map div.map-area div#brentwood
{
    background-image:url('/Map/images/80percent/brentwood.gif');
    background-repeat:no-repeat;
}
div#borough-map div.map-area div#colchester
{
    background-image:url('/Map/images/80percent/colchester.gif');
    background-repeat:no-repeat;
}
div#borough-map div.map-area div#braintree
{
    background-image:url('/Map/images/80percent/braintree.gif');
    background-repeat:no-repeat;
}
div#borough-map div.map-area div#uttlesford
{
    background-image:url('/Map/images/80percent/uttlesford.gif');
    background-repeat:no-repeat;
}
div#borough-map div.map-area div#maldon
{
    background-image:url('/Map/images/80percent/maldon.gif');
    background-repeat:no-repeat;
}
div#borough-map div.map-area div#epping-forest
{
    background-image:url('/Map/images/80percent/epping-forest.gif');
    background-repeat:no-repeat;
}
div#borough-map div.map-area div#chelmsford
{
    background-image:url('/Map/images/80percent/chelmsford.gif');
    background-repeat:no-repeat;
}
div#borough-map div.map-area div#harlow
{
    background-image:url('/Map/images/80percent/harlow.gif');
    background-repeat:no-repeat;
}
div#borough-map div.map-area div#basildon
{
    background-image:url('/Map/images/80percent/basildon.gif');
    background-repeat:no-repeat;
}
div#borough-map div.map-area div#rochford
{
    background-image:url('/Map/images/80percent/rochford.gif');
    background-repeat:no-repeat;
}
div#borough-map div.map-area div#castle-point
{
    background-image:url('/Map/images/80percent/castle-point.gif');
    background-repeat:no-repeat;
}
div#borough-map div.map-area div#thurrock
{
    background-image:url('/Map/images/80percent/thurrock.gif');
    background-repeat:no-repeat;
}
div#borough-map div.map-area div#southend-on-sea
{
    background-image:url('/Map/images/80percent/southend-on-sea.gif');
    background-repeat:no-repeat;
}


div#borough-map div.schools-table
{
    margin:0 9px 9px 9px;
    float:left;
    width:549px;
    padding:8px 0 17px 0;
    border-radius:5px;
    -moz-border-radius:5px;
    display:none;
}

div#borough-map div.schools-table.khaki
{
    background-color:#6C3776;	
}

div#borough-map div.schools-table.green
{
    background-color:#8C4799;	
}

div#borough-map div.schools-table.brown
{
    background-color:#9744A6;	
}

div#borough-map div.schools-table hr
{
    border:solid 1px #ffffff;
}

div#borough-map div.schools-table a
{
    position:absolute;
    left:525px;
    font-size:1em;
    text-decoration:none;
    color:#ffffff;
}

div#borough-map div.schools-table h2,
div#borough-map div.schools-table h3
{
    margin:0 0 0 12px;
}

div#borough-map div.schools-table h2
{
    font-size:1.5em;
    color:#ffffff;
}

div#borough-map div.schools-table h3
{
    font-size:1.7em;
    color:white;
}

div#borough-map div.schools-table div.list
{
    width:50%;
    float:left;
    margin:12px 0 0 0;
}

div#borough-map div.schools-table div.list ol
{
    margin:0 0 0 30px;
    padding:0;
    color:#ffffff;
    font-size:1.1em;
}