body {
	font-family: "microsoft sans serif", tahoma, lucida grande, lucida sans unicode, arial, sans-serif;
	font-size: 0.85em;
	margin: 0;
	}
	

/*
=========
INNERPAGE
=========
*/

#sidebar {
	float: left;
	width: 160px;
	padding-left: 14px;
	}
	
#search {
	margin-top: 50px;
	}
	
#mainbody ol li {
	font-size: 0.9em;
	line-height: 1.8em;
	}

#mainbody ul li {
	font-size: 0.9em;
	margin-left: 3em;
	line-height: 1.6em;
	}

#sidebar.photographic {
	width: 200px;
	}

#pullouts.shiftdown {
	padding-top: 340px;
	}
	
#itemlist {
	margin-top: 20px;
	border-top: 1px dotted #B2DCE0;
	}
	
#itemlist h2 {
	margin-top: 20px;
	margin-bottom: 0px;
	}

.address li {
	list-style-type: none;
	color: #666;
	padding: 1px 0 1px 0;
	}

#coursetype {
	margin: 20px 4% 20px 0;
	float: left;
	width: 40%;
	padding: 10px;
	}
	
#coursetype h3 {
	margin-top: 0;
	margin-bottom: 20px;
	color: #fff;
	}
	
#coursetype li {
	color: #fff;
	margin-left: 2em;
	}
	
.alevels {
	border: 2px solid #B2DCE0; 
	background: #008C99;
	}
	
.opal {
	border: 2px solid #FED8BB; 
	background: #F37421;
	}
	

div.zone div.pullquote {
	margin: 0 0 15px -15px;
	padding-right: 15px;
	}	

div.zone div.pullquoteright {
	width: 25%;
	margin: 0 0 20px 0;
	}


.pullquote {
	width: 25%;
	float: left;
	text-align: right;
	padding-right: 35px;
	margin: 20px 0 20px -35px;
	}
	
.pullquote p {
	font-size: 1.3em;
	color: #16244D;
	}
	
.pullquoteright {
	width: 33%;
	float: right;
	text-align: left;
	padding-left: 35px;
	margin: 20px 0 20px 0;
	}
	
.pullquoteright p {
	font-size: 1.3em;
	color: #16244D;
	}

.pullquotewider {
	width: 40%;
	float: left;
	text-align: right;
	padding-right: 35px;
	margin: 20px 0 20px -35px;
	}
	
.pullquotewider p {
	font-size: 1.3em;
	color: #16244D;
	}
	
/* mac hide \*/
	* html .pullquotewider p, * html .pullquoteright p, *html .pullquote p {height:1px;position:relative;}
	/* end hide */
	
.quotenofloat {
	font-size: 1.3em;
	color: #16244D;
	}
	
.smallerquotenofloat {
	font-size: 1.1em;
	}

p.attrib {
	font-size: 0.8em;
	}
	
.category {
	padding-bottom: 10px;
	border-bottom: 1px dotted #B2DCE0;
	}
	
.fee {
	margin-top: .7em;
	font-weight: bold;
	}
	
.comment {
	margin-top: .7em;
	margin-bottom: 0;
	font-style: italic;
	}
	
.house {
	margin-top: .7em;
	margin-bottom: 0;
	}
	
ul.results {
	font-weight: bold;
	}
	
.caption {
	font-size: 90%;
	margin-top: 0;
	margin-bottom: 0;
	}
	
.borderright {
	border-right: 1px dotted #B2DCE0;
	}

#col h3 {
	margin-top: 5px;
	}
	
#maincontent.fullwidth {
	width: 100%;
	margin-left: 50px;
	}
	

/*
=====================
SIMPLE BLOCK ELEMENTS
=====================
*/
	
h1, h2, h3, h4 {
	font-family: "microsoft sans serif", tahoma, arial, sans-serif;
	color: #16244D;
	}

h1 {
	font-size: 2.5em;
	line-height: 1.6em;
	margin-top: 0;
	}
	
h2 {
	line-height: 1.8em;
	font-size: 1.4em;
	}
	
h3 {
	line-height: 1.5em;
	font-size: 1em;
	}
	
h4 {
	margin-bottom: -0.5em;
	font-weight: bold;
	}
	
h5 {
	font-size: 1.2em;
	line-height: 1.5em;
	font-weight: normal;
	color: #666;
	}
	
p {
	color: #666;
	font-size: 12px;
	line-height: 2em;
	}
	
li {
	padding-bottom: 8px;
	color: #666;
	}
	
ul {
	list-style-type: none;
	padding-left: 8px;
	}

ol li {
	line-height: 1.6em;
	font-size: 0.9em;
	}
	
	
/*
=======
CLASSES
=======
*/

.huge {
	font-weight: bold;
	font-size: 800%;
	}

.big {
	font-weight: bold;
	font-size: 500%;
	}
	
h5 .nationality {
	font-size: 11px;
	padding-left: 3px;
	color: #555;
	}

h1.overdarkphoto {
	color: #fff;
	font-size: 4em;
	margin-left: 40px;
	margin-top: 20px;
	}
	
h1 .age-range {
	font-size: 0.7em;
	font-weight: normal;
	padding-left: 10px;
	}

h2.belowphoto {
	margin-top: 0;
	}
	
h2.prosey {
	color: #555;
	font-size: 1.25em;
	padding-top: 0;
	padding-bottom: 5px;
	font-weight: normal;
	}
	
h3.belowphoto {
	margin-top: 0;
	}
	
p.caption {
	font-size: 0.8em;
	}

p.belowphoto {
	float: left;
	margin-top: 2px;
	margin-bottom: 7px;
	}
	
p.belowbigphoto {
	float: left;
	margin-top: 10px;
	margin-bottom: 7px;
	}	
	
p.smalltext {
	font-size: 0.8em;
	}

p.stronglink {
	margin-top: 15px;
	margin-bottom: -13px;
	}	

.inline {
	display: inline;
	}
	
p.nudgedown {
	margin-top: 10px;
	margin-bottom: -15px;
	padding-bottom: 0;
	}
	
img.border {
	border: 1px solid #ccc;
	}
	
/*
=====
LINKS
=====
*/

a {
	text-decoration: none;
	}
	
a img {
	border: none;
	}
	
a.red, a.stronglink.red {
	color: #D21242;
	}
	
a.dblue {
	color: #16244D;
	}

a.stronglink.lblue {
	color: #37a5d4;
	}
	
a.green, a.stronglink.green {
	color: #3bc14e;
	}

a.orange {
	color: #f37421;
	}
	
a.stronglink.orange {
	color: #f37421;
	}	
	
#maincontent h3 a {
	color: #16244d;
	}	
	
	
/*
======
HEADER
======
*/

#headcontainer {
	width: 980px;
	margin: auto;
	}
	
#translations {
	clear: both;
	float: right;
	margin-top: -10px;
	}	

#translations ul li {
	display: inline;
	margin: 0;
	margin-right: 5px;
	padding-left: 0;
	}
	
#translations ul img {
	border: 1px solid #557;
	}
	
#translations ul img:hover {
	border: 1px solid #fff;
	}
	
#translations ul {
	margin: 0 0 5px 0;
	padding-left: 0;
	}
	
#contact {
	float: right;
	width: 20%;
	margin-top: 8px;
	margin-bottom: 20px;
	padding: 5px;
	border: 1px solid #384b7f;
	background: url(../contact-bground.gif) top left #384b7f;
	}

#contact img {
	float: left;
	padding: 2px 10px 2px 2px;
	}
	
p.telnumber {
	background: url(http://doverbroecks.com/graphic/telephone-white-12w.gif) no-repeat;
	background-position: 0 50%;
	}
	
p.emailaddress {
	background: url(http://doverbroecks.com/graphic/envelope-white-12w.gif) no-repeat;
	background-position: 0 60%;
	}

#contact p {
	padding: 0 0 0 20px;
	margin: 0;
	color: #c4d0eb;
	font-size: 0.8em;
	line-height: 1.3em;
	}
	
#contact a {
	color: #c4d0eb;
	}
	
#toplevelnav {
	float: right;
	margin-top: 0;
	margin-bottom: 0;
	border-top: none;
	padding-bottom: 2px;	
	}
	
#toplevelnav a {
	color: #a5b4d6;
	}
	
#toplevelnav ul li {
	display: inline;
	font-size: 0.8em;
	padding-left: 15px;
	padding-right: 8px;
	padding-top: 0;
	padding-bottom: 0;
	}
	
#toplevelnav ul {
	margin-top: 0;
	margin-bottom: 0;
	padding-right: 4px;
	}

#toplevelnav ul li.currentlocation a {
	color: #fff;
	}

#toplevelnav ul li.lps {
	background: url(../graphic/lps-button-10w.gif) no-repeat;
	background-position: 0 50%;
	}

#toplevelnav ul li.summer {
	background: url(../graphic/summer-button-10w.gif) no-repeat;
	background-position: 0 50%;
	}

#toplevelnav ul li.sixthform {
	background: url(../graphic/sixthform-button-10w.gif) no-repeat;
	background-position: 0 50%;
	}
	
#toplevelnav ul li.isc {
	background: url(../graphic/isc-button-10w.gif) no-repeat;
	background-position: 0 50%;
	}
	
#toplevelnav ul li.creative {
	background: url(../graphic/creative-button-10w.gif) no-repeat;
	background-position: 0 50%;
	}
	

/*
===============
MAIN NAVIGATION
===============
*/

/* mac hide \*/
	* html #nav li {
	font-weight: bold;
	}
	/* end hide */

/* mac hide \*/
	* html a.stronglink {
	font-weight: bold;
	}
	/* end hide */

#navcontainer {
	position: relative;
	width: 100%;
	}
	
#nav {
	margin-top: 0;
	margin-bottom: 0;
	padding-bottom: 0em;	
	}
	
#nav strong {
	color: #fff;
	}

#nav ul {
	line-height: 1em;
	font-size: 15px;
	padding: 0 0 0 0.1em;
	margin: 0;
	list-style: none;
	}
	
#nav li {
	font-family: "microsoft sans serif", tahoma, arial, sans-serif;
	margin: 0;
	padding: 12px 0 10px 0;
	color: #fff;
	display: block;
	}
	
#nav li a {
	color: #fff;
	padding: 0.7em 0.9em 0.7em 0.9em;
	}
	
#nav ul li:hover a {
	text-decoration: none;
	}
	
#nav ul li {
	float: left;
	position: relative;
	}
	
.menu {
	width: 980px;
	margin: auto;
	height: 38px;
	position:relative;
	z-index:95;
	padding-left: 0;
	}

#secondnavcontainer {
	position: relative;
	width: 100%;
	margin-bottom: -7px;
	}
	
#nav2 {
	position: relative;
	margin: auto;
	width: 980px;
	padding-bottom: 0;	
	}
	
#nav2 strong {
	color: #fff;
	}

#nav2 ul {
	font-size: 0.85em;
	padding: 2px 0;
	margin: -1px 0 0 0;
	list-style: none;
	}
	
#nav2 li {
	margin: 0;
	padding: 6px 1.2em 5px 1.2em;
	color: #fff;
	display: block;
	}	
	
#nav2 ul li:hover a {
	text-decoration: none;
	}
	
#nav2 ul li {
	float: left;
	position: relative;
	}
	
#nav2 li.currentlocation a {	
	color: #16244D;
	}	
	
.menu2 {
	width: 980px;
	margin: auto;
	height:2em;
	position:relative;
	z-index:90;
	padding-left: 2px;
	}		
	
	
/*
=============
CONTEXT NAV
=============
*/

#contextnav {
	z-index: 99;
	margin-top: 0;
	margin-bottom: 10px;
	padding-bottom: 0;
	}
	
#contextnav.nosidebar {
	margin-left: 15px;
	}

#contextnav p {
	margin: 0;
	padding: 0;
	}

p#breadcrumbs {
	font-size: 10px;
	display: inline;
	}

.breadcrumbs {
	font-size: 0.7em;
	z-index: 100;
	}

.breadcrumbs strong {
	font-weight: normal;
	color: #16244D;
	}
	
#contextnav ul strong {
	font-weight: normal;
	color: #16244D;
	}
	
#contextnav h3 a {
	color: #fff;
	}

.breadcrumbs.undertitle {
	margin-top: -28px;
	margin-bottom: 22px;
	}	
	

/*
===============
MAIN CONTAINERS
===============
*/

#pagebground {
	width: 100%;
	background-color: #fff;
	padding-bottom: 30px;
	}

#container {
	background-color: white;
	padding: 0;
	width: 980px;
	margin: 30px auto;
	}

#container strong {
	color: #16244d;
	}
	
#container div.zone strong {
	font-weight: normal;
	}

.leftpadding {
	padding-left: 15px;
	}

#main.fullpage {
	width: 100%;
	padding: 2px 15px;
	margin-left: 0;
	}
	

/*
============
MAIN CONTENT
============
*/

div#pagetitle h1 {
	display: inline;
	margin-right: 10px;
	margin-bottom: 10px;
	}
	
div#pagetitle {
	margin-bottom: 10px;
	}

#maincontent ul {
	list-style-type: none;
	padding-left: 0;
	}
	
a.stronglink {
	font-size: 1.4em;
	line-height: 1.1em;
	margin-top: 20px;
	}

#maincontent {
	float: left;
	margin-left: 40px;
	width: 759px;
	}

#maincontent.thin-right {
	float: right;
	width: 650px;
	}
	
#col {
	margin-top: 10px;
	float: left;
	width: 210px;
	margin-right: 36px;
	}
	
div.halfcol {
	float: left;
	width: 300px;
	margin-right: 50px;
	margin-bottom: 10px;
	margin-top: 20px;
	}
	
#halfcolnarrower {
	float: left;
	width: 42%;
	margin-right: 20px;
	margin-bottom: 10px;
	}
	
#maincontent h1 {
	margin-bottom: 20px;
	}

#maincontent h3 {
	margin-top: 30px;
	margin-bottom: 0;
	}

#col h2 {
	font-size: 1.3em;
	line-height: 1.35em;
	}

#col img {
	margin-bottom: 6px;
	}

	
/*
=====
ZONES
=====
*/

div.zone#pupils {
	margin-top: 30px;
	margin-right: -30px;
	padding: 15px;
	}
	
div.zone#pupils h1, div.zone#parents h1, div.zone#staff h1 {
	margin-top: 5px;
	}

div.zone#parents {
	padding: 15px;
	}
	
div.zone#staff {
	padding: 15px;
	margin-top: -20px;
	}

div.zone h4 a {
	color: #fff;
	}

div.left {
	float: left;
	margin-right: 30px;
	}

div.right {
	float: right;
	}

div.zone {
	margin-bottom: 30px;
	padding: 0 0 10px 0;
	}

div.zone img {
	padding: 3px;
	background-color: #fff;
	border: 1px solid #ccc;
	}

div.zone p {
	padding-left: 10px;
	padding-right: 10px;
	}

#maincontent div.zone h3.zonetitle {
	margin-top: 15px;
	}
	
div.zone.mainfocus h2.zonetitle {
	margin-left: 10px;
	}
	
div.zone img.floatleft {
	margin: 15px 10px 0 10px;
	padding: 3px;
	}
	
div.zone img.floatleft.withtext {
	margin: 0 10px 10px 10px;
	}
	
img.floatleft.withtext {
	margin: 30px 20px 10px 0;
	}
	
div.zone img.floatright.withtext {
	margin: 0 10px 10px 10px;
	}
	
div.zone img.floatright {
	padding: 3px;
	background-color: #fff;
	border: 1px solid #ccc;
	margin: 15px 10px 0 10px;
	}

div.zone h5 {
	padding: 0 10px;
	margin: 15px 0 0 0;
	font-size: 1em;
	color: #16244d;
	}

div.zone h4 {
	background: #16244D url(../graphic/gradientbar-dblue-1px.gif) repeat-x;
	color: #fff;
	padding: 6px 10px;
	font-size: 13px;
	margin-top: 0;
	}
	
div.zone.mainfocus ul.nobullets {
	padding-left: 0;
	margin-left: 10px;
	font-size: 1.2em;
	}

div.zone.marginbottom {
	margin-bottom: 30px;
	}
	
div.zone.bigmarginright {
	margin-right: 200px;
	}

.leftmargin {
	margin-left: 20px;
	}
	
.leftmarginsmaller {
	margin-left: 15px;
	}

.bottommargin {
	margin-bottom: 30px;
	}

div.profile {
	background-color: #fafaff;
	border: 1px solid #e6e6e6;
	padding: 10px;
	}
	
div.profile h2 {
	margin: 0 0 0 10px;
	padding-bottom: 0;
	font-size: 2.5em;
	color: #16244d;
	}

div.profile h4 {
	color: #666;
	background: none;
	font-weight: normal;
	padding-top: 0;
	font-size: 1.2em;
	margin-bottom: 10px;
	}

div.zone.profile h4.qualifications {
	color: #16244d;
	font-size: 0.85em;
	margin-top: -5px;
	margin-bottom: 5px;
	}

div.zone.profile h4.jobtitle {
	color: #16244d;
	font-size: 0.85em;
	}

div.mainfocus {
	background: url(../isc/graphic/zone-background-full.gif) #fafaff;
	border: 1px solid #e6e6e6;
	}

div.zone.mainfocus h3 {
	font-weight: normal;
	}

div.zone.quicktip p {
	font-size: 1.2em;
	margin-bottom: 0;
	}
	
div.zone.quicktip {
	background: #e6eaf7;
	padding: 15px 10px;
	}
	
div.zone div.pullquote {
	
	}
	
div.zone.quicktip h4 {
	background: none;
	color: #16244d;
	font-size: 2em;
	padding-top: 5px;
	font-weight: normal;
	}

.innernav {
	background-color: #fafaff;
	border: 1px solid #e6e6e6;
	}	
	
div.zone.innernav h4 {
	color: #fff;
	padding-top: 7px;
	}	
	
div.zone.innernav li.currentlocation a {
	color: #16244d;
	}
	

div.zone div.floatedthumbs {
	margin-top: 10px;
	}
	
div.zone div.floatedthumbs img.floatleftsm {
	margin-bottom: 0;
	margin-top: 8px;
	}


div.zone.nobreadcrumbsabove {
	margin-top: 81px;
	}
	
div.zone.innernav ol {
	padding-left: 15px;
	margin-left: 15px;
	font-size: 0.9em;
	margin-bottom: 0;
	padding-right: 10px;
	}
	
div.zone.related ol {
	padding-left: 15px;
	margin-left: 15px;
	font-size: 0.95em;
	margin-bottom: 0;
	padding-right: 10px;
	}
	
div.zone.innernav ul {
	padding-left: 5px;
	margin-left: 5px;
	font-size: 0.9em;
	margin-bottom: 0;
	padding-right: 10px;
	}

div.zone.innernav li {
	padding-bottom: 4px;
	padding-top: 2px;
	padding-left: 0;
	}

div.zone div.photonav img {
	float: left;
	margin-top: 15px;
	margin-bottom: -6px;
	margin-left: 10px;
	}

div.zone h3 {
	padding-left: 10px;
	padding-right: 10px;
	}

h2.nudgedown {
	margin-top: 30px;
	}

.fact {
	background-color: #fafaff;
	border: 1px solid #e6e6e6;
	}

div.zone.fact h4 {
	background: #6E7C7F;
	color: #fff;
	padding-top: 7px;
	}

div.zone.fact ul {
	list-style-type: circle;
	padding-left: 10px;
	padding-right: 10px;
	margin-left: 15px;
	margin-bottom: 0;
	}
	
div.zone.fact ul li ul li {
	font-size: 0.95em;
	padding-bottom: 1px;
	padding-top: 2px;
	}

div.zone.fact ul li {
	margin-left: 0;
	font-size: 0.9em;
	line-height: 1.5em;
	padding-left: 5px;
	}

div.zone img.noborder {
	padding: 0;
	margin: 0;
	border: none;
	}

.related {
	background-color: #fafaff;
	border: 1px solid #e6e6e6;
	}
	
div.zone.related h4 {
	background: #16244D url(../graphic/gradientbar-dblue-1px.gif) repeat-x;
	color: #fff;
	}
	
div.zone.related p {
	font-size: 0.85em;
	}
	
.related ul {
	padding-left: 0;
	margin-left: 10px;
	margin-bottom: 0;
	padding-bottom: 0;
	}

div.zone.fillcolumn {
	width: 100%;
	}
	
div.zone.almostfill {
	width: 142px;
	margin-right: 0;
	}

div.zone.noheadline {
	padding-top: 0;
	padding-bottom: 0;
	}
	
div.zone.noheadline p {
	margin-top: 10px;
	line-height: 1em;
	}

div.zone.largernudgedown {
	margin-top: 70px;
	}

div.zone.nudgedown {
	margin-top: 20px;
	}
	
div.zone.nudgeright {
	margin-left: 20px;
	}
	
div.zone.smallernudgedown {
	margin-top: 10px;
	}

.zone.summary h2 {
	padding-top: 0;
	padding-bottom: 0;
	margin-bottom: -10px;
	color: #666;
	font-size: 1.3em;
	font-weight: normal;
	}

.humaninterest p {
	color: #16244d;
	}
	
.humaninterest .attrib {
	color: #666;
	}
	
.humaninterest p.caption {
	color: #666;
	}	

div.zone.humaninterest.background {
	background-color: #fafaff;
	border: 1px solid #e6e6e6;
	}

div.zone.humaninterest.textright {
	text-align: right;
	}

div.zone .onwhite {
	color: #16244d;
	}

p.quote {
	margin-top: 15px;
	margin-bottom: 10px;
	}

p.short {
	font-size: 1.7em;
	}
	
p.medium {
	font-size: 1.4em;
	}
	
p.quitelong {
	font-size: 1.2em;
	line-height: 1.85em;
	}

p.long {
	font-size: 1em;
	}

div.zone.notopmargin {
	margin-top: -20px;
	}
	
div.zone.right {
	float: right;
	}

img.notopmargin {
	margin-top: -10px;
	}

#item {
	padding-bottom: 20px;
	margin-top: 40px;
	border-bottom: 1px dotted #bbb;
	}
	
div.zone img.fillzone {
	margin-left: -20px;
	margin-top: -20px;
	padding: 0;
	border: none;
	}
	
div.zone.titlepadding h1 {
	padding-left: 10px;
	}
	
/*
====
TABS
====
*/

ul#toc {
	margin-top: 30px;
	padding-bottom: 5px;
	margin-bottom: -6px;	
	}

ul#toc li {
	float: left;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 5px;
	border-left: #e6e6e6 1px solid;
	border-right: #e6e6e6 1px solid;
	border-top: #e6e6e6 1px solid;
	border-bottom: #e6e6e6 1px solid;
	background-color: #f2f2f7;
	z-index: 1;
	margin-right: 0;
	}
	
ul#toc li.current {
	background-color: #fafaff;
	border-bottom: #fafaff 1px solid;
	}


/*
=======
BUTTONS
=======
*/

a.button {
	font: normal 11px;
	text-transform: uppercase;
	color: #fff;
	display: block;
	float: left;
	height: 24px;
	margin-right: 6px;
	padding-right: 18px;
	margin-bottom: 20px;
	}
	
.zone a.button {
	color: #fff;
	}
	
#maincontent a.button {
	color: #fff;
	}
	
a.button span {
	display: block;
	line-height: 14px;
	padding: 5px 0 5px 18px;
	}

a.button:hover {
	background-position: bottom right;
	outline: none; /* hide dotted outline in Firefox */
	}

a.button:hover span {
	background-position: bottom left;
	}

a.button:active span {
	padding: 6px 0 4px 18px; /* push text down 1px */
	}
	

a.button.right {
	text-align: right;
	}
	
/*
======
FOOTER
======
*/

#footercontainer {
	width: 100%;
	margin-top: 0;
	padding-top: 10px;
	}
	
#footer {
	padding-top: 7px;
	padding-bottom: 7px;
	padding-left: 0;
	margin: auto;
	width: 950px;
	}
	
#footer p {
	font-size: 0.8em;
	color: #999;
	margin-top: 0;
	margin-bottom: 0;
	}
	
#footer .telephone {
	float: left;
	padding-right: 10px;
	}
	
#footer .fax {
	float: left;
	padding-right: 10px;
	}
	
#footer .email {
	float: left;
	padding-right: 10px;
	}

#footer .label {
	color: #666;
	}	
	
	
/*
========
WALKTHRU
========
*/

#walkthrunav {
	margin-top: 20px;
	width: 40%;
	}
	
#walkthrunav.nextpage {
	margin-right: 10px;
	padding-right: 20px;
	float: right;
	text-align: right;
	background: url(../graphic/right-arrow.gif) right no-repeat;
	}

#walkthrunav.endpage {
	float: right;
	text-align: right;
	}

#walkthrunav.previouspage {
	float: left;
	text-align: left;
	background: url(../graphic/left-arrow.gif) left no-repeat;
	padding-left: 20px;
	margin-left: 10px;
	}

#walkthrunav p {
	font-size: 0.85em;
	color: #37A5D4;
	}	


/*
=====
HOVER
=====
*/

a:hover.hiddenhover span {
	display: block;
	position: absolute; width: 200px;
	margin-left: 200px;
	margin-top: -45px;
	padding: 5px; z-index: 100;
	color: #16244D; background: #F9F9C7;
	font-size: 11px;
	font-weight: normal;
	}

a.hiddenhover span {display: none;}

a:hover.hiddenhover {
	text-decoration: none;
	}

a.hiddenhover {
	border-bottom: 1px dotted #37A5D4;
	}

a:hover.captionhover span {
	display: block;
	text-align: left;
	line-height: 1.6em;
	position: absolute; width: 200px;
	margin-top: -5px;
	margin-left: 10px;
	padding: 10px; z-index: 100;
	color: #16244D; background: #F9F9C7;
	font-size: 11px;
	font-weight: normal;
	}

a.captionhover span {display: none;}

a.tooltip{
    /* for postioning the tool-tip box relative to the link */
    position:relative;

    /* no underline needed */
    text-decoration: none;
  }

  a.tooltip span{
    /* tool-tip text will not be visible initially */
    display: none;
  }

  a.tooltip:hover span{
    /* make tool-tip text visible */
    display:block;

    /* for postioning */
    position:absolute;
    top:-30px; left:20px;
    padding: 3px;

    /* width of the tool-tip box
    if text is longer, it will be
    made into two lines */
    width:150px;

    /* style the box to look like a tool-tip box */
    background-color:#008C99;
    color:#fff;
    font-family: tahoma, arial, sans-serif;
    font-size: 11px;
    text-align: center;
  }

	
/*
=======
BULLETS
=======
*/

ul.bigbullets {
	font-size: 1.3em;
	}
	
ul.mediumbullets {
	font-size: 1em;
	line-height: 1.85em;
	margin-left: 40px;
	}

ul.mediumbullets li {
	list-style-type: circle;
	}
	
#maincontent ul.bigbullets, div.zone ul.bigbullets {
	padding-left: 20px;
	margin-top: 15px;
	}

div.zone ul.bigbullets {
	margin-left: 10px;
	}
	
#maincontent ul.bigbullets li {
	margin-left: 20px;
	padding: 10px 0 10px 20px;
	line-height: 1.5em;
	list-style-type: circle;
	}

#maincontent ul.bigbullets ul {
	font-size: 0.9em;
	padding-top: 10px;
	padding-left: 30px;
	}
	
#maincontent ul.bigbullets ul li {
	margin-left: 0;
	padding-left: 5px;
	list-style-type: circle;
	background-image: none;
	}

ul.maintextbullets {
	margin-top: 20px;
	}

ul.maintextbullets li {
	list-style-type: circle;
	padding-bottom: 15px;
	}
	
ul.maintextbullets li ul li {
	padding-top: 5px;
	padding-bottom: 0;
	margin-left: 2.5em;
	}
	
div.zone ul.international {
	margin-top: 10px;
	margin-bottom: 0;
	margin-left: 0;
	padding-left: 10px;
	}

div.zone ul.international li {
	font-size: 0.85em;
	padding: 12px 10px 12px 40px;
	margin-left: 0;
	list-style-type: none;
	background-position: 0 0;
	}

.bullets li {
	list-style-type: circle;
	line-height: 1.5em;
	}

div.zone ul.termdates {
	margin-top: 5px;
	}

div.zone ul.termdates li {
	padding: 2px;
	}

#maincontent div.zone ul.smalllist {
	margin-left: 15px;
	margin-right: 10px;
	padding-left: 10px;
	list-style-type: circle;
	}

.smalllist li {
	color: #666;
	padding: 1px;
	font-size: 11px;
	margin-bottom: 3px;
	}

.mediumlist li {
	color: #999;
	padding: 1px 10px 2px 0;
	}

.majorlist li {
	font-size: 1.2em;
	line-height: 2em;
	list-style-type: circle;
	padding-left: 1.2em;
	margin-left: 3em;
	}

ul.pdfs {
	padding-left: 10px;
	margin-left: 10px;
	padding-top: 10px;
	margin-bottom: 0;
	}

div.zone ul.pdfs li {
	font-size: 0.85em;
	padding-left: 22px;
	margin-left: 0;
	list-style-type: none;
	background: url(../graphic/pdf-icon-tiny.gif) no-repeat;
	background-position: 0 0;
	}		

div.zone ul.bullets {
	margin: 10px 20px;
	}
	
div.zone ul.bullets li {
	line-height: 1.85em;
	}
	
ul span.teacher-name {
	font-weight: bold;
	color: #16244d;
	margin-right: 5px;
	}
	
ul.activitieslist {
	font-size: 0.9em;
	}
	
	
/*
=========
RSS FEEDS
=========
*/

#blogfeed li {
	font-size: 11px;
	line-height: 1.5em;
	padding: 10px 0 15px;
	}

.rss-date {
	line-height: 1.8em;
	font-size: 0.8em;
	}

div.feedburnerFeedBlock li {
	margin-bottom: 50px;
	}

div.feedburnerFeedBlock .headline {
	font-size: 1.6em;
	line-height: 2em;
	}
	
div.feedburnerFeedBlock p.date {
	margin-bottom: 10px;
	}
	
div.feedburnerFeedBlock div {
	line-height: 1.6em;
	}
	
div.FeedBlitzRssFeed {
	margin: 10px 8px 0 8px;
	line-height: 1.6em;
	}
	
div.FeedBlitzRssFeed table td {
	padding-bottom: 6px;
	}
	
div.FeedBlitzRssFeed table a {
	color: #666;
	}
	
div.FeedBlitzRssFeed table a:hover {
	border-bottom: 1px solid #666;
	}
	
div.FeedBlitzRssFeed table {
	margin-bottom: -20px;
	}
	
div.FeedBlitzRssFeed p {
	text-align: right;
	font-size: 0.8em;
	margin-bottom: 0;
	display: none;
	}


div.FeedBlitzRssFeed img {
	padding: 0;
	border: none;
	}

	
/*
===============
GENERAL SPACING
===============
*/

.paddingbottom {
	padding-bottom: 10px;
	}

.imageabove h2, .imageabove h3 {
	margin-top: 5px;
	}
	
.contentbelow {
	margin-bottom: 25px;
	}
	
.textbelow {
	margin-bottom: -20px;
	}
	
.bulletsabove {
	margin-top: 40px;
	}
	
.photosabove {
	margin-top: 25px;
	}
	
#maincontent.imageabove {
	margin-top: 25px;
	}

img.shiftdown {
	margin-top: 30px;
	}

img.nudgedown {
	margin-top: 10px;
	}

img#captionmark {
	border: none;
	float: right;
	}	
	
	
/*
===============
FLOATS & LAYOUT
===============
*/
	
.column {
	width:330px;
	padding-right: 20px;
	float:left;
	}
	
.borderaround {
	border: 1px solid #ccc;
	}
	
.floatleft {
	float: left;
	margin-right: 25px;
	margin-bottom: 20px;
	}
	
.floatleftsm {
	float: left;
	margin: 0 8px 8px 0;
	}
	
div.zone img.floatleftsm {
	padding: 3px;
	margin: 0 10px 4px 10px;
	}
	
div.profilethumbs {
	margin-left: 7px;
	margin-right: 7px;
	margin-top: 12px;
	}
	
div.zone div.profilethumbs img.floatleftsm {
	margin: 3px;
	}
	
.floatrightshift {
	float: right;
	margin-left: 15px;
	margin-right: -45px;
	}

.floatright {
	float: right;
	margin-left: 25px;
	margin-bottom: 20px;
	}
	
div.clear { clear: both; }

div.teachermosaic img {
	float: left;
	margin-right: 20px;
	margin-bottom: 20px;
	}
	
div.teachermosaic img.colour {
	display: none;
	}
	
div.teachermosaic a span {display: none;}

div.teachermosaic a:hover span {
	display: block;
	position: absolute; width: 100px;
	margin-left: -80px;
	margin-top: 10px;
	padding: 5px; z-index: 100;
	color: #16244D; background: #F9F9C7;
	font-size: 11px;
	font-weight: normal;
	}

div.zone table.studentmosaic {
	padding-left: 15px;
	}
	
table.studentmosaic {
	margin-top: 0;
	border-spacing: 15px;
	margin-left: -15px;
	}
	
table.studentmosaic td {
	border: none;
	}
	
#maincontent table.studentmosaic strong {
	font-weight: bold;
	}
	
table.studentmosaic a span {display: none;}

table.studentmosaic a:hover {
	text-decoration: none;
	}

table.studentmosaic a:hover span {
	display: block;
	position: absolute; width: 200px;
	margin-left: 20px;
	margin-top: -40px;
	padding: 5px; z-index: 100;
	color: #16244D; background: #F9F9C7;
	font-size: 11px;
	font-weight: normal;
	}

	
/*
=======
CLASSES
=======
*/

.headline {
	font-size: 1.2em;
	}
	
.date {
	font-size: 0.8em;
	margin-bottom: 0;
	margin-top: 0;
	padding-bottom: 0;
	}
	
.eventdate {
	padding-left: .5em;
	color: #16244D;
	font-size: 0.8em;
	}
	
.spacingabove {
	margin-top: 2.6em;
	}
	
.telnumbers strong {
	color: #008C99;
	font-weight: normal;
	}

.atoms {
	position: relative;
	top: 0.3em;
	font-size: 80%;
	}

div.student-opinion {
	margin: 10px 0 15px 0;
	background: #fafaff;
	padding: 0 10px 5px 10px;
	border: 1px solid #e6e6e6;
	}

div.student-opinion img {
	float: right;
	margin: 10px 0 10px 10px;
	}	
	
p.quote strong {
	font-weight: normal;
	}
	
div.teachermosaic img.visible {
	display: inline;
	margin: -2px 18px 18px -2px;
	}
	
div.teachermosaic img.invisible {
	display: none;
	}

object.video.belowtext {
	margin-top: 15px;
	}
	
div.zone.mainfocus object.video {
	margin-left: 10px;
	}
	
/*
====
DIVS
====
*/

div.quotedsource {
	padding: 15px;
	}

div.quotedsource p {
	font-family: georgia, times, serif;
	line-height: 1.5em;
	}
	
div.keyfeature {
	float: right;
	width: 370px;
	margin-bottom: 15px;
	}
	
img.numberbullet {
	float: left;
	margin-bottom: 35px;
	}
	
div.keyfeature h2 {
	margin-top: 0;
	margin-bottom: -6px;
	}

#creditfooter {
	display: none;
	}

div#inspection-extracts h3 {
	margin-top: 30px;
	}
	
div.inspection-opinion {
	margin-top: 20px;
	margin-bottom: 30px;
	}

div.inspection-opinion strong {
	font-size: 1.2em;
	color: #666;
	}

div.inspection-opinion p {
	line-height: 1.8em;
	}	
	
#testimonial-list p.quote {
	margin-bottom: 20px;
	margin-top: 25px;
	}
	
#testimonial-list p.attrib {
	margin-bottom: 30px;
	margin-top: -15px;
	}
	
	
/*
========
CONTENTS
========
*/


div.inline-contents ol li {
	float: left;
	margin-left: 30px;
	}
	
div.inline-contents ol {
	margin: 0;
	padding: 10px 0 0 0;
	}
	
div.inline-contents {
	background: #eeffcc;
	border: 1px solid #ccddaa;
	}

	
#maincontent h3.unfurl img {
	padding-left: 10px;
	}

div.unfurl p {
	margin-left: 40px;
	margin-top: 0;
	}
	
div.unfurl h3 {
	margin-left: 40px;
	}
	
div.unfurl h4 {
	margin-left: 40px;
	margin-bottom: 5px;
	}
	
div.unfurl ul {
	margin-left: 40px;
	}
		
div.unfurl ul li ul {
	margin-left: 10px;
	}
	
/*
============
FLOATING NAV
============
*/
	

#floatingnav {
	position: fixed;
	width: 260px;
	}
	
#floatingnav ul li ul li {
	line-height: 1.6em;
	margin-top: 0;
	margin-bottom: 0;
	margin-left: 10px;
	}
	
#floatingnav ul li {
	margin-bottom: 5px;
	}
	
#floatingnav ul li ul {
	margin-top: 5px;
	}

div.faqs h2 a {
	color: #16244d;
	}
	
#maincontent.faqs h3 {
	margin-bottom: 0px;
	font-size: 0.9em;	
	}
	
#maincontent.faqs h2 {
	margin-top: 50px;
	margin-bottom: -10px;
	}

#nextpagearrow {
	position: absolute;
	right: 0;
	top: 400px;
	width: 80px;
	height: 100px;
	/* for IE */
	filter:alpha(opacity=60);
	/* CSS3 standard */
	opacity:0.6;
	}
	
#nextpagearrow:hover {
	opacity:1;
	/* for IE */
	filter:alpha(opacity=100);
	}
	
#nextpagearrow img {
	float: right;
	}

#nextpagearrow p {
	float: right;
	font-size: 0.8em;
	padding-right: 3px;
	margin-top: 0;
	}
	
#nextpagearrow p a {
	color: #999;
	}
	
/*
============
CONTACT FORM
============
*/


form.contactform {
	margin-top: 30px;
	margin-bottom: 20px;
	background: #fafaff;
	border: 1px solid #e6e6e6;
	padding: 15px 15px 0 15px;
	}

.contactform table {
	margin-top: 0;
	}
	
.contactform table td {
	padding-right: 25px;
	border: none;
	color: #666;
	}

.contactform table td.comment {
	font-size: 0.85em;
	font-style: normal;
	}