/* **********************************
 *    ALL CSS FOR THE SCHOOL MAP    *
 ************************************/

/* schoolmap background */
#schoolmap { width:565px; height:394px; display:table; border:0px;  margin:0; padding:0; 
             background:url("images/schoolmap.gif") top left no-repeat; text-align:left; }

/* info circle objects */
#schoolmap .mapItem { float:none; border:none; width:22px; height:22px; }
#schoolmap .mapItem a, #schoolmap .mapItem a:visited { 
    display:block; height:100%; width:100%; 
    padding:0; overflow:hidden; text-decoration:none; }
#schoolmap .mapItem a:hover { position:absolute;
  z-index:999; padding:0; background:none; 
  height:auto; width:auto; overflow:visible; 
  margin:-3px 0 0 -3px; }
html>body .mapItem a:hover { margin:-3px -3px 0 -3px; }
  
/* info circle images*/
#schoolmap a img { display:block; border:0; height:100%; width:100%; }
#schoolmap a:hover img { display:block; height:auto; width:auto; border:0; }

/* info boxes */
#schoolmap a:hover span { display:block; position:absolute; width:160px; 
  background-color:#ffffff; border:2px solid #939598; color:#939598; text-decoration:none;
  -moz-border-radius:5px; -webkit-border-radius:5px; opacity:0.9; -moz-opacity:0.9;
  font-size:10pt; text-align:left; padding:2px; }
#schoolmap a:hover span h1 { font-weight:bold; margin:0; padding:0; color:#555555; font-size:10pt; }
#schoolmap span.infoboxR, #schoolmap span.infoboxL { display:none; } /* Initially hidden*/

/* info circle positioning on the map */
#schoolmap .info1 { margin-top:55px; margin-left:300px; }
#schoolmap .info2 { margin-top:-15px; margin-left:250px; }
#schoolmap .info3 { margin-top:18px; margin-left:220px; }
#schoolmap .info4 { margin-top:-30px; margin-left:340px; }
#schoolmap .info5 { margin-top:-5px; margin-left:165px; }
#schoolmap .info6 { margin-top:-15px; margin-left:290px; }
#schoolmap .info7 { margin-top:-5px; margin-left:170px; }
#schoolmap .info8 { margin-top:-5px; margin-left:225px; }
#schoolmap .info9 { margin-top:0px; margin-left:290px; }
#schoolmap .info10 { margin-top:-10px; margin-left:160px; }
#schoolmap .info11 { margin-top:-22px; margin-left:225px; }
#schoolmap .info12 { margin-top:0px; margin-left:100px; }
#schoolmap .info13 { margin-top:-22px; margin-left:340px; }
#schoolmap .info14 { margin-top:15px; margin-left:150px; }
#schoolmap .info15 { margin-top:-22px; margin-left:210px; }
#schoolmap .info16 { margin-top:-22px; margin-left:260px; }
#schoolmap .info17 { margin-top:-22px; margin-left:325px; }
#schoolmap .info18 { margin-top:20px; margin-left:325px; }
#schoolmap .info19 { margin-top:0px; margin-left:415px; }

/* infobox positioning compared to info circle */
#schoolmap a:hover span.infoboxR {
  margin:-15px 0 0 30px; }
#schoolmap a:hover span.infoboxL {
  margin:-15px 0 0 -173px;  }