html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ul, ol, li
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/* layout */

body {
	text-align: center;
}

.floatl {
    float:left;
}

.floatr {
    float:right;
}

#feedback {
	left:-5px;
	position:fixed;
	top:25px;
}

#feedback:hover
{
	left:0px;
}

#container 
{
	width: 100%;
	margin: 0 auto;
}

	#top-toolbar 
	{
		width: 100%;		
		background: #d9d9d9;
		margin: 0;
		padding: 2px 0px 0px 0px;
		height: 15px;
		vertical-align: bottom;
	}
	
	#access-controls 
	{
		width: 960px;		
		text-align: right;
		font-family: Verdana, Arial, Sans-Serif;
		font-size: 11px;
		margin: 0px auto 0px auto;		
	}

	#access-controls a, #access-controls a:link, #access-controls a:visited, #access-controls a:active
	{
		text-decoration: none;
	}

	#access-controls a:hover
	{
		text-decoration: underline;
	}

#new-header2 
{
	width: 100%;
	margin: 0 auto;
	overflow: auto;
	background: #124ba2 url(/images/main/links_bg.jpg) repeat-x;
}


#new-header3 
{
	width: 960px;
	margin: 0 auto;
	height:116px;
	text-align: right;
    font-family: Arial;
	font-size: 12px;
	font-weight:bold;
}

	#new-header3 a {
		text-decoration: none;
	}

	#new-header3 #logo 
	{
		width: 177px;
		float: right;
	}
	
#main-content 
{
	width: 960px;
	margin: auto;
}

  #content 
  {
    width: 570px;
	text-align: left;
	float: left;
	margin: 22px 19px 0px 19px;
	font-family: Verdana, Arial, Sans-Serif;
	font-size: 1.0 em;	
  }	 
  
html>body #content 
{
	margin: 22px 26px 0px 26px;
}

	  #content h1
	  {  
	   font-size: 1.7em;	  
	   line-height: 1.2em;	  
	   font-weight: normal;
	   font-family: Arial, Helvetica, sans-serif;
	   color: #0066cc;
	   margin-bottom: 15px;	   
	  }
  
	  #content h2
	  {  
	   font-size: 1.2em;
	   font-weight: normal;
	   font-family: Arial, Helvetica, sans-serif;
	   color: #0066cc;
	   margin-top: 15px;	   
	   margin-bottom: 15px;	   
	  }

	  #content h2.course_list_title {	  	
		padding: 5px 0px 5px 0px;
		border-top: 1px solid #cecece;
		border-bottom: 1px solid #cecece;
	  }

		 #content #main-text h2 a {
		   font-size: 1.3em;	  
		   line-height: 1.2em;	  
		 }
	  
	  #content h2.course_list_title a, #content h2.course_list_title a:link, #content h2.course_list_title a:visited, #content h2.course_list_title a:active 	  	
	  {
	  	font-size: 0.7em;
	  	color: #0066cc;
	  	font-weight: normal;
	  }
	  
	  #content h2.course_list_title img 
	  {
	  	float: right;
	  	position: relative;
	  	top: -23px;	/* For IE6.0 */
	  }
	  
	  html>body #content h2.course_list_title img 
	  {
	  	top: -18px; /* For FF, IE7, IE 8.0 */
	  }

	  #content #courselisting 
	  {
	  	display: none;
	  }
	  
	  #content .expandable
	  {
	  	display: none;
	  	width: 560px;
	  }
	  
	  #content #ex-con-all
	  {
	  	width: 560px;
	  	text-align: right;
	  	font-size: 0.7em;
	  }

	  #content h3
	  {  
	   font-size: 1.2em;
	   font-weight: normal;
	   font-family: Arial, Helvetica, sans-serif;
	   color: #0066cc;
	   margin-bottom: 15px;	   
	  }

	  #content p
	  {  
	   font-size: 1.0em;	  
	   font-family:Verdana, Arial, Helvetica, sans-serif;
	   color: #555555;
	   margin-bottom: 15px;	   
	   line-height: 1.5em;
	  }

	  #content ul li
	  {  
	   font-size: 1.0em;	  	 
	   font-family:Verdana, Arial, Helvetica, sans-serif;
	   color: #555555;
	   margin-bottom: 5px;	   
	   line-height: 1.5em;
	   list-style-type: none;
	  }

	  #content table td
	  {
	  	font-family: Verdana, Arial, Sans-Serif;
	  	font-size: 1.0em;
	  	padding: 10px;
	  }

	 #content #main-text {
	   width: 570px;
	   margin: 15px 0 15px 0;
	   text-align:left;
	   font-size: 0.8em;
	   padding: 0px;
	   color: #555555;
	   font-family: Verdana, Arial, Helvetica, sans-serif;	  
	   line-height: 1.5em;
	 }

	 #Img1
	 {
	 	margin: 20px 0px 15px 0px;
	 }
	 
	 #content #newsticker_over 
	 {
	 	position: absolute;
	 	top: 229px;
	 	margin: auto;
	 }
	 
	 html>body #content #newsticker_over 
	 {
	 	top: 231px;
	 }

	 #content #main-text img {
	 	max-width: 570px;
		width:expression(this.offsetWidth > 569?570:'');
	 }

	 #content #main-text ul 
	 {
	 	padding: 10px;
	 	margin: 0px 0px 0px 5px;
	 }

	 #content #main-text ul li
	 {
	 	padding: 4px 0px 4px 0px;
	 	list-style-type: disc;
	 }

	 #content #news {
	   width: 570px;
	   margin: 15px 0 15px 0;
	   text-align:left;
	   font-size: 0.8em;
	   padding: 0px;
	   color: #555555;
	   font-family: Verdana, Arial, Helvetica, sans-serif;	  
	   line-height: 1.5em;
	 }

	 #content #news .news-article
	 {
	 	width: 270px;
	 	float: left;
	 	margin-right: 15px;
	 	height: 146px;
	 	overflow: hidden;
	 	margin-bottom: 20px;
	 }

	 #content #news .news-article p
	 {
	 	margin: 8px 0px 8px 0px;
	 }

	  #content #news h1
	  {  
	  	font-size: 1.5em;
	  	border-top: 1px solid #dedede;
  		margin-top: 20px;
  		padding-top: 15px;
	  }

	  #content #news .news-article .news-date
	  {  
	  	color: #000000;
	  	font-size: 0.75em;
	  }

	  #content a, #content a:link, #content a:visited, .news-article a:active 	  
	  {  
	  	color: #000000;
	  	font-weight: bold;
		text-decoration: none;
	  }

	  #content a:hover
	  {  
	  	color: #0066cc;
	  	text-decoration: underline;
	  }

	  #content #news .news-article a, #content #news .news-article a:link, #content #news .news-article a:visited, #content #news .news-article a:active 	  
	  {  
	  	color: #124BA2;
	  	font-weight: bold;
		text-decoration: none;
	  }

	  #content #news .news-article a:hover
	  {  
	  	text-decoration: underline;
	  }

  #sidebar-left 
  {
  	width: 165px;
  	float: left;
  	margin: 22px 0px 0px 0px;
  	font-family: Arial, Sans-Serif;
  	font-size: 0.9em;
  	text-align: left;
  	font-weight: bold;
  }

	#sidebar-left p
	{
		margin-top: 8px;
		margin-bottom: 8px;
	  	text-transform: uppercase;
	  	text-align: left;
	}
	
	#subjects 
	{
		margin: 0px 0px 0px 0px;
		padding: 0px 0px 0px 0px;
		text-align: center;
		width: 165px;
		display: block;
	}
	
	#subjects input.boxes, #subjects select 
	{
		width: 165px;	
		text-transform: none;
		font-weight: none;
		font-size: 0.8em;
	}

	#prospectuses 
	{
		margin: 35px 0px 0px 0px;
		padding: 0px 0px 0px 0px;
		text-align: center;
		width: 165px;
		display: block;
	}

		#prospectuses p
		{
			margin-bottom: 20px;
			text-align: left;
		  	font-family: Arial, Sans-Serif;
		}

		#prospectuses .prospectus
		{
			float: left;
			margin: 0px 5px 5px 0px;
		}

		#prospectuses .prospectus img
		{
			width: 75px;
			border: 1px solid #cdcdcd;
		}		

		#prospectuses .prospectus a.prosp-tt span
		{
			display: none
		}

		#prospectuses .prospectus a.prosp-tt:hover span
		{ /*the span will display just on :hover state*/
			display:block;
			position:absolute;
			width:15em;
			border:1px solid #aaaaaa;
			background-color:#fff; 
			color:#444;
			opacity: 0.85;
			-moz-opacity: .85;
			filter: alpha(opacity=80);
			text-align: center;
			padding: 10px;
			font-size: 0.8em;
			text-decoration: none;
			z-index: 99;
		}
	#ofsted_logo
	{
		width: 160px;
		margin: 0px 5px 0px 0px;
		padding-top: 35px;
		clear: both;
	}

  #sidebar-right 
  {
  	width: 165px;
  	float: left;
  	margin: 22px 0px 0px 0px;
}
  
	#sidebar-right #featureA, #sidebar-right #featureB, #sidebar-right #featureC, #sidebar-right #featureD,  #sidebar-right #featureE,  #sidebar-right #apply_online
	{
		width: 165px;
		overflow: hidden;
		margin-bottom: 8px;
	}

select.smallfont {
    font-size:80%;
}

/* top menu */

#new-topmenu 
{
	width: 960px;
	margin: auto;
	margin-top: 0px;
	margin-bottom: 0px;
}

#new-topmenu ul {
  float: left;
  width: 960px;
  list-style: none;
}

#new-topmenu li {
  float: left;
  margin: 0px;
  text-align: center;
  margin: 0 8px 2px 8px;
}

#new-topmenu a, #new-topmenu a:link, #new-topmenu a:visited, #new-topmenu a:active
{
	color:#FFFFFF;
	display:block;
	float:left;
	font-family:Arial,Sans-Serif;
	font-size:0.8em;
	font-weight:bold;
	padding:12px 10px 10px 10px;
	text-decoration:none;
	text-transform:uppercase;
}

#new-topmenu a.selected, #new-topmenu a.selected:link, #new-topmenu a.selected:visited, #new-topmenu a.selected:active
{
	background: #114ca1;
	border-left: 2px solid #ffffff;
	border-right: 2px solid #ffffff;
}

#new-topmenu a:hover, #new-topmenu .selected {
	color: #000000;
}

#submenu 
{
	margin: 0 auto;
	width: 960px;
}
  
	#submenu ul {
	  float: left;
	  width: 960px;
	  list-style: none;
	  padding: 0px 0px 0px 0px;
	}

	#submenu li {
		  float: left;
		  margin: 0px;
		  text-align: center;
		  white-space: nowrap;
		  padding: 12px 12px 12px 12px;
	}

	#submenu a, #submenu a:link, #submenu a:visited, #submenu a:active
	{
		font-family:Arial, Sans-Serif;
		font-size: 0.8em;
		font-weight: normal;
		float: left;
		display: block;
		color: #ffffff;
		text-transform: lowercase;
		text-decoration: none;
		line-height: 1.2em;
		
	}

	#submenu a:hover, #submenu .selected {
		text-decoration: underline;
	}

/* box buttons */

.boxbutton {
    width:65px;
    height:20px;
    margin: 8px 6px 28px 0px;
    padding: 0px;
    float:left;
}

.boxbutton input.submit
{
	width: 65px;
    height: 25px;
    line-height:15px;
    font-size: 0.9em;
    font-family: Arial, Sans-Serif;   
    margin: 0px;
    padding: 2px 0px 0px 0px; 
    vertical-align: bottom;
}

html>body .boxbutton 
{
	width: 70px;
}

.boxbutton a {
    color:#333333;
    width:100px;
    height:20px;
    font-size: 0.85em;
    text-decoration: none;
}

.boxbutton a:hover {
    color:#999999;
}

.boxbuttonsmall {
    background: #dddddd;
    width:24px;
    height:23px;
    line-height:23px;
    text-align:center;
    margin-left:15px;
    float:left;
    border: 1px solid #000000
}

.boxbuttonsmall a {
    color:#333333;
    width:24px;
    height:23px;
    display:block;
}

.boxbuttonsmall a:hover {
    color:#999999;
}

.floatr-v {
    display: block;
	float: left;
	color: #555555;	
	margin-right:20px; 
	color: #000000;
}

.floatr-v .bold
{
	font-weight:bold;
}

.floatr-v a {
    display:block;
	color: #000000;
}

#content #mainimg 
{
	width: 570px;
	height: 350px;
	background: #dddddd;
}


#jobsmenu {
    float: right;
	list-style: none;
    padding: 10px;
	background-color: #e0edf9;
	border: solid #ccc 1px;
	margin-left: 10px;
	margin-top: 20px;
}

/* input table */

.inputtable 
{
    width:500px;
}

.inputtable td
{
    padding:6px 0px;
}

.inputtable-col1 
{
    width:150px;
    text-align:right;
}

.inputtable-col2
{
    width:345px;
}
/* gallery */

#gall-container {
    width:333px;
    background-color:#ffffff;
    float:left;
}

#gall-container2 {
    padding:0px;
}

#gall-container2 div {
	font-family:Verdana,Arial,Helvetica,sans-serif;
	font-size:0.85em;
	line-height:1.3em;
}

#gall-container3 {
    width:645px;
    background-color:#cccccc;
    float:left;
	margin-left: 30px;
}

#gall-container4 {
    padding:10px;
}

#gall-list {
    padding-left:15px;
    width:220px;
    float:left;
}

#gall-list p
{
	margin: 0px 0px 10px 0px;
}

#gall-list ul
{
	margin: 0px 0px 30px 0px;
}

#gall-list a, #gall-list a:link, #gall-list a:visited, #gall-list a:active 
{
	font-size: 0.8em;
}

#gall-videolist {
    padding-left:15px;
    float:left;
    clear:both;
}
/* print */

#printlogo {
    display:none;
}

.inputtable-col1 {
  vertical-align:top;
}

#prospdownload 
{
	width: 110px;
	text-align: center;
	padding: 5px 5px 0px 5px;
	border: 1px solid #dedede;
	float: right;
	margin: 0px 0px 0px 10px;
}

/*** App Form ***/

fieldset 
{
	margin: 10px 0px 0px 0px;
	padding: 0px;
	width: 540px;
	overflow: hidden;
}

legend 
{
	font-weight: bold;
	font-size: 1.2em;
	color: #0066cc;
}

fieldset table 
{
	padding: 0px;
	margin: 0px;
}

#styleswitch, #styleswitch2
{
	margin: 15px 0px 15px 0px;
}

div#link_ad_items 
{
	width: 570px;
	text-align: right;
	position: relative;
	top: -30px;
	font-size: 0.7em;
	font-weight: bold;
}

div#link_ad_items a:hover
{
	text-decoration: none;
}

div#ad_item_1, div#ad_item_2, div#ad_item_3, div#ad_item_4, div#ad_item_5, div#ad_item_6, div#ad_item_7
{
	display: inline;
	padding: 5px 5px 5px 5px;
	background: #ffffff;
	-moz-opacity:.80; 
	filter:alpha(opacity=80); 
	opacity:.80;
	margin: 0px 6px 0px 0px;
	border: 1px solid #ffffff;
	line-height: 20px;
}

		#ad_item_1 span, #ad_item_2 span, #ad_item_3 span, #ad_item_4 span, #ad_item_5 span, #ad_item_6 span, #ad_item_7 span
		{
			display: none
		}

		#ad_item_1:hover span, #ad_item_2:hover span, #ad_item_3:hover span, #ad_item_4:hover span, #ad_item_5:hover span, #ad_item_6:hover span, #ad_item_7:hover span
		{ /*the span will display just on :hover state*/
			display:block;
			position:absolute;
			top: -2px;
			left: 120px;
			width:15em;
			border:1px solid #aaaaaa;
			background-color:#fff; 
			color:#444;
			opacity: 0.90;
			-moz-opacity: .90;
			filter: alpha(opacity=90);
			text-align: center;
			padding: 2px 5px 2px 5px;
			font-size: 0.8em;
			text-decoration: none;
			z-index: 99;
			width: 250px;
		}