body {padding:5px 0; font:0.75em/1.6 "Lucida Grande", "Helvetica", Arial, Helvetica, sans-serif; }
h1, h2, h3, h4, h5, h6, address, dl, fieldset, ol, p, table, ul {margin:15px 0;}

body {background-color:#E9E9E9; color:#0c285c; color: #546684; }
a {color:#0c285c;}
a:hover, a:active, a:focus {color:#005acb;}

/* ----------------------------------------------------------------------------------------------------------
Layout
---------------------------------------------------------------------------------------------------------- */


#footer p.f-left, #footer p.f-left a {color:#7f7f7f;}
#footer p.f-left strong, #footer p.f-left strong a {color:#3f3f3f;}
#footer p.f-right, #footer p.f-right a {color:#7f7f7f; text-decoration: none;}
#footer a:hover {color:#000 !important;}

/* ----------------------------------------------------------------------------------------------------------
Page: Homepage
---------------------------------------------------------------------------------------------------------- */

.box-02 .col h2, .box-02 .col h3, .box-00 .col h2, .box-00 .col h3, .content h2  {color:#ff0000; font-size: 1.4em; font-variant: small-caps; letter-spacing: 0.20em;}
.box-02, .box-02-top, .box-02-bottom {background-color:#fff;}
.box-00, .box-00-top, .box-00-bottom {background-color:#fff;}
.box-04 {background-color:#dfdfdf;}
.box-04 .box-04-title h3 {color:#fff;}
.box-04 .box-04-links span {color:#afafaf;}

/* ----------------------------------------------------------------------------------------------------------
Page: Subpage
---------------------------------------------------------------------------------------------------------- */

#title {background-color:#005acb;}
#title h1 {color:#fff;}
#title #subnav strong {color:#b9e122;}
#title #subnav a {color:#fff;}
#title #subnav a:hover {color:#fff;}
#title #subnav span {color:#1098dd;}
.cols, .cols-top, .cols-bottom {background-color:#fff;}
.content .content-box {border-top:1px solid #d0d0d0; border-bottom:1px solid #d0d0d0; background:#f5f5f5;}
.content .perex {border-bottom:1px solid #d0d0d0;}
.content table {border:1px solid #d0d0d0;}
.content table th, .content table td {border-right:1px solid #d0d0d0;}
.content table th {background-color:#000; color:#fff;}
.content table tr.odd td {background:#f0f0f0;}
.content dt {color:#96b719;}
.aside h2 {color:#96b719;}
.aside .aside-box {border-top:1px solid #d0d0d0; border-bottom:1px solid #d0d0d0; background:#f5f5f5;}

/* ----------------------------------------------------------------------------------------------------------
Others
---------------------------------------------------------------------------------------------------------- */

.input {border:1px solid #afafaf; background-color:#fff;}
.border {border:1px solid #ccc;}
/* ----------------------------------------------------------------------------------------------------------
Layout
---------------------------------------------------------------------------------------------------------- */
body { background-color:#E9E9E9; background-repeat: no-repeat; background-attachment: scroll; background-position: 0pt 112px; }
body#english { background-image: url(images/english-mainbanner.jpg); }
body#maths { background-image: url(images/maths-mainbanner.jpg); }
body#science { background-image: url(images/science-mainbanner.jpg); }
body#history { background-image: url(images/history-mainbanner.jpg); }
body#geography { background-image: url(images/geography-mainbanner.jpg); }
body#re { background-image: url(images/re-mainbanner.jpg); }
body#dt { background-image: url(images/dt-mainbanner.jpg); }
body#french { background-image: url(images/french-mainbanner.jpg); }
body#spanish { background-image: url(images/spanish-mainbanner.jpg); }
body#citizenship { background-image: url(images/citizenship-mainbanner.jpg); }

#main {width:955px; margin:0 auto;}

#header {position:relative; height:60px; overflow:hidden;}

#footer {clear:both; padding: 0 25px 0 25px; margin-top: -10px;}
    #footer p {margin:0;}
    #footer p.f-right .footer-rss {padding:5px 0 5px 27px; font-weight:bold;}
 

/* ----------------------------------------------------------------------------------------------------------
Page: Homepage
---------------------------------------------------------------------------------------------------------- */

.box-01 {position:relative; width:951px; height:211px; margin-bottom:0; overflow:hidden; z-index: 1;}
.box-01-top {width:955px; height:6px; background:url("images/box-01-top.gif") 0 0 no-repeat; font-size:0; line-height:0;}
    .box-01 #ribbon {position:absolute; top:0; right:0; width:96px; height:96px; background:url("images/box-01-ribbon.gif") 0 0 no-repeat; font-size:0; overflow:hidden;}
    .box-01 #strapline {float: right; padding: 0; margin: 0 5px 0 0;}
    .box-01 #news strong {margin-right:5px;}
    .box-01 #slogan {position:absolute; right:5px; top:95px;}
    .box-01 #logo {position:relative; margin:0px 0 0 0; padding:0; width: 951px;height: 100px; background-color:#ffffff; }
    .box-01 #slogan h1 span {display:block; position:absolute; top:0; left:0; z-index:1; width:100%; height:100%; margin:0; padding:0; background:url("images/slogan.gif") 0 0 no-repeat;}

.box-01 ul#nav {position:absolute; left:0px; top: 101px; margin:0; padding:0; list-style-type:none; font-size:1.4em; font-weight:bold; z-index: 20; }
.box-01 ul#nav li {display:inline; margin:0; padding:0; }
.box-01 ul#nav li a {float:left; height:40px; width: 190px; padding:15px 0 0 0; text-decoration:none; cursor:pointer; text-align: center; color: #fff; font-variant: small-caps; letter-spacing: 0.10em;}

.box-01 ul#nav li.nav-maths a {background-color: #2c59e3; }
.box-01 ul#nav li.nav-english a {background-color: #73419a;}
.box-01 ul#nav li.nav-science a {background-color: #de4033;}
.box-01 ul#nav li.nav-history a {background-color: #2ebcf2; width: 191px;}
.box-01 ul#nav li.nav-geography a {background-color: #f37134; }
.box-01 ul#nav li.nav-re a {background-color: #6df907;}
.box-01 ul#nav li.nav-dt a {background-color: #ffb531 }
.box-01 ul#nav li.nav-french a {background-color: #a5d068;}
.box-01 ul#nav li.nav-spanish a {background-color: #f133a3;}
.box-01 ul#nav li.nav-citizenship a {background-color: #617084; width: 191px;}

.box-01 ul#nav li.active a, .box-01 ul#nav a:hover {color:#0c285c; }
.box-01 ul#nav li.active a {color:#0c285c; }

.box-00 {width:955px; padding:15px 0; background:url("images/box-00.gif") 0 0 repeat-y;}
    .box-00-top {width:955px; height:6px; background:url("images/box-00-top.gif") 0 0 no-repeat; font-size:0; line-height:0;}
    .box-00-bottom {width:955px; height:8px; margin-bottom:12px; background:url("images/box-00-bottom.gif") 0 0 no-repeat; font-size:0; line-height:0;}
    
.box-02 {width:930px; padding:19px 0 0 25px; background:url("images/box-02.gif") 0 0 repeat-y;}
    .box-02-top {width:955px; height:6px; background:url("images/box-02-top.gif") 0 0 no-repeat; font-size:0; line-height:0;}
    .box-02-bottom {width:955px; height:8px; margin-bottom:12px; background:url("images/box-02-bottom.gif") 0 0 no-repeat; font-size:0; line-height:0;}

    .box-02 .col {position:relative; float:left; width:300px; padding-bottom:17px; margin-bottom:-6px; z-index:100; background-position:100% 100%; background-repeat:no-repeat;}
    .box-00 .col.right .in {position:relative; float:left; clear: none; width:325px; padding:10px 0; margin: 6px 0 6px 10px; z-index:100; border-bottom: solid 1px #d0d0d0}
    .box-00 .col.right .out {position:relative; float:left; clear: none; width:325px; padding: 0 0 15px 0; margin: 0 0 6px 10px; z-index:100; border-bottom: solid 1px #d0d0d0}
 /*   .box-02 .col.left {background-image:url("images/image-01.jpg");}
    .box-02 .col.center {background-image:url("images/image-02.jpg");} */
    .box-02 .col .in, .box-00 .col .in {min-height:180px; height:auto;}
    .box-02 .col h2, .box-00 .col h2 {margin:0; font-size: 1.4em; font-weight:bold; text-transform:uppercase;}
    .box-02 .col h3, .box-00 .col h3 {margin:0; font-size: 1.4em; font-weight:bold; text-transform:uppercase; }
    .box-02 .col p, .box-00 .col p {margin:15px 0;}
    .box-02 .col.left h2, .box-02 .col.left p, .box-02 .col.left ul {padding-right:20px;}
    .box-00 .col.left h2, .box-00 .col.left p, .box-00 .col.left ul {padding-right:20px;}
    .box-02 .col.center h2, .col.center h3, .box-02 .col.center p, .box-02 .col.center ul {padding:0 20px;}
    .box-00 .col.center h2, .col.center h3, .box-00 .col.center p, .box-00 .col.center ul {padding:0 20px;}
    .box-02 .col.right h2, .box-02 .col.right h3, .box-02 .col.right p, .box-02 .col.right ul {padding-left:20px;}
    .box-00 .col.right h2, .box-00 .col.right h3, .box-00 .col.right p, .box-00 .col.right ul {padding-left:20px;}
    .col.center .in h3, .col.center .in h2, .col.right .in h3, .col.right .in h2 {padding-left:30px;}
    .col.left .in h2, .col.left .in h3 {padding-left: 10px;}
	.box-02 .col.right ul, box-00 .col.right ul {padding-left:25px;}
	.box-02 form#quick-contact { margin: 15px 0px 5px 0px;  }
	ul.contact { font-size: 1.2em; line-height: 30px; padding-left: 0;}
	.logos img {padding: 0; margin: 0; float: left;}

ul#news {color: #ffffff; font-size: 1.64em; font-weight: bold; letter-spacing: 0.16em; float: left; margin-left: 5px }
/* ----------------------------------------------------------------------------------------------------------
Page: Subpage
---------------------------------------------------------------------------------------------------------- */
.logo-choice {margin-bottom: 30px;}
.logo-choice span {margin-left: 30px; font-size: 2.0em; margin-top: -70px}
.theTeam p {float: left; clear: both; font-size: 1.12em; letter-spacing: 0.01em; }
.theTeam p img {float: left; padding: 5px 30px 20px 0; }
.content .faqs {margin: 0 20px 30px 0; float: left; clear: both;}
.content .faqs h3 { padding-left: 20px; padding-bottom: 5px; padding-right: 10px; padding-top: 5px; border-color: #cccccc; border-style: dotted; border-width: 1px; background-color: #fafafa; width: 520px; }
.content .faqs p {padding-left: 20px; margin-left: 0px; margin-bottom: 0; margin-right: 0; margin-top: 0;}

.content {float:left; width:780px; padding:0 0px 10px 0px;  font-size: 1.1em}

.content h1, .content h2 {font-size:150%;}
.content h3 {font-size:125%;}
.content h4 {font-size:110%;}
.content h5, h6 {font-size:100%;}
.content .content-box {margin:15px 0; margin-left:-25px; margin-right:-25px; padding:25px;}
.col.right ul#social{
	display:block;
	list-style: none;
	float:left;
	margin: 0px 0 0 30px;
	padding: 0;
	}

.col.right ul#social li {
	display:inline;
	list-style: none;
	margin-right:5px;
	cursor:pointer;
	padding: 0;
	background: none;
	}

.linkimgsmall {

float: left;

padding-top: 15px;

padding-right: 10px;

padding-bottom: 5px;

padding-left: 0px;

vertical-align: middle;

text-decoration: none;

width: 80px;

height: 125px;

clear: both;

}
.linktext h3 a { color:#6a8b09; text-decoration: none;}
.linktext h3 a:hover { color:#005acb }
.linktext {

float: left;

padding-top: 10px;

padding-right: 10px;

padding-bottom: 5px;

padding-left: 10px;

width: 440px;

height: 125px;

}
.linktext h3 { padding: 0; margin: 0;}
/* ----------------------------------------------------------------------------------------------------------
Porlet: News
---------------------------------------------------------------------------------------------------------- */
.content h4 { font-size: 1.4em; font-weight: bold; letter-spacing: 0.01em;}
ul.ul-news {list-style:none; float: left; clear: both;}
ul.ul-news li span {margin:0 0 0 40px; line-height: 37px; font-size: 1.12em; letter-spacing: 0.01em;}
ul.ul-news li {margin: 0; height:40px; background:url("images/tick.png") 1% 50% no-repeat;}
.content ul.ul-news li p {margin:0 0 0 40px; line-height: 18px; font-size: 1.04em; letter-spacing: 0.01em;}
.content ul.ul-news li  {height: 60px; background:url("images/tick.png") 1% 1% no-repeat; margin-bottom: 5px }

ul.ul-prices li {margin: 0 0 0 10px; height:40px; font-size: 1.12em; letter-spacing: 0.01em; }
ul.ul-prices li em {margin:0 0 0 0;  height:40px; line-height: 37px; font-style: normal; font-weight: normal; color: #ff0000; }
ul.contact li {margin:0 0 0 20px; line-height: 37px; font-size: 1.12em; letter-spacing: 0.01em;}
.box-00 .col.right ul.ul-prices li { margin-left: 10px;}
/* ----------------------------------------------------------------------------------------------------------
Others
---------------------------------------------------------------------------------------------------------- */
.clear {float: left; clear: both; margin-top: 5px;}
img.f-right {margin-left:15px;}
img.f-left {margin-right:15px;}
.input {padding:4px; background:url("images/input.gif") 0 0 no-repeat; font:100%/1 "arial",sans-serif;}
.smaller {font:90%/1.8 "tahoma",sans-serif;}

/* New Stuff */

#side-left 
{
width: 175px;
float: left;
padding: 0;
margin: 0 0 0 10px;
}
#centre
{
width: 565px;
float: left;
clear: none;
padding: 0;
margin: 0 0 0 10px;
}
#side-right 
{
width: 170px;
float: left;
padding: 0;
margin: 0;
}
.B_crumbBox { font-size:1.14em; letter-spacing: 0.1em; padding: 0 0 10px 15px; margin: 0; float: left; clear: both; min-width: 250px}
#bookmarks { margin: 10px 15px;}
img{ border:none; }

img.links a, img.links a:hover, img a:hover{ text-decoration:none; }

.links { border-color: #103154; border-width: 1px; border-style: outset; float: left; width:99%; margin:0px 5px 10px 0px; font-family: inherit;
  font-size: 14px;
  color: #103154;
  color: #546684; ;
  text-shadow: 0 1px 2px #fff;
  padding: 3px 8px 4px 8px;
  background: #ffffff;
  border-radius: 4px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  -webkit-box-shadow: 0 1px 2px #103154; ;
  -moz-box-shadow: 0 1px 2px #103154; }

.links-img { float: left; margin:10px 0px 10px 0px; clear:both;  }

.links-info { padding:5px 5px 0px 15px;float:left; width:360px;font-size:0.94em; }
.links-info h1 { font-size:1.32em; padding: 5px 0 0 0; margin: 0;  }
.links-info h1 span.type { padding:0 5px 0px 0; float:right; color: gray }


body#maths span.type {color: #2c59e3; }
body#english span.type {color: #73419a;}
body#science span.type {color: #de4033;}
body#history span.type {color: #2ebcf2; }
body#geography span.type {color: #f37134; }
body#re span.type {color: #6df907;}
body#dt span.type {color: #ffb531; }
body#french span.type {color: #a5d068;}
body#spanish span.type {color: #f133a3;}
body#citizenship span.type {color: #617084;}

ul#sub-nav li, ul#sub-nav li ul li {
	list-style-type: none;
	line-height: 2em;
	list-style-image: none;
}

ul#sub-nav li.parent  {
	text-indent: 10px;
	display: block;
	width: 170px;
	font-size: 1.2em;
	letter-spacing: 0.1em;
	color: gray;
}

ul#sub-nav li a {
	text-indent: 10px;
	display: block;
	width: 170px;
	letter-spacing: 0.05em;
	border-bottom: 1px solid #dee4ec;
	list-style-image: none;
	font-size: 0.84em;
	line-height: 2em;
	color: #24518a;
	font-weight: bold;
	text-decoration: none;
}

body#science ul#sub-nav li ul li a:hover, body#science ul#sub-nav li ul li.active a {
	background-color: #de4033;
	color: #fff;
}
body#maths ul#sub-nav li ul li a:hover, body#maths ul#sub-nav li ul li.active a {
	background-color: #2c59e3;
	color: #fff;
}
body#english ul#sub-nav li ul li a:hover, body#english ul#sub-nav li ul li.active a {
	background-color: #73419a;
	color: #fff;
}
body#history ul#sub-nav li ul li a:hover, body#history ul#sub-nav li ul li.active a {
	background-color: #2ebcf2;
	color: #fff;
}
body#geography ul#sub-nav li ul li a:hover, body#geography ul#sub-nav li ul li.active a {
	background-color: #f37134;
	color: #fff;
}
body#re ul#sub-nav li ul li a:hover, body#re ul#sub-nav li ul li.active a {
	background-color: #6df907;
	color: #fff;
}
body#dt ul#sub-nav li ul li a:hover, body#dt ul#sub-nav li ul li.active a {
	background-color: #ffb531;
	color: #fff;
}
body#french ul#sub-nav li ul li a:hover, body#french ul#sub-nav li ul li.active a {
	background-color: #a5d068;
	color: #fff;
}
body#spanish ul#sub-nav li ul li a:hover, body#spanish ul#sub-nav li ul li.active a {
	background-color: #f133a3;
	color: #fff;
}
body#citizenship ul#sub-nav li ul li a:hover, body#citizenship ul#sub-nav li ul li.active a {
	background-color: #617084;
	color: #fff;
}
/* IE8 Hacks */

.box-01 #strapline h1 { font-size /*\**/: 1.1em\9; }

/* IE7 Hacks */

*:first-child+html #EmailForm input { margin-left: -20px;}
*:first-child+html .box-01 #strapline h1 { font-size: 1.16em }
*:first-child+html .content .faqs p {width: 520px; }
*:first-child+html .rotation_holder { padding: 10px }
*:first-child+html .rotation_item { margin-right: 10px;}
*:first-child+html .rotation_item blockquote p { width: 77%; }
*:first-child+html .rotation_item blockquote { margin-left: 0px; padding: 0px 0px 0 10px; }