/* Generated by CaScadeS I, a stylesheet editor for Mozilla Composer */
/* Reformatted and commented */
/* Scat Schools page stylesheet 11th February 2008 */

#geomap         { width: 660px; height: 400px; }
p               { margin: 0px; }

/* For pop-up details */
#details h3, p  { text-align: center; margin-top: 0.25em; margin-bottom: 0.25em; }
#detailsleft    { position: absolute; width: 300px; top: 20px; left: 20px; }
#detailsright   { position: absolute; width: 300px; top: 20px; left: 320px; }
#details li     { margin-bottom: 0em; margin-top: 0em; }
.show           { border: 2px solid #900; padding: 4px; background-color: white; }
.hide           { position: absolute; display: none; }
.pfs            { color: white; font-weight: bold; background-color: #900; margin: 0px -4px; padding: 2px; }
.parents        { color: #900; }

/* For Labels overlaying map */
#schoollabels   { position: absolute; width: 660px; height: 400px; top: 150px; left: 150px; }
#schoollabels p { border: 2px solid #1c0; margin: 0px; padding: 0px 1px 0px 1px; background-color: white; font-size: x-small; cursor: url(images/scatcur.cur), help; }
#schoollabels p.nocur { cursor: default; }
.sec            { border-color: #900 ! important; color: #900 ! important; }

/* For text below map area */
.primary        { border: 2px solid #1c0; margin: 0px; padding: 0px 2px 0px 2px; background-color: white; }
.secondary      { border: 2px solid #900; margin: 0px; padding: 0px 2px 0px 2px; background-color: white; color: #900; }
#content a:link          { color:#1e0; font-weight:bold; padding: 2px; }
#content a:visited       { color:#1c0; font-weight:bold; padding: 2px; }
#content a:active        { color:#160; }
#content a:hover         { color:white; background-color: #1c0;  padding: 2px; }

/* Geographical coordinates for school labels */
/* Primary */
#s1  { position: absolute; left: 290px; top: 240px; }
#s3  { position: absolute; left: 250px; top: 160px; }
#s4  { position: absolute; left:   0px; top: 190px; }
#s5  { position: absolute; left: 350px; top: 120px; }
#s6  { position: absolute; left:   0px; top: 320px; }
#s7  { position: absolute; left: 125px; top:  85px; }
#s8  { position: absolute; left: 380px; top:  16px; }
#s9  { position: absolute; left: 230px; top: 350px; }
#s10 { position: absolute; left: 210px; top: 250px; }
#s11 { position: absolute; left: 450px; top:  80px; }
#s12 { position: absolute; left: 230px; top: 285px; }
#s13 { position: absolute; left:   0px; top: 150px; }
#s14 { position: absolute; left: 100px; top: 300px; }
#s15 { position: absolute; left: 375px; top: 280px; }
#s16 { position: absolute; left: 250px; top: 205px; }
#s18 { position: absolute; left: 330px; top: 260px; }
#s19 { position: absolute; left:  80px; top: 225px; }
#s21 { position: absolute; left: 560px; top: 140px; }
#s22 { position: absolute; left: 450px; top: 120px; }
#s23 { position: absolute; left: 400px; top:  0px; }
#s24 { position: absolute; left: 310px; top: 200px; }
#s27 { position: absolute; left:  50px; top: 280px; }
#s28 { position: absolute; left: 350px; top: 160px; }
#s29 { position: absolute; left: 460px; top: 205px; }
#s30 { position: absolute; left: 340px; top: 380px; }
#s31 { position: absolute; left: 450px; top:  20px; }
#s32 { position: absolute; left: 340px; top: 360px; }
#s33 { position: absolute; left: 350px; top: 190px; }
#s34 { position: absolute; left: 110px; top: 280px; }
#s35 { position: absolute; left: 200px; top: 270px; }
#s36 { position: absolute; left: 560px; top: 120px; }
#s37 { position: absolute; left: 450px; top:  40px; }
#s38 { position: absolute; left: 460px; top: 100px; }
#s40 { position: absolute; left: 270px; top: 300px; }
/* Secondary */
#ss1 { position: absolute; left: 350px; top: 140px; }
#ss3 { position: absolute; left: 320px; top: 320px; }
#ss4 { position: absolute; left: 350px; top: 305px; }
#ss5 { position: absolute; left: 220px; top: 190px; }
#ss6 { position: absolute; left: 120px; top: 265px; }