/* CSS Document */

.main { padding-top: 0px; }
#map-container { position: relative; bottom: 0px; right: 0px; width: 990px; height: 724px; background-color: #999; }

#map-img { display: block; width: 807px; height: 704px; background-color: #999; background: url(images/educationMap1.png); position: relative; margin: 10px 0 20px 100px; }

/* Switch off green box */
/*  #map-img a { display: block; border: 5px solid #3F0; position: absolute; }*/

/* Switch off green box */
#map-img a { display: block; border: 0px solid #3F0; position: absolute; }

#map-img a:hover { background: #999; opacity: 0.5; filter: alpha(opacity=50);}

a#Buddah1 { width: 80px; height: 100px; left: 677px; top: 453px; }
a#War_Memorials1 { width: 80px; height: 100px; left: 446px; top: 552px; }
a#kings_and_queens { width: 80px; height: 100px; left: 47px; top: 454px; }
a#test1 { width: 13px; height: 13px; left: 596px; top: 545px; }
a#test2 { width: 13px; height: 13px; left: 646px; top: 545px; }
a#test3 { width: 13px; height: 13px; left: 738px; top: 426px; }

a#wmtest1 { width: 13px; height: 13px; left: 565px; top: 575px; }
a#wmtest2 { width: 13px; height: 13px; left: 565px; top: 646px; }
a#wmtest3 { width: 13px; height: 13px; left: 398px; top: 576px; }
a#wmtest4 { width: 13px; height: 13px; left: 398px; top: 647px; }




@media only screen and ( min-width: 768px) and ( max-width: 980px ) {
	#map-container {display: none;}
}
	
	
@media only screen and ( max-width: 767px) {
	#map-container {display: none;}
}

@media only screen and ( max-width: 767px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (min-resolution: 240dpi)  { 
	#map-container {display: none;}
}