

body
{
  margin:8px;
  font-family: Verdana, Arial, Helvetica, sans-serif;
   font-size:85%;    
  color:#333333;
  background:white no-repeat;
}

h1, h2, h3{ margin-bottom:5px; }

p{ margin-top:5px; }

ul{ padding-left:25px; margin-left:0px; margin-top:5px; }

li{ margin:5px; }

a:link, a:visited
{
  color: #006699;
  text-decoration: none;
}

a:hover, a:visited:hover
{
  text-decoration: underline;
  color: #990033;
}

a img { border:none; }

td.h{ display:none; }

/* Backgrounds */

body.home { background-image: url(/images/back_1.jpg?v=2); }
body.students, body.students1, body.students2, body.students3, body.students4 { background-image: url(/images/back_3.jpg); }
body.school, body.school1, body.school2, body.school3, body.school4 { background-image: url(/images/back_1_old.jpg); }
body.international  { background-image: url(/images/back_4.jpg); }
body.qualifications, body.qualifications1, body.qualifications2, body.qualifications3, body.qualifications4
{ background-image: url(/images/back_1.jpg); }

body.home #top{ background-image:url(/images/h.jpg); }

body.students #top{ background-image:url(/images/h.jpg); }
body.students1 #top{ background-image:url(/images/h1.jpg); }
body.students2 #top{ background-image:url(/images/h2.jpg); }
body.students3 #top{ background-image:url(/images/h3.jpg); }
body.students4 #top{ background-image:url(/images/h.jpg); }

body.school #top{ background-image:url(/images/h.jpg); }
body.school1 #top{ background-image:url(/images/h1.jpg); }
body.school2 #top{ background-image:url(/images/h2.jpg); }
body.school3 #top{ background-image:url(/images/h3.jpg); }
body.school4 #top{ background-image:url(/images/h.jpg); }

body.international #top{ background-image:url(/images/h.jpg); }

body.qualifications #top{ background-image:url(/images/h.jpg); }
body.qualifications1 #top{ background-image:url(/images/h1.jpg); }
body.qualifications2 #top{ background-image:url(/images/h2.jpg); }
body.qualifications3 #top{ background-image:url(/images/h3.jpg); }
body.qualifications4 #top{ background-image:url(/images/h.jpg); }

body.uk_quals #top{ background-image:url(/images/h.jpg); }
body.uk_quals1 #top{ background-image:url(/images/h1.jpg); }
body.uk_quals2 #top{ background-image:url(/images/h2.jpg); }
body.uk_quals3 #top{ background-image:url(/images/h3.jpg); }
body.uk_quals4 #top{ background-image:url(/images/h.jpg); }


/* Image pre-fetching */
div#ip1{ background: url("/images/h.jpg"); }
div#ip2{ background: url("/images/h1.jpg"); }
div#ip3{ background: url("/images/h2.jpg"); }

body.students div#ip1{ background: url("/images/h1.jpg"); } 
body.students div#ip2{ background: url("/images/h2.jpg"); } 
body.students div#ip3{ background: url("/images/h3.jpg"); } 

body.school div#ip1{ background: url("/images/h1.jpg"); } 
body.school div#ip2{ background: url("/images/h2.jpg"); } 
body.school div#ip3{ background: url("/images/h3.jpg"); } 

body.qualifications div#ip1{ background: url("/images/header1.jpg"); } 
body.qualifications div#ip2{ background: url("/images/header2.jpg"); } 
body.qualifications div#ip3{ background: url("/images/header3.jpg"); } 

#top
{
  position:relative;
  background-position:right;
  background-repeat:no-repeat;
  left:0px;
  top:0px;
  width:900px;
  height:160px;
  z-index:1;
  color:#FFFFFF;
}

#top h1{ position:absolute; left:210px; bottom:25px; font-weight:normal; width:550px; }
#top h2{ position:absolute; left:210px; bottom:10px; font-weight:normal; width:550px; }

#top h1{ color:rgb(27,135,199); }
body.c1 #top h1{ color:rgb(238,101,169); }
body.c2 #top h1{ color:rgb(190,194,55); }
body.c3 #top h1{ color:rgb(228,31,103); }

h1.sz0{ font-size:80px; }
h2.sz0{ font-size:40px; }

h1.sz1{ font-size:70px;  }
h2.sz1{ font-size:35px;  }

h1.sz2{ font-size:55px;  }
h2.sz2{ font-size:30px;  }

h1.sz3{ font-size:45px;  }
h2.sz3{ font-size:27px;  }

h1.sz4{ font-size:35px;  }
h2.sz4{ font-size:25px;  }

h1.sz5{ font-size:32px;  }
h2.sz5{ font-size:23px;  }

h1.sz6{ font-size:25px;  }
h2.sz6{ font-size:22px;  }

h1.sz7{ font-size:24px;  }
h2.sz7{ font-size:21px;  }

h1.sz8{ font-size:23px;  }
h2.sz8{ font-size:20px;  }

h1.sz9{ font-size:22px;  }
h2.sz9{ font-size:19px;  }

h1.sz10{ font-size:21px;  }
h2.sz10{ font-size:18px;  }


#top a
{ 
  display:block; 
  padding-left:4px; 
  padding-top:8px; 
  height:24px;
  width:200px; 
  color:white;
  font-weight:bold;
  font-size:12px;
}

#top a.i1{ background-color:rgb(153,153,153); }
#top a.i2{ background-color:rgb(119,119,119); }
#top a.i3{ background-color:rgb(102,102,102); }
#top a.i4{ background-color:rgb(98,98,98); }
#top a.i5{ background-color:rgb(68,68,68); }

#leftmenu
{
  position:absolute;
  left:10px;
  top:180px;
  width:200px;
  height:500px;
  z-index:2;
}

#footer
{
  position:relative;
  font-size:smaller;
  color:#0167bc;
  text-align:center;
  left:200px;
  top:0px;
  width:630px;
  height:25px;
  z-index:99;
}

#content
{
  position:relative;
  left:200px;
  top:0px;
  width:600px;
  z-index:99;
  padding:10px;
  margin-top:10px;  
}

.header01, h1
{
  font-size:110%;
  font-weight: bold;
}

.header02, h2 
{
  font-size:105%;
  font-weight: bold;
}

.header03, h3 
{
  font-size:100%;
  font-weight: bold;
}

.style1
{
  font-size:160%;
}

/* Left Menu */

div.menu ul, div.flatmenu ul 
{
  margin:0px;
  margin-left:-5px;
  padding-left: 20px;
  list-style-type:square;
  color:#666666;  
}

div.menu li.L1, div.flatmenu li
{   
  padding-top:4px;
  padding-bottom:4px;  
  font-weight:bold;
}

div.menu li
{
  padding-top:2px;
  padding-bottom:2px;
  font-weight:normal;
}

div.menu ul{ margin-top:10px; }

body.students div.menu ul, body.students1 div.menu ul, body.students2 div.menu ul, body.students3 div.menu ul, body.students4 div.menu ul
{ color:#c15564; }

body.school div.menu ul, body.school1 div.menu ul, body.school2 div.menu ul, body.school3 div.menu ul, body.school4 div.menu ul
{ color:#ab6faf; }

div#clink
{ 
  font-size:9px; 
  position:absolute; 
  left:810px; 
  top:270px; 
}

div#clink a
{ display:block; 
  position:relative; 
  width:130px; 
  line-height:105%; 
  padding-bottom:1px;
  font-weight:bold; 
   height:10px; 
}
#x0{ left:7px; } #x1{ left:29px; } #x2{ left:45px; } #x3{ left:58px; } #x4{ left:70px; } #x5{ left:79px; } #x6{ left:87px; } #x7{ left:94px; } #x8{ left:101px; } #x9{ left:106px; } #x10{ left:111px; } #x11{ left:115px; } #x12{ left:119px; } #x13{ left:122px; } #x14{ left:125px; } #x15{ left:127px; } #x16{ left:128px; } #x17{ left:130px; } #x18{ left:130px; } #x19{ left:130px; } #x20{ left:130px; } #x21{ left:130px; } #x22{ left:128px; } #x23{ left:127px; } #x24{ left:125px; } #x25{ left:122px; } #x26{ left:119px; } #x27{ left:115px; } #x28{ left:111px; } #x29{ left:106px; } #x30{ left:101px; } #x31{ left:94px; } #x32{ left:87px; } #x33{ left:79px; } #x34{ left:70px; } #x35{ left:58px; } #x36{ left:45px; } #x37{ left:29px; } 

div.IO{ clear:both; padding-bottom:10px; }
label{ float:left; width:10em; }
label.w{ width:30em; }
input.w{ width:20em; }