body {
  margin: 0;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 13px;
  background-color: #BAE3DF;
  background-image: url(bg_body.jpg);
  background-position: 50% 0%;
  background-repeat: repeat-y;
}

h1 {
  font-size: 1.7em;
  font-weight: bold;
  margin: 18px 0 10px 0;
  text-align: center;
  color: #333;
}

h2 {
  font-size: 1.2em;
  font-weight: bold;
  margin: 1.5em 0 0 0;
  color: #333;
}

ul {
  list-style: disc;
  margin: 0.5em 0 0.5em 2em;
}

li {
  line-height: 1.3em;
  margin: 0.5em 0;
}

p {
  margin: 0.5em 0 0.7em 0;
  line-height: 1.4em;
  text-align: justify;
}

strong {
  font-weight: bold;
}

em {
  font-style: italic;
}

a {
  color: #7E8127;
  text-decoration: none;
}

a:hover, a:focus {
  color: #333;
  text-decoration: none;
}


/* CLASSES */

.centre {
  text-align: center;
}


/* LEFT NAV */

#nav_left ul {
  display: block;
  list-style: none;
  margin: 0;
  padding: 0;
}

#nav_left ul li {
  display: block;
  margin: 2px 0;
  padding: 0;
}

#nav_left ul li a {
  display: block;
  height: 15px;
  margin: 0;
  padding: 3px 0 0 13px;
  background-image: url(sprites.jpg);
  background-repeat: no-repeat;
  background-position: 0 0;
  border: 1px solid #ABC4C3;
  overflow: hidden;
  color: #000;
  font-weight: bold;
  text-transform: uppercase;
  font-size: 12px;
}

#nav_left ul li a:hover, #nav_left ul li a:focus, #nav_left ul li a.active {
  background-position: -180px 0;
  color: #fff;
}

#nav_left ul li.m2 a { background-position: 0 -18px; }
#nav_left ul li.m2 a:hover, #nav_left ul li.m2 a:focus, #nav_left ul li.m2 a.active { background-position: -180px -18px; }

#nav_left ul li.m3 a { background-position: 0 -36px; }
#nav_left ul li.m3 a:hover, #nav_left ul li.m3 a:focus, #nav_left ul li.m3 a.active { background-position: -180px -36px; }

#nav_left ul li.m4 a { background-position: 0 -54px; }
#nav_left ul li.m4 a:hover, #nav_left ul li.m4 a:focus, #nav_left ul li.m4 a.active { background-position: -180px -54px; }

#nav_left ul li.m5 a { background-position: 0 -72px; }
#nav_left ul li.m5 a:hover, #nav_left ul li.m5 a:focus, #nav_left ul li.m5 a.active { background-position: -180px -72px; }

#nav_left ul li.m6 a { background-position: 0 -90px; }
#nav_left ul li.m6 a:hover, #nav_left ul li.m6 a:focus, #nav_left ul li.m6 a.active { background-position: -180px -90px; }

#nav_left ul li.m7 a { background-position: 0 -108px; }
#nav_left ul li.m7 a:hover, #nav_left ul li.m7 a:focus, #nav_left ul li.m7 a.active { background-position: -180px -108px; }

#nav_left ul li.m8 a { background-position: 0 -126px; }
#nav_left ul li.m8 a:hover, #nav_left ul li.m8 a:focus, #nav_left ul li.m8 a.active { background-position: -180px -126px; }

#nav_left ul li a span {
  display: none;
}

#nav_left p {
  margin: 20px 0;
  font-size: 12px;
  line-height: 1.4em;
  text-align: left;
}

#nav_left p span {
  font-size: 16px;
}

#nav_left p span a {
  font-size: 14px;
}

#nav_left a {
  color: #000;
}


/* LEFT NAV */

#nav_right h2 {
  margin: 0;
  height: 18px;
  font-size: 13px;
  text-align: right;
  font-weight: bold;
  text-transform: uppercase;
  background-image: url(sprites.jpg);
}

#nav_right h2.alevel {
  background-position: 0 -144px;
}

#nav_right h2.btec {
  margin-top: 1em;
  background-position: -185px -144px;
}

#nav_right h2 span {
  display: none;
}

#nav_right ul {
  display: block;
  margin: 5px 0 0 0;
  border: 1px solid #ABC4C3;
  background-image: url(bg_subjects.jpg);
  background-repeat: repeat-y;
}

#nav_right li {
  display: block;
  line-height: 1em;
  margin: 0;
  padding: 0;
}

#nav_right li a {
  display: block;
  height: 18px;
  overflow: hidden;
  background-image: url(sprites.jpg);
  background-position: 0 -162px;
}

#nav_right li a.m2 { background-position: 0 -180px; }
#nav_right li a.m3 { background-position: 0 -198px; }
#nav_right li a.m4 { background-position: 0 -216px; }
#nav_right li a.m5 { background-position: 0 -234px; }
#nav_right li a.m6 { background-position: 0 -252px; }
#nav_right li a.m7 { background-position: 0 -270px; }
#nav_right li a.m8 { background-position: 0 -288px; }
#nav_right li a.m9 { background-position: 0 -306px; }
#nav_right li a.m10 { background-position: 0 -324px; }
#nav_right li a.m11 { background-position: 0 -342px; }
#nav_right li a.m12 { background-position: 0 -360px; }
#nav_right li a.m13 { background-position: 0 -378px; }
#nav_right li a.m14 { background-position: 0 -396px; }
#nav_right li a.m15 { background-position: 0 -414px; }

#nav_right li a.m16 { background-position: -180px -162px; height: 36px; }
#nav_right li a.m17 { background-position: -180px -198px; }
#nav_right li a.m18 { background-position: -180px -216px; }
#nav_right li a.m19 { background-position: -180px -234px; }
#nav_right li a.m20 { background-position: -180px -252px; }
#nav_right li a.m21 { background-position: -180px -270px; }


#nav_right li a span {
  display: none;
}


/* LAYOUT */

#container {
  width: 920px;
  margin: 0 auto;
  padding-top: 220px;
  background-image: url(bg_container.jpg);
  background-repeat: no-repeat;
}

#header {
  display: none;
  text-align: center;
}

#nav_left, #nav_right {
  width: 175px;
  margin: 0 30px;
}

#nav_left {
  float: left;
}

#nav_right {
  float: right;
}

#pagebody {
  float: right;
  width: 450px;
  margin-top: 80px;
}

#footer {
  clear: both;
  height: 20px;
}

#footer p {
  display: none;
  font-size: 0.8em;
  color: #888;
  text-align: center;
  padding-top: 10px;
  margin-top: 1em;
  border-top: 1px solid #888;
}