body {
  margin:0px;
  padding:0px;
  font-family: Verdana, Arial, Helvetica, Sans-serif;
  font-size: .8em;
  background:#fff url(/images/vhs_tile.jpg) repeat-x;
  color:#606060;
  text-align: center;
}

a {
  color:#006B33;
}
a:hover {
  color:#8F0000;
}

h2{
  font-size:1em;
  color:#8F0000;
  padding:0px;
  margin:0px;
  float:left;
  border-right:.5em solid #fff;
}

h3{
  margin:.5em 1em 0px 0px;
  margin:0px .5em 0px 0px;
  color:#8F0000;
/*  color:#006B33;*/
  font-size:1em;


  float:left;

}
h4{
  margin:.5em 1em 0px 0px;
  margin:0px 1em 0px 0px;
  color:#8F0000;
/*  color:#006B33;*/
  font-size:1em;


  float:left;

}

abbr{
  cursor:help;
}

img{
  border:0px;
}
dd{
  margin:0px;
}

div.contactForm{
  background:#F0F0F0;
  padding:5px;
  margin-bottom:5px;
  border:1px solid #999;
  border-bottom:0px;
}
div.contactForm p{
  margin:0px;
}
form.contactForm{
  border:1px solid #999;
  border-top:0px;
  margin-bottom:5px;
}
form.contactForm .submit{
  border:0px;
  color:#fff;
  background:transparent url(/images/form_send.gif) 50% no-repeat;
  font-weight:bold;
  cursor:pointer;
  width:50px;
  margin-left:110px;
}
label{
  width:100px;
  float:left;
  clear:left;
  text-align:right;
  padding-right:10px;
  font-weight:bold;
  color:#3f3f3f;
  font-size:.8em;
}
input,textarea{
  width:350px;
}
input.short{
  width:50px;
}
fieldset{
  border:0px;
}



table{
  border-collapse: collapse;
  margin-bottom:5px;
  width:535px;
  font-size:.8em;
}
caption{
  background:#fff url(/images/535_headers.jpg) no-repeat;
  padding:5px 0px 5px 0px;
  color:#489148;
  font-weight:bold;
  font-size:1.2em;
  text-transform:uppercase;
  margin:0px 0px 5px 0px;
  border:0px;
}
.tableBreakAbove{
  padding-top:1em;
}
.tableBreakBelow{
  padding-bottom:1em;
}
tr{
  border-left:1px solid #999;
  border-right:1px solid #999;
}
tr.lastRow{
  border-bottom:1px solid #999;
}
td,th{
  padding:0px 5px;
}
td p{
  margin:0px;
}
.normalHeader th,th.normalHeader{
  font-weight:normal;
}





#outerdiv {
  background:#fff;
  text-align:left;

/*  text-align:justify;*/

  margin-left:auto;
  margin-right:auto;
  padding:5px;
  width:762px;
}

#content{
  background:#fff;
  margin:2px 0px 0px 0px;
  padding:0px;
  width:762px;
  position:relative;
  top:0px;
  z-index:1;
}

#ofstedQuote{
  background:url(/images/header.jpg) no-repeat;
  color:#006B33;
  width:762px;
  height:99px;
  position:absolute;
  top:0px;
  text-align:right;
}
#ofstedQuote p{
  padding:0px 235px 0px 195px;
  margin:0px;
}
blockquote{
  color:#8F0000;
  padding:0px;
  margin:15px 0px 0px 0px;
/*  font-size:1.2em;*/
  font-style:italic;
  text-align:center;
}












#rightCol{
  float:right;
  width:222px;
  margin:0px 0px 5px 0px;
  padding:0px;
}
#rightCol h2{
  display:none;
}
#rightCol h3{
  margin:0px;
  padding-top:3px;
  color:#3f3f3f;
  float:none;
}

#rightCol dl{
  margin:5px 0px;
  border-bottom:1px solid #999;
}
#rightCol dt{
  background:#C61010 url(/images/red_headers.jpg) no-repeat;
  padding:5px 0px 5px 35px;
  color:#fff;
  font-weight:bold;
/*  width:187px;*/
  font-size:1.2em;
  text-transform:uppercase;
  margin:0px 0px 5px 0px;
}
#rightCol dd{
  margin:0px;
  padding:0px 1px 0px 5px;
  border:1px solid #999;
  border-top:0px;
  border-bottom:0px;
}

#rightCol dl.news dt{
  min-height:18px;
}
#rightCol dl.text{
  font-size:.75em;
/*  border-bottom:1px solid #999;*/
}
#rightCol dd img{
  float:left;
  margin:5px 5px 5px 0px;
  border:1px solid #999;
  width:50px;
}

#termInfo{
  padding:5px;
  background:transparent url(/images/repeat_leaves.jpg) repeat-y;
  margin:0px;
}
#termInfo div{
  padding:5px;
  background:#F2FFBF;
  margin:0px;
}
#termInfo div dl{
  margin:0px;
  padding:0px;

}
#termInfo div dt{
  background:transparent url(none);
  color:#006B33;
  margin:0px;
  padding:0px;
  font-size:1em;
}
#termInfo dl{
  border:0px;
}
#termInfo div dd{
  padding:0px;
  border:0px;
}
#termInfo div dd dt{
  color:#3f3f3f;
/*  border:1px solid red;*/
  float:left;
  display:inline;
  white-space:pre;
}
#termInfo div dd dd{
/*margin-bottom:10px;*/
  display:inline;
}

/*
#rightCol ddtext{
  font-size:.75em;
}
*/

#rightCol br{
  clear:both;
}
#rightCol div.hr{
  clear:both;
  margin:0px 4px 0px 0px;
  padding:0px;
  border:0px solid red;
  line-height:1px;
  font-size:1px;
  color:#fff;
  border-bottom:1px solid #999;
}
#rightCol hr{
  display:none;
}

#rightCol strong{
  display:block;
  color:#000;
  padding-top:3px;
}



#rightCol .ofstedQuote{
  background:url(/images/quotes/drama.jpg);
  width:222px;
  height:150px;
}
#rightCol .ofstedQuote p{
  display:none;
}














#content div.highlight{
/*  background:#F2FFBF;*/
  margin:5px 0px 5px 0px;
  padding:0px 5px 5px 5px;
}


#content p{
  font-size:.9em;
}

#content div.news dd{
  margin:0px;
}
#content div.newsitem{
/*  background:#F2FFBF;*/
  margin:5px 0px 5px 0px;
/*  border:1px solid #C0C0C0;*/
  padding:5px;
}
#content div.newsitem img{
  background:#fff;
  float:left;
  padding:0px 5px 5px 0px;
  margin:0px;
  position:relative;
/*
  top:-6px;
  left:-6px;
*/
/*
  border-right:1px solid #C0C0C0;
  border-bottom:1px solid #C0C0C0;
*/
  width:150px;
/*  height:133px;*/
}

#content .highlight h2{
  float:none;
  border:0px;
}

#content h2 a,#content h3 a{
  text-decoration:none;
}

#content h2 a:hover,#content h3 a:hover{
  text-decoration:underline;
}

#content .tourHeader{
  border:1px solid #999;
  padding:5px;
  min-height:186px;
  margin:0px 0px 10px 0px;
}

#content .tourImages{
  background:#e9f1db;
  padding:10px;
  margin-bottom:5px;
  width:310px;
}
#content .tourLinks{
  background:#e9f1db;
  width:320px;
  padding:5px;
}
#content .tourLinks ul{
  list-style-type:none;
  margin:0px;
  padding:0px;
}
#content .tourLinks ul li{
  display:inline;
}



#mainContent{
 width:535px;
 padding-bottom:10px;
}
#mainContent div.flashContent{
  width:222px;
  background:#fff;
  float:right;
  padding:0px 0px 2px 5px;
  margin:0px 0px 0px 5px;
}
#mainContent div.flashContent object{
  margin:0px;
  padding:0px;
  border:0px;
}




.noMargin{
  margin:0px;
}







#footer{
  clear:both;
  border-top:1px solid #cccccc;
  border-bottom:1px solid #cccccc;
  margin:0px 0px 1em 0px;
  padding:10px 0px;
}
#footer strong{
  font-weight:normal;
}
#footer ul{
  width:760px;
/*  height:40px;*/
  list-style-type:none;
  padding:0px;
  margin:0px;
}
#footer ul li{
/*  float:left;*/
  display:inline;
  padding:0px;
  margin:0px;
}
#footer .harmony{
  font-size:1em;
  color:green;
  text-align:center;
}


#footNav{
  width:100%;
  font-size:.7em;
  margin:0px 0px 1em 0px;
  padding:0px;
}
#footNav ul{
  text-align:center;
  margin:0px;
  padding:3px;
  list-style-type:none;
  clear:both;
}
#footNav li{
  display:inline;
  border-left:1px solid #808080;
  padding:0px 3px 0px 3px;
}
#footNav li a{
  text-decoration:none;
}
#footNav li a:visited{
  color:#808080;
}
#footNav li.last{
  border-right:1px solid #808080;
}



.fleft{
  float:left;
}




#map{
 width:533px;
 height:350px;
 clear:left;
 margin:0px 0px 5px 0px;
 border:1px solid #999;
}

.mapswap{
  margin:0px 0px 5px 0px;
  border:1px solid #999;
  width:186px;
  height:186px;
  float:left;
}
.mapswap p{
  margin:0px;
}
.mapswap img{
  display:none;
}
.mapswap a{
  background:transparent url(/images/streetmap.gif) no-repeat -186px 0px;
  display:block;
  width:186px;
  height:186px;
  padding:0px;
}

.mapswap a:hover{
  background:transparent url(/images/streetmap.gif) no-repeat 0px;
}

dl.address{
  margin-left:250px;
}
dl.address dt{
  font-weight:bold;
}

.downloads h4{
  display:block;
  float:none;
}
d.downloads ul{
  margin:0px;
  list-style-type:none;
}






















/*
.toDo{
  font-weight:bold;
  font-size:1em;
  color:red;
  padding:2px;
  border:1px solid #f00;
  background:#ff0;
}
*/






















.importantNote{
  color:#8F0000;
  font-weight:bold;
}
.blockText{
  display:block;
}

.noFloat{
  float:none;
}
.leftDt dt{
  float:left;
  border-right:1px solid #8C8C8C;
  padding-right:5px;
  margin:0px 5px 0px 0px;
}
.divDivideBottom{
  border-bottom:1px dotted #999;
  padding-bottom:10px;
  margin-bottom:10px;
}

.bold{
  font-weight:bold;
}

.subNav{
  margin:5px 0px 0px 0px;
  padding:5px;
  background:#e9f1db;
  font-size:.8em;
}
.subNav a{
  text-decoration:none;
}
.subNav li{
  display:inline;
  list-style-type:none;
  border-right:1px solid #999;
  line-height:.8em;
  padding:0px 5px;
}
.subNav li.lastItem{
  border:0px;
}

.greyLinks{
  margin:0px;
  padding:0px;
}
.greyLinks a{
  color:#606060;
  text-decoration:none;
}
.greyLinks a:hover{
  color:#006B33;
  text-decoration:underline;
}

.greyLinks li{
/*  float:left;*/

  display:inline;

  list-style-type:none;
  border-left:1px solid #999;
  padding:0px 0px 0px 6px;
  line-height:.8em;
  margin-bottom:5px;
}
.greyLinks li.lastItem{
  border-right:1px solid #999;
  padding-right:6px;
}






/*******   NAV   *******/

#mainNav {
  margin: 0;
  padding: 0;
  background: transparent url(/images/navicons/menu.gif) top left no-repeat;
  width: 762px;
  height: 25px;
  z-index:2;
}

#mainNav li{ margin:0px; padding:0px; position:absolute; list-style-type:none; }

/* ---------- Hotspot Declarations ---------- 39 */

#mainNav a{ height: 23px; top:1px }
#mainNav a:hover,#mainNav a.active{ background-image: url(/images/navicons/menu.gif);background-repeat:no-repeat; }

#homeNav{ left: 1px; }
#homeNav a{ position: absolute; width: 41px; }
#homeNav a:hover{ background-position:-1px -27px; }
#homeNav a.active{ background-position:-1px -53px; }

#aboutNav{ left: 43px; }
#aboutNav a{ position: absolute; width: 104px; }
#aboutNav a:hover{ background-position:-43px -27px; }
#aboutNav a.active{ background-position:-43px -53px; }

#trainingNav{ left: 148px; }
#trainingNav a{ position: absolute; width: 94px; }
#trainingNav a:hover{ background-position:-148px -27px; }
#trainingNav a.active{ background-position:-148px -53px; }

#parentsNav{ left: 243px; }
#parentsNav a{ position: absolute; width: 100px; }
#parentsNav a:hover{ background-position:-243px -27px; }
#parentsNav a.active{ background-position:-243px -53px; }

#ofstedNav{ left: 344px; }
#ofstedNav a{ position: absolute; width: 87px; }
#ofstedNav a:hover{ background-position:-344px -27px; }
#ofstedNav a.active{ background-position:-344px -53px; }

#sixthformNav{ left: 432px; }
#sixthformNav a{ position: absolute; width: 52px; }
#sixthformNav a:hover{ background-position:-432px -27px; }
#sixthformNav a.active{ background-position:-432px -53px; }

#newsNav{ left: 485px; }
#newsNav a{ position: absolute; width: 42px; }
#newsNav a:hover{ background-position:-485px -27px; }
#newsNav a.active{ background-position:-485px -53px; }

#eventsNav{ left: 528px; }
#eventsNav a{ position: absolute; width: 48px; }
#eventsNav a:hover{ background-position:-528px -27px; }
#eventsNav a.active{ background-position:-528px -53px; }

#workNav{ left: 577px; }
#workNav a{ position: absolute; width: 114px; }
#workNav a:hover{ background-position:-577px -27px; }
#workNav a.active{ background-position:-577px -53px; }

#contactNav{ left: 692px; }
#contactNav a{ position: absolute; width: 69px; }
#contactNav a:hover{ background-position:-692px -27px; }
#contactNav a.active{ background-position:-692px -53px; }























#tour {
  margin: 0;
  padding: 0;
  background: transparent url(/images/floorplan.jpg) top left no-repeat;
  width: 166px;
  height: 186px;
  position: relative;
  float:right;
}
#tour span{
  display:none;
}

#tour li{ margin: 0; padding: 0; position: absolute;  font-size: 85%; list-style-type:none; text-align:center }

/* ---------- Hotspot Declarations ---------- 39 */

#tour a { text-decoration: none; }

#tour #room1{ left: 2px; top: 1px; }
#tour #room1 a{ position: absolute; width: 34px; height: 53px; }
#tour #room1 a:hover{ background:url(/images/floorplan.jpg) -168px -1px ;}

#tour #room2{ left: 39px; top: 1px; }
#tour #room2 a{ position: absolute; width: 40px; height: 53px; }
#tour #room2 a:hover{ background:url(/images/floorplan.jpg) -205px -1px ;}

#tour #room3{ left: 95px; top: 2px; }
#tour #room3 a{ position: absolute; width: 38px; height:17px; }
#tour #room3 a:hover{ background:url(/images/floorplan.jpg) -261px -2px ;}

#tour #room4{ left: 141px; top: 7px; }
#tour #room4 a{ position: absolute; width: 22px; height: 13px; }
#tour #room4 a:hover{ background:url(/images/floorplan.jpg) -307px -7px ;}

#tour #room5{ left: 118px; top: 28px; }
#tour #room5 a{ position: absolute; width: 38px; height:19px; }
#tour #room5 a:hover{ background:url(/images/floorplan.jpg) -284px -28px ;}

#tour #room6{ left: 60px; top: 62px; }
#tour #room6 a{ position: absolute; width: 46px; height: 22px; }
#tour #room6 a:hover{ background:url(/images/floorplan.jpg) -226px -62px ;}

#tour #room7{ left: 112px; top: 61px; }
#tour #room7 a{ position: absolute; width: 40px; height:19px; }
#tour #room7 a:hover{ background:url(/images/floorplan.jpg) -278px -53px ;}

#tour #room8{ left: 137px; top: 74px; }
#tour #room8 a{ position: absolute; width: 19px; height:40px; }
#tour #room8 a:hover{ background:url(/images/floorplan.jpg) -303px -74px ;}

#tour #room9{ left: 147px; top: 109px; }
#tour #room9 a{ position: absolute; width: 12px; height:19px; }
#tour #room9 a:hover{ background:url(/images/floorplan.jpg) -313px -109px ;}

#tour #room10{ left: 54px; top: 101px; }
#tour #room10 a{ position: absolute; width: 11px; height:21px; }
#tour #room10 a:hover{ background:url(/images/floorplan.jpg) -220px -101px ;}

#tour #room11{ left: 84px; top: 89px; }
#tour #room11 a{ position: absolute; width: 43px; height:49px; }
#tour #room11 a:hover{ background:url(/images/floorplan.jpg) -250px -89px ;}

#tour #room12{ left: 57px; top: 137px; }
#tour #room12 a{ position: absolute; width: 44px; height:49px; }
#tour #room12 a:hover{ background:url(/images/floorplan.jpg) -223px -137px ;}

/*******   NAV   *******/