/*body					{font-size:62%; font-family: Arial, sans-serif;}*/
	
#header					{height:87px;}

	#logo				{background-image:url(../../../../images/logo_white.gif); background-repeat:no-repeat;
						 height:62px; width:156px;
						 margin-top:10px; margin-left:3px;
						}
	#topbox				{display:block; float:right; width: 566px; height:45px;}
	#search				{border-left : solid 0px #e8e8e8;}
	#righthead			{float:right; width:50%; }
	#utilitylinks		{float:right; padding-top:5px; padding-right:2em;}
	#topdropmenu		{position:absolute; top:76px;}

#image					{height:360px; margin-top:40px;display:block;}

#middle					{clear:both; border-collapse:collapse; margin-top:0px; width:100%;}
	#left				{padding-top:7px; padding-bottom:20px; padding-left:0px; padding-right:0px; 
						 vertical-align:top; width:16em;
						}
	#center				{vertical-align:top; padding-top:10px; padding-left:20px; padding-right:10px;}
	#right				{vertical-align:top; padding-top:10px; padding-right:10px; width:20em;}
	
	
#footer					{clear:both; padding-top:20px; height:40px; text-align:center;}


.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

DIV.hr {clear:both;height:1px;background:#e8e8e8 center;margin:5px 0 10px 0;padding:0px;}
DIV.hr HR {display:none;}
DIV.hr1 {clear:both;height:1px;background:#e8e8e8 center;margin:0 0 10px 0;padding:0px;}
DIV.hr1 HR {display:none;}
DIV.hr2 {clear:both;height:1px;background:#e8e8e8 center;margin:5px 0 5px 0;padding:0px;}
DIV.hr2 HR {display:none;}
h3{font: bold 16px/1.2 Arial,Helvetica;color:#333;}

.button{margin-left:4px;}
body{font-size:62%;background-color:#fff;}
#canvas{margin:0pt auto;width:750px;font-size:1.2em;}
#canvas p{line-height:1.2em;}
#canvas h4{font-weight:bold;}
#header h1{display:none;}
#header img{float:left;}
#navigation{display:block;float:left;width:566px;}
#navigation ul{display:block;width:566px;border-bottom:0px solid #e8e8e8;}
#navigation li{display:block;float:right;border-left:0px solid #e8e8e8;height:45px;overflow:hidden;}
#navigation li a{display:block;padding:5px 5px;}
#navigation li a:hover{background:transparent url('../../../../images/bg_menu_edit.gif') repeat-x top left;text-decoration:none;}
#navigation form{display:block;width:565px;border-left:1px solid #e8e8e8;padding:10px 0;}
#navigation form label{margin-right:10px;display:block;float:left;padding-top:4px;}
#navigation form label.mr40{margin-right:40px;}
#navigation form div{float:right;}
#navigation form input{display:block;float:left;}

#next {
	color: #000000;
	background-color: #CCCCCC;
	float: right;
	height: 20px;
	width: 1px;
	border: 1px solid #666666;
	display: block;
}

#previous {
	color: #000000;
	background-color: #CCCCCC;
	float: right;
	margin-right:60px;
	height: 20px;
	width: 1px;
	border: 0px solid #666666;
	display: block;
}

#slide {
	height: 300px;
	width: 750px;
	border: 0px solid;
	display: block;
}

#container	
{
	padding-top:0px;
	background:transparent url('../../../../images/canvas_bg.gif') no-repeat top left;
	position:relative;
	top:-35px;
	float : left;
}

.col,.col1
{
	display:block;
	float:left;
	/*width:375px;*/
	width:361px;
	margin : 0px;
	padding-top: 0px;
	padding-right: 5px;
	padding-bottom: 0px;
	padding-left: 5px;
}

#courses{display:block; height:35px;float : left;position:relative;z-index:0;top:0px;background-color:transparent;}
#courses ul{float : left; width : 749px; height:35px; background:transparent url('../../../../images/temp-navi7.gif') repeat-x top left;margin-top:0px;}
#courses li{display:block;float:left;height:30px;margin:0px 15px;font-size:13px;}
#courses li a{display:block;padding:10px 0 10px 16px;color:#FFFFFF; font-weight:normal;background:transparent url('../../../../images/white_arrow_edit2.gif') no-repeat 0 13px;}


ul.news{border-bottom:1px solid #e8e8e8;clear:both;margin-bottom:2px;margin-top:-5px;padding-top:3px;}
ul.news li{display:block;clear:both;background:transparent url('../../../../images/li_bg.gif') no-repeat bottom left;padding:4px 0;}
ul.news li.last{background:none;}
ul.news li a{width:305px;}
#canvas a.blue{color:#0092F0}
a.bluebtn{background:transparent url('../../../../images/blu_arrow.gif') no-repeat 0 3px;padding-left:20px;color:#0092F0;margin-left:0px;}


#links{display:block;float:right;width:480px; height:45px;}
#links ul{display:block;width:480px;}
#links li{display:block;float:right;border-left:0px solid #e8e8e8;height:55px;overflow:hidden;}
#links li a{display:block;padding:10px 5px; color:#666666;}
#links li a:hover{color:#333333;}

#bottomlinks{display:block;float:left;width:360px;}
#bottomlinks ul {margin-top:10px;}
#bottomlinks ul li {display : inline;padding:0px; margin : 0px 4px 0px 0px; color : #e8e8e8;}
#bottomlinks ul li.first {background:none;padding-left:0px;}

#textsize {display:block; float:right; width:70px; padding-left:10px;}
#textsize p {color:#0092F0;font-size : 1.0em;}
#textsize ul {margin-top:10px; float:right;}
#textsize ul li {display:block;float:left;padding-right:5px;}

.col1 
{
	margin : 0px;
	padding : 0px 0px 0px 15px;
	float : left;
	width : 360px;
}

#courseinfobox
{
	position:relative;
	border-color:#CCCCCC;
	border-style:solid;
	border-width:1px;
	text-align:right;
	clear:both;
	float:right;
	height: 1.8em;
	width: 270px;
	background-color:#f5f5f5;
	background:url(../../../../images/bg_menu.gif) repeat-x;
	font-size:1.2em;
	display:block;
	left: 0px;
	top: 120px;
	padding: 8px 20px 0px 5px;
	margin-bottom:-30px;
	z-index: 1000;
	a:visited {color: black}
}

#ofstedbox
{
	position:relative;
	border-color: ;
	border-style:solid;
	border-width:0px;
	text-align:left;
	clear:both;
	float:left;
	height: 1.8em;
	width: 536px;
	height: 50px;
	background-color: ;
	background:url(../../../../images/seethrough.gif) repeat-x;
	font-size:1.2em;
	display:block;
	left: 0px;
	top: 10px;
	padding: 8px 20px 0px 40px;
	margin-bottom:-30px;
	z-index: 1000;
	a:visited {color: black}
}

.bluearrow{ width: 10px; float:left; height: 7px; top:5px; position:relative;
background:transparent url('../../../../images/blu_arrow.gif') no-repeat 0px 0px;}

#courseinfobox a:link {color:#484848;}
#courseinfobox a:hover {color:#484848;}
#courseinfobox a:visited {color:#484848;}

#ofstedbox a:link {color:#484848;}
#ofstedbox a:hover {color:#484848;}
#ofstedbox a:visited {color:#484848;}

#cornerpeel
{
height:120px;
width:120px;
z-index:10;
background:url(../../../../images/cornerpeel7_img_txt.png) top right no-repeat;
text-align:right;
margin-right: 0px;
right: 0px;
float: right;
padding-top:0px;
padding-right:5px;
}

.cornerpeeltext
{
height:120px;
width:80px;
float:right;
z-index:10;
text-align:right;
margin-right: 0px;
right: 0px;
padding-top:1px;
padding-right:1px;

}

ul#awards{margin-bottom:10px;}
ul#awards li{display:block;float:left;margin-right:15px;}
ul#awards li a{margin-left:0px;}