@charset "UTF-8";

/* Generic */

	body { background:#fff url(../_images/_home2011/bak-inner.jpg)  center top no-repeat; margin:0; padding:0; text-align:center; font-family:Helvetica, Arial, sans-serif; font-size:0.75em; color:#666; line-height:2em;}
		
	body.front { background:#fff url(../_images/_home2011/bak-home.jpg) center top no-repeat; margin:0; padding:0; text-align:center; font-family:Helvetica, Arial, sans-serif; font-size:0.75em; color:#666; line-height:2em;}
	body.front2 { background:#fff url(../_images/bak-front2.jpg) center top no-repeat; margin:0; padding:0; text-align:center; font-family:Helvetica, Arial, sans-serif; font-size:0.75em; color:#666; line-height:2em;}
	body.front3 { background:#fff url(../_images/front-bak3.jpg) center top no-repeat; margin:0; padding:0; text-align:center; font-family:Helvetica, Arial, sans-serif; font-size:0.75em; color:#666; line-height:2em;}	
		
	
		p { width:auto; padding:6px 0 6px 0px; }
		.leadingpara { color:#000; font-size:1.2em;}	
		.imageright {float:right; margin:10px 10px 0 10px;}
		.imageleft {float:left; margin:10px 15px 10px 0;}
		.dottedborder { width:96%; padding:2%; float:left; background:#f1edec; border-top:1px solid #CCC; border-bottom:1px solid #CCC; margin:0 0 10px 0;}
		.dottedborder img a { border:0px; text-decoration:none;}
		h1 { font-size:1.8em; font-weight:lighter; color:#FFF;}
		h2 { width:100%; float:left;}
		
		a { color:#000;  text-decoration:none;}
		a:hover { color:#666;}
		.clearboth { clear:both;}	 			
		.clearpara h2 { width:691px; float:left; clear:both;}
		.clearpara  { width:691px; float:left; clear:both;}
				
		.table table tr { border-bottom:1px solid #FFF; background:#eee;}
		.table table th { border-bottom:1px solid #FFF; background:#CCC;}
		.table table td, .table table th { padding:5px;}
		.table width1 { width:350px;}
		.table width2 { width:350px;}	
		.margin-bottom20 { margin-bottom:20px;}
		.marginbot { margin:20px 0 20px 0 !important; float:left;}
		.marginbot10 { margin-bottom:10px !important; width:100%; float:left;} 
.flash_register { position:absolute; float:left;}				
				
	small { font-size:9px;}	
	.minusmargin { margin:-10px 0 10px 0; float:left;}
	.floatright { float:right;}			
	img, div, input {border:0px; text-decoration:none;}
	
	.hidden_preloader {position: absolute; left: -1000px; top: -1000px;}
	.externallink { background:url(../_images/icon_externallink.gif) no-repeat right !important; padding-left:10px !important;}

	.contentlist  { padding:5px 0 10px 0px; margin:0 0 15px 0; color:#000;  border-top:1px dotted #ccc; float:left; width:100%;}
	.contentlist li {background:url(../_images/arrow_darkgrey.gif) left no-repeat; padding:5px 0 5px 30px; border-bottom:1px dotted #ccc;}
		
	.greenstrong strong { color:#00aa4f; font-size:1.1em;}
	.strongblue strong { color:#0093cd; font-size:1.1em;}
	.strongpink { color:#de007a; font-size:1.1em;}
	.strongred { color:#f04b3f; font-size:1.1em;}
	
	.contentlist_alevelprep { padding:10px 0 10px 0px; margin:0 0 15px 0; border-top:1px dashed #e3e3e3; background:url(../_images/alevelprep.jpg) left no-repeat;  border-bottom:1px dashed #e3e3e3;}
	.contentlist_alevelprep li {background:url(../_images/arrow_darkgrey.gif) left no-repeat; padding:5px 0 5px 30px;}
		
		
.floatleftul li  { float:left; display:inline;}
	
	
.staff-r { background:none; clear:both; float:right; margin:0 -10px 16px 16px; padding:10px; position:relative; width:200px;}
.staff-l   { background:none; clear:both; float:left; margin:0 0px 5px -10px; padding:10px; position:relative; width:200px;}
		
	.contentlist_2col { margin:0 0 20px 0; display:block; float:left;  background:url(../_images/formbak.jpg) repeat-x; border-bottom:3px solid #00aa4f;}
	.contentlist_2col li {background:url(../_images/arrow_darkgrey.gif) left no-repeat; padding:5px 0 5px 30px; margin:0 0 0 5px; width:215px; float:left; display:inline; font-size:90%;}	
	
	
			/* Green Menu */
			.contentlist_2col_green { margin:0 0 20px 0; display:block; float:left;  background:url(../_images/formbak.jpg) repeat-x; border-bottom:3px solid #00aa4f;}			
			.contentlist_2col_green li {width:245px; float:left; display:inline;  font-size:90%;}
			.contentlist_2col_green li a { display:block; background:url(../_images/arrow_green.gif) no-repeat left center;  text-decoration:none; color:#00aa4f; text-align:left; padding:5px 0 5px 30px;margin:0 0 0 5px;}
			.contentlist_2col_green li a:hover { display:block; background:url(../_images/arrow_grey.gif) no-repeat left center; color:#e3e3e3;}		
	
		/* pink Menu */
			.contentlist_2col_pink { margin:0 0 20px 0; display:block; float:left;  background:url(../_images/formbak.jpg) repeat-x; border-bottom:3px solid #de007a;}			
			.contentlist_2col_pink li {width:245px; float:left; display:inline;  font-size:90%;}
			.contentlist_2col_pink li a { display:block; background:url(../_images/arrow_pink.gif) no-repeat left center;  text-decoration:none; color:#de007a; text-align:left; padding:5px 0 5px 30px;margin:0 0 0 5px;}
			.contentlist_2col_pink li a:hover { display:block; background:url(../_images/arrow_grey.gif) no-repeat left center; color:#e3e3e3;}		
	
		/* blue Menu */
			.contentlist_2col_blue { margin:0 0 20px 0; display:block; float:left;  background:url(../_images/formbak.jpg) repeat-x; border-bottom:3px solid #0093cd;}			
			.contentlist_2col_blue li {width:245px; float:left; display:inline;  font-size:90%;}
			.contentlist_2col_blue li a { display:block; background:url(../_images/arrow_blue.gif) no-repeat left center;  text-decoration:none; color:#0093cd; text-align:left; padding:5px 0 5px 30px;margin:0 0 0 5px;}
			.contentlist_2col_blue li a:hover { display:block; background:url(../_images/arrow_grey.gif) no-repeat left center; color:#e3e3e3;}		
			
		/* red Menu */
			.contentlist_2col_red { margin:0 0 20px 0; display:block; float:left;  background:url(../_images/formbak.jpg) repeat-x; border-bottom:3px solid #f04b3f;}			
			.contentlist_2col_red li {width:245px; float:left; display:inline;  font-size:90%;}
			.contentlist_2col_red li a { display:block; background:url(../_images/arrow_red.gif) no-repeat left center;  text-decoration:none; color:#f04b3f; text-align:left; padding:5px 0 5px 30px;margin:0 0 0 5px;}
			.contentlist_2col_red li a:hover { display:block; background:url(../_images/arrow_red.gif) no-repeat left center; color:#e3e3e3;}					

/* Layout */

	#wrapper { width:944px; margin:0 auto; text-align:left;}
	.centercontent   { width:944px; margin:0 auto; text-align:left;}
	#header {height:170px; position:relative;}
		.but-front-apply { position:absolute; top:231px; margin:0px 0px 0px 146px; left:50%;}
		
		#header .logo { position:absolute; top:0;}
		#header .top5 { position:absolute; top:0; margin:68px 0 0 194px;}
		#header .excellent { position:absolute; top:0; margin:0 0 0 195px;}		
		#header h1 { text-indent:-10000px;}
		
		#social-media { width:100px;  position:absolute; top:10px; left:50%; margin:0 0 0 375px;}
		#social-media li { float:left; margin-left:5px;}
		#notices { width:355px; height:40px !important; position:absolute; top:120px; left:50%; margin:0 0 0 120px;  line-height:15px; overflow:hidden; background:url(../_images/_home2011/notices-bak.jpg) bottom no-repeat; padding-bottom:20px; }
		.notice-title {position:absolute; top:100px; left:50%; margin:0 0 0 120px;}
		.header-alevel {position:absolute; top:110px; left:50%; margin:0 0 0 -280px;}
		
	#frontpage-message { width:924px; background:red; float:left; color:#FFF; padding:10px; margin:10px 0 0 0; text-align:center; font-weight:bold; font-size:13px;}
	#frontpage-message2 { width:940px;  float:left; color:#FFF; margin:10px 0 0 0;}	
		

	#top_nav_menu {width: 944px; margin:0px 0 0 0px; height: 50px; float:left;}	
	
	
		#newsfeed {	position:fixed; bottom:0px; left:0px; top:auto; width:100%;  padding:4px 0 4px 0; float:left; margin:0px 0 0px 0; color:#fff; z-index:300; background:url(../_images/newsfeedbak.png);}

			.rss { position:absolute; float:left;}
		
			#newsfeed strong { color:#CCC; padding:0 0 0 30px;}
			#newsfeed ul { width:934px; padding:0 5px 0 5px; margin:0 auto;}
			#newsfeed ul li {float:left;}			
			#newsfeed a { color:#fff;}
			#newsfeed  .col1 { width:574px; float:left; overflow:hidden;}
			#newsfeed  .col2 { width:360px; float:left; overflow:hidden;}
			#newsfeed  .col2 span { float:left; margin:0 5px 0 0; display:block; width:25px;}
			#newsfeed  .col2 span img { clear:right;}
			#newsfeed #googlesearch {width:300px; float:left; clear:right; overflow:hidden;}
			
			#newsfeed input {  color:#FFF;}
			#newsfeed .googleinput { color:#000; padding:5px; border:1px solid #999; background-image:none;}
			#newsfeed .googlebutton { background:none; color:#000; color:#FFF; width:50px; overflow:hidden;}	
			
			#cse-search-box input { background:none;}
	 

			
			
		* html #newsfeed  {width:934px;  padding:4px 0 4px 0; float:left; margin:0px 0 0px 0; color:#fff; z-index:300; background:#333; display:inline;}			
			* html #newsfeed  .col1 { width:590px; float:left;  overflow:hidden;}
			* html #newsfeed  .col2 { width:350px; float:left; clear:right;}
			* html #newsfeed  .col2 img { float:left; margin:0 5px 0 0;}			
	
		/* video */
		
		#vid-wrap { width:651px; float:left; background:#000; padding:20px 15px 20px 25px;}
		#vid-wrap p { float:left; width:100%; color:#FFF; font-size:20px; padding:10px 0 0 0;}
	
		/* notice board */
		
		.noticeboard  li { border-bottom:1px solid #eee; margin:0 0 20px 0; padding:0 0 20px 0; font-size:20px;}
		.inner-noticeboard { background:#eb068c; color:#FFF; float:left; width:651px; padding:20px;}
		/* important dates */
		.importantdates li { border-bottom:1px solid #eee; margin:0 0 5px 0; padding:0 0 5px 0;}
			
		/* selling space */
				#frontcontent { width:944px; height:377px; float:left; margin:0px 0 0 0; position:relative;  overflow:hidden;}

				#frontcontent_col_1{float:left; width:666px; height:377px; margin:45px 0 0 25px;}	
					* html #frontcontent_col_1 {margin-left:12px;}
				#frontcontent_col_2 {float:left; width:220px; padding:10px; height:377px; color:#CCC; margin:29px 0 0 13px;}
					#front-buttons li { float:left; height:90px; position:relative; width:200px;}
					#front-buttons li .a,  #front-buttons li .b { position:absolute; width:200px; height:60px;}
	
	
			/* inner content */		
					
				#innercontent { width:944px; float:left; margin:10px 0 0 0; position:relative; background:#FFF;}
												
					#innercontent h2 { color:#000; font-weight:lighter; border-bottom:3px solid #dddcdc; font-size:1.5em; padding:0 0 5px 0; margin:0 0 10px 0; display:block;}					
					#innercontent h3 { font-size:1.2em; font-weight:lighter; color:#666;  display:block; border-bottom:1px dashed #CCC; margin:10px 0 0px 0; clear:both;}						
					
					#innercontent .green {color:#00aa4f;}
					#innercontent .pink {color:#de007a;}
					#innercontent .blue {color:#0093cd;}
					#innercontent .red {color:#f04b3f;}					
				
					#innercontent_col_1 { float:left; width:202px; padding:20px 10px 300px 10px;}
						#innercontent_col_1 span { font-size:1.4em; display:block; text-align:right;}				
						#innercontent_col_1 .frontimg {position: absolute; bottom: 0; left: 0; float:right;}	
																														
					#innercontent_col_2 { float:left; width:500px; padding:20px 10px 10px 10px;  min-height:450px; height:auto !important; height:450px; border-right:1px dashed #dddcdc;}
					
					#innercontent_col_2_courses { float:left; width:691px; padding:20px 10px 0px 10px;   min-height:650px; height:auto !important; height:650px; clear:right;}

						#innercontent_col_2 big {font-size:1.5em; display:block; width:100%; padding:10px 0 0 0;}

		
						/*
							#innercontent_col_2 a { color:#000; text-decoration:none; border-bottom:1px dashed #CCC;}
							#innercontent_col_2 a:hover { color:#fff; background:#000; text-decoration:none; border-bottom:1px dashed #000;}						
						*/
						
					
						/* 2 column */
						#innercontent_col_2_col_1 { width:245px; padding:0 5px 0 0; float:left; overflow:hidden;}
						#innercontent_col_2_col_2 { width:245px; padding:0 0 0 5px; float:left; overflow:hidden;}	
						
						/* 1 column */
						#innercontent_col_2_col { width:490px; padding:0 5px 0 5px; float:left;}	
						
						/* 1 column No Padding */
						#innercontent_col_2_col_nopad { width:500px; padding:0px; float:left;}							
						
					
					#innercontent_col_3 { float:left; width:181px; padding:20px 10px 10px 10px; clear:right;}
					
						#innercontent_col_3 .darkblue { color:#336699; border-bottom:3px solid #336699; padding:0 0 5px 0;  font-size:1.4em; width:100%; float:left; margin:0 0 10px 0;}
							#innercontent_col_3 .darkbluemenu li a { display:block; background:url(../_images/arrow_darkblue.gif) no-repeat left center; text-decoration:none; color:#336699; text-align:left; padding:0 0px 3px 15px;}
							#innercontent_col_3 .darkbluemenu li a:hover, #innercontent_col_1 .darkbluemenu .innercontent_col_1_selected { display:block; background:url(../_images/arrow_grey.gif) no-repeat left center; color:#999;}				
							
							
							#innercontent_col_3 .search_side { background:#CCC; float:left; padding:5px; clear:both; width:171px; margin:0 0 12px 0;}
								#innercontent_col_3 .search_side .input { float:left; width:140px; margin:0 4px 0 0; height:20px;}					
								#innercontent_col_3 .search_side .buttonright { float:left; width:20px; height:22px; margin:1px 0 0 0;}													
					
							#innercontent_col_3 .search_arch_tags { float:left; clear:both; display:block; width:100%;}		
								#innercontent_col_3 .search_arch_tags ul { float:left; clear:both; display:block; width:100%; margin:0 0 12px 0;}	
					
					
						
				
		/* footer content */
			#footerlinks {margin:20px 20px 0 20px; position:relative; width:904px;  padding:0px; float:left;  clear:both; z-index:10;}
		
		
			#footercontent { margin:20px 0 0 0px; position:relative; width:944px; float:left;}
				
				#footercontent_col_1 {float:left; width:290px; height:210px; padding:0px; margin-top:30px; margin-left:20px;}
					#footercontent_col_1 span { color:#de007a;}
					#footercontent_col_1 ul li { border-bottom:1px solid #eee; padding:5px 0; line-height:15px;}
					.col1-title { width:290px; border-bottom:1px solid #CCC; margin:0px 0px 10px 0;}
					
				#footercontent_col_2 {float:left; width:310px; height:210px; padding:0px;  margin-top:30px;  margin-left:50px;}
					* html #footercontent_col_2 {margin-left:30px;}
					
					.col2-title { width:310px; border-bottom:1px solid #CCC; margin:0px 0px 10px 0;}
					#footercontent_col_2 .ui-tabs-panel { color:#FFF; padding:0px 0 0 15px; width:280px; height:145px; font-size:20px; margin:0px; line-height:20px; overflow:hidden;}
					#tabsNoticeBoard  { width:260px; margin-left:15px; height:120px; overflow:hidden; margin-top:20px;}
							#tabsNoticeBoard  p { width:250px;}
					
				#footercontent_col_3 {float:right; width:233px; height:400px; padding:30px 0 0 0px; margin-left:24px;}	
				#footercontent_col_3 .side-courses li { width:233px; height:108px; margin-bottom:10px; position:relative;}
					#footercontent_col_3 .side-courses img { position:absolute;}
					.col3-title { width:223px; border-bottom:1px solid #CCC; margin:0px 0px 10px 0;}
				
				#footercontent-row2_col_1 {float:left; width:660px; margin:0px 0 0 20px; height:330px; background:url(../_images/_home2011/front-jul-bak.jpg) bottom left no-repeat;}
					#footercontent-row2_col_1 .col1 { width:200px; clear:left; float:left; position:relative; display:block; height:278px;}
						#footercontent-row2_col_1 .col1 img { position:absolute; bottom:0px;}
					#footercontent-row2_col_1 .col2 { width:200px; margin:0px 10px; float:left;}
						*html #footercontent-row2_col_1 .col2 { width:190px;}
					#footercontent-row2_col_1 .col3 { width:220px; float:left;}					
					#footercontent-row2_col_1 .marginp { margin:10px 0;}
				
				#front-image-gallery { width:904px; margin:10px 20px; float:left; height:220px; overflow:hidden; position:relative;}
					.front-image-gallery-title { width:904px; border-bottom:1px solid #CCC; margin:0px 0px 10px 0;}
				
					/* slider */
				
					#front-image-gallery .col1 { width:690px; float:left;}
					
						
						#slider2 { width:568px; float:left; margin-left:40px; margin-top:20px; position:relative;}
						* html #slider2 { width:568px; float:left; margin-left:20px; margin-top:20px; position:relative;}
						#slider2 ul, #slider2 li{margin:0; padding:0;list-style:none;}
						#slider2 li {width:568px;}
						#slider2 li img { margin-left:29px;}
						#prevBtn2, #nextBtn2 {}
						#prevBtn2 a { height:156px; width:32px; display:block; margin:-10px 0 0 0px; background:url(../_images/_home2011/but-prev.gif) no-repeat; text-indent:-10000px;}
						#nextBtn2 a { height:156px; width:32px;  position:absolute; top:50px; left:50%; margin:-10px 0 0 170px; display:block; background:url(../_images/_home2011/but-next.gif) no-repeat; text-indent:-10000px;}
				
					
						
						
					#front-image-gallery .col2 { width:210px; float:left; padding-top:35px;}				
					
	
	
				#footer-bak { width:100%; float:left; background:url(../_images/_home2011/bak-bot.jpg) bottom center no-repeat;}
				
				

				
					
				.vacancyapplication_inner { padding:8px 0 10px 0; width:691px; background:#fff; color:#000;  border-bottom:8px solid #FFF; float:left;}					
					.vacancyapplication_inner strong { color:#000; font-size:1.6em; border-bottom:1px dashed #ccc; width:100%; float:left; display:block; margin:0 0 10px 0;}
					.vacancyapplication_inner ul { width:691px; margin:0 0 5px -5px; float:left;}
					.vacancyapplication_inner li { float:left; width:171px; display:inline; margin-right:1px; text-align:center;  background:#ebe7e6;}		

			.vacancyapplication_inner_lists { padding:8px 0 10px 0; width:691px; background:#fff; color:#000;  border-bottom:8px solid #FFF; float:left;}					
					.vacancyapplication_inner_lists strong { color:#000; font-size:1.6em; border-bottom:1px dashed #ccc; width:100%; float:left; display:block; margin:0 0 10px 0;}
					.vacancyapplication_inner_lists ul { width:310px; margin:0 0 5px -5px; float:left; list-style-type:circle; padding:0 0 0 15px;}
					.vacancyapplication_inner_lists li {}	

			

						
						
						/* App forms show */
					.vacancyapplication_inner li ul { float:left; margin:0 0 0 0px;}
						.vacancyapplication_inner a:hover { color:#666;}
						.vacancyapplication_inner .green {border-bottom:#00aa4f 4px solid;}
						.vacancyapplication_inner .red {border-bottom:#d61212 4px solid;}
						.vacancyapplication_inner .pink  {border-bottom:#de007a 4px solid; height:24px; display:block; overflow:hidden; text-align:center;}
						.vacancyapplication_inner .blue {border-bottom:#0093cd 4px solid;}
						.vacancyapplication_inner .black {border-bottom:#000 4px solid; color:#FFF;}
							.vacancyapplication_inner .black a { color:#FFF;}
						
							
					#footercontent_col_2 .frontimg {position: absolute;  bottom: -20px; right: -20px; float:right; z-index:0;}						
						* html #footercontent_col_2 .frontimg {display:none;}							
					#footercontent_col_2 .frontimg_prospectus { z-index:100; position:absolute; float:left; margin:-5px 0 0 -8px;}
						* html #footercontent_col_2 .frontimg_prospectus {float:left;}
						
					#footercontent_col_2 .frontimg_downloads { z-index:190; position:absolute; float:left; margin:0 0 0 280px; top:0;}
						* html #footercontent_col_2 .frontimg_downloads {float:left;}
												

				#footerlinks h3 { color:#666666; font-size:1.7em; font-weight:lighter; padding:0 0 10px 0;}
				#footerlinks a {color:#999999; text-decoration:none;}
				#footerlinks a:hover {color:#000;}				
				#footerlinks_col_1 {float:left; padding:10px; width:483px;}
					#footerlinks_col_1 ul { width:157px; float:left;}
				#footerlinks_col_2 {float:left; width:341px; padding:0 0 10px 100px;}	

				#footerlinks_col { width:904px; margin:0 0px; float:left;}
					.footerlinks_col_title { border-bottom:1px solid #CCC; width:660px !important; clear:both; margin-bottom:10px;}
					#footerlinks_col  ul { width:157px; float:left;}
					#footerlinks_col p { width:904px; float:left; color:#8ea2b7; line-height:16px; font-size:11px;}
					#footerlinks_col p a { color:#8ea2b7;}
					#footerlinks_col a { color:#68839f;}
				
			#footer {width:904px; padding:10px; margin:10px 0 80px 10px; float:left;  display:block; height:150px;}
				#footer a {color:#999999; text-decoration:none;}
				#footer a:hover {color:#000;}				
				
				#footer_col_1 {float:left; width:662px;}
					#footer_col_1 a { border-left:1px solid #CCC; padding:0 0 0 10px; margin:0 0 0 5px;}
				#footer_col_2 {float:left; width:262px; text-align:right;}				


		/* top nav */
		
		
		
		#toplinks { width:328px; float:left; margin:0 0 0 480px; top:0px; position:absolute;}
			#toplinks  li {float: left; height: 54px;}
				#toplinks a { text-decoration:none; text-indent:-10000px;}
			
				#toplinks  li.link1 a {display:block; width:91px; height:54px; float:left; background:url(../_images/_home2011/navtop1.jpg);}
					#toplinks  li.link1 a:hover {background-position:bottom left;}
					
				#toplinks  li.link2 a {display:block; width:74px; height:54px; float:left; background:url(../_images/_home2011/navtop2.jpg);}
					#toplinks  li.link2 a:hover {background-position:bottom left;}
					
				#toplinks  li.link3 a {display:block; width:71px; height:54px; float:left; background:url(../_images/_home2011/navtop3.jpg);}
					#toplinks  li.link3 a:hover {background-position:bottom left;}
					
				#toplinks  li.link4 a {display:block; width:92px; height:54px; float:left; background:url(../_images/_home2011/navtop4.jpg);}
					#toplinks  li.link4 a:hover {background-position:bottom left;}					
		
				
		


		/* Main Navigation */
		
			#top_nav_menu a { text-decoration:none; text-indent:-10000px;}
			
			
			#top_nav_menu li {float: left; height: 42px;}
			#top_nav_menu li a {float: left; height: 42px; cursor:pointer; padding: 0; margin:0;}

			#top_nav_menu_home {background:  url(../_images/mainnav_01.gif) no-repeat; width: 76px; border-bottom:1px solid #f1edec;}
			#top_nav_menu_home:hover, #top_nav_menu_home.top_nav_menu_selected {background: url(../_images/mainnav_01.gif) no-repeat; width: 76px; cursor:pointer;  border-bottom:4px solid #ccc;}			
			
			#top_nav_menu_1 {background:  url(../_images/mainnav_02.gif) no-repeat; width: 98px; border-bottom:1px solid #f1edec;}
			#top_nav_menu_1:hover, #top_nav_menu_1.top_nav_menu_selected {background: url(../_images/mainnav_02.gif) no-repeat; width: 98px; cursor:pointer;  border-bottom:4px solid #de007a;}
		
			#top_nav_menu_2 {background: url(../_images/mainnav_03.gif) no-repeat; width: 96px; border-bottom:1px solid #f1edec;}
			#top_nav_menu_2:hover, #top_nav_menu_2.top_nav_menu_selected {background: url(../_images/mainnav_03.gif) no-repeat; width: 96px; cursor:pointer;  border-bottom:4px solid #0093cd;}
			
			#top_nav_menu_3 {background: url(../_images/mainnav_04.gif) no-repeat; width: 126px; border-bottom:1px solid #f1edec;}
			#top_nav_menu_3:hover, #top_nav_menu_3.top_nav_menu_selected {background: url(../_images/mainnav_04.gif) no-repeat; width: 126px; cursor:pointer;  border-bottom:4px solid #00aa4f;}
			
			#top_nav_menu_4 {background: url(../_images/mainnav_05.gif) no-repeat; width: 96px; border-bottom:1px solid #f1edec;}
			#top_nav_menu_4:hover, #top_nav_menu_4.top_nav_menu_selected {background: url(../_images/mainnav_05.gif) no-repeat; width: 96px; cursor:pointer;  border-bottom:4px solid #f04b3f;}
			
			#top_nav_menu_5 {background: url(../_images/mainnav_06.gif) no-repeat; width: 97px; border-bottom:1px solid #f1edec;}
			#top_nav_menu_5:hover, #top_nav_menu_5.top_nav_menu_selected {background: url(../_images/mainnav_06.gif) no-repeat; width: 97px; cursor:pointer;  border-bottom:4px solid #999;}
			
			#top_nav_menu_6 {background: url(../_images/mainnav_07.gif) no-repeat; width: 115px; border-bottom:1px solid #f1edec;}
			#top_nav_menu_6:hover, #top_nav_menu_6.top_nav_menu_selected {background: url(../_images/mainnav_07.gif) no-repeat; width: 115px; cursor:pointer;  border-bottom:4px solid #000;}				
						
			#top_nav_menu_7 {background: url(../_images/mainnav_08.gif) no-repeat; width: 131px; border-bottom:1px solid #f1edec;}
			#top_nav_menu_7:hover, #top_nav_menu_7.top_nav_menu_selected {background: url(../_images/mainnav_08.gif) no-repeat; width: 131px; cursor:pointer;  border-bottom:4px solid #336699;}						
									
			#top_nav_menu_8 {background: url(../_images/mainnav_09.gif) no-repeat; width: 109px; border-bottom:1px solid #f1edec;}
			#top_nav_menu_8:hover, #top_nav_menu_8.top_nav_menu_selected {background: url(../_images/mainnav_09.gif) no-repeat; width: 109px; cursor:pointer;  border-bottom:4px solid #036c03;}						
											
			
								
						
	
			
		/* inner side navigation */	
			#innercontent_col_1 ul { padding:10px 0 20px 0;}
			#innercontent_col_1 li { padding:4px; border-bottom:1px dashed #e3e3e3;  font-size:1.1em;}
			
			
			#inner-buttons { margin-top:20px; border-top:4px solid #eee; border-bottom:4px solid #eee; float:left;}
			#inner-buttons li { float:left; height:60px; position:relative; width:200px; border:0px;}
			#inner-buttons li .a,  #inner-buttons li .b { position:absolute; width:200px; height:60px;}			
			
			
			/* Pink Menu */
			#innercontent_col_1 .pink { color:#de007a; border-bottom:3px solid #de007a; padding:0 0 5px 0;}
			#innercontent_col_1 .pinkmenu li a { display:block; background:url(../_images/arrow_pink.gif) no-repeat right center; text-decoration:none; color:#de007a; text-align:right; padding:0 15px 3px 0;}
			#innercontent_col_1 .pinkmenu li a:hover, #innercontent_col_1 .pinkmenu .innercontent_col_1_selected { display:block; background:url(../_images/arrow_grey.gif) no-repeat right center; color:#999;}	
						
			
			/* Blue Menu */
			#innercontent_col_1 .blue { color:#0093cd; border-bottom:3px solid #0093cd; padding:0 0 5px 0;}
			#innercontent_col_1 .bluemenu li a { display:block; background:url(../_images/arrow_blue.gif) no-repeat right center; text-decoration:none; color:#0093cd; text-align:right; padding:0 15px 3px 0;}
			#innercontent_col_1 .bluemenu li a:hover, #innercontent_col_1 .bluemenu .innercontent_col_1_selected { display:block; background:url(../_images/arrow_grey.gif) no-repeat right center; color:#999;}	
			
			/* Dark Blue Menu */
			#innercontent_col_1 .darkblue { color:#336699; border-bottom:3px solid #336699; padding:0 0 5px 0;}
			#innercontent_col_1 .darkbluemenu li a { display:block; background:url(../_images/arrow_darkblue.gif) no-repeat right center; text-decoration:none; color:#336699; text-align:right; padding:0 15px 3px 0;}
			#innercontent_col_1 .darkbluemenu li a:hover, #innercontent_col_1 .darkbluemenu .innercontent_col_1_selected { display:block; background:url(../_images/arrow_grey.gif) no-repeat right center; color:#999;}				
				
			/* Dark Green Menu */
			#innercontent_col_1 .darkgreen { color:#036c03; border-bottom:3px solid #036c03; padding:0 0 5px 0;}
			#innercontent_col_1 .darkgreenmenu li a { display:block; background:url(../_images/arrow_darkgreen.gif) no-repeat right center; text-decoration:none; color:#036c03; text-align:right; padding:0 15px 3px 0;}
			#innercontent_col_1 .darkgreenmenu li a:hover, #innercontent_col_1 .darkgreenmenu .innercontent_col_1_selected { display:block; background:url(../_images/arrow_grey.gif) no-repeat right center; color:#999;}		
	
			/* Green Menu */
			#innercontent_col_1 .green { color:#00aa4f; border-bottom:3px solid #00aa4f; padding:0 0 5px 0;}
			#innercontent_col_1 .greenmenu li a { display:block; background:url(../_images/arrow_green.gif) no-repeat right center; text-decoration:none; color:#00aa4f; text-align:right; padding:0 15px 3px 0;}
			#innercontent_col_1 .greenmenu li a:hover, #innercontent_col_1 .greenmenu .innercontent_col_1_selected { display:block; background:url(../_images/arrow_grey.gif) no-repeat right center; color:#999;}		
			
			/* Red Menu */
			#innercontent_col_1 .red { color:#f04b3f; border-bottom:3px solid #f04b3f; padding:0 0 5px 0;}
			#innercontent_col_1 .redmenu li a { display:block; background:url(../_images/arrow_red.gif) no-repeat right center; text-decoration:none; color:#f04b3f; text-align:right; padding:0 15px 3px 0;}
			#innercontent_col_1 .redmenu li a:hover, #innercontent_col_1 .redmenu .innercontent_col_1_selected { display:block; background:url(../_images/arrow_grey.gif) no-repeat right center; color:#999;}			
			
			/* Grey Menu */
			#innercontent_col_1 .grey { color:#999; border-bottom:3px solid #999; padding:0 0 5px 0;}
			#innercontent_col_1 .greymenu li a { display:block; background:url(../_images/arrow_darkgrey.gif) no-repeat right center; text-decoration:none; color:#999; text-align:right; padding:0 15px 3px 0;}
			#innercontent_col_1 .greymenu li a:hover, #innercontent_col_1 .greymenu .innercontent_col_1_selected { display:block; background:url(../_images/arrow_grey.gif) no-repeat right center; color:#999;}			
				
			/* Black Menu */
			#innercontent_col_1 .black { color:#000; border-bottom:3px solid #000; padding:0 0 5px 0;}
			#innercontent_col_1 .blackmenu li a { display:block; background:url(../_images/arrow_black.gif) no-repeat right center; text-decoration:none; color:#000; text-align:right; padding:0 15px 3px 0;}
			#innercontent_col_1 .blackmenu li a:hover, #innercontent_col_1 .blackmenu .innercontent_col_1_selected { display:block; background:url(../_images/arrow_grey.gif) no-repeat right center; color:#999;}			
					
			
			
		/* Forms */
		
		  fieldset { background:url(../_images/formbak.jpg) repeat-x; padding:10px 0 0 30px; color:#000;}
		  fieldset label { width:420px;  clear:both; display:block;float:left;}
		  fieldset input { float:left; padding:5px;}
		  fieldset legend { display:none;}
			  
		  fieldset li { width:100%; clear:both;}
		  fieldset legend { display:none;}
		  .button { padding:15px; margin:10px 0 10px 0; background:url(../_images/buttonbak.gif) bottom right; color:#FFF;}
		
		  
		  .input { width:280px;  background:#fff;  border:1px solid #ccc; color:#000;}
		  .select { width:290px; padding:2px;   background:#fff;  border:1px solid #ccc; color:#000;}
		  .textarea { width:290px; height:110px;  background:#fff; border:1px solid #ccc; color:#000;}  
			
		  
		  .inputsmall { width:280px;  background:#fff; border:1px solid #ccc; color:#000;}
		  .radiobuttons { background:#ddd; width:99%; margin:10px 0 10px 0;}



/* Specific to Pages */


/* Countdown */

#countdown { position:absolute; width:120px; height:80px;  right:300px; top:65px; background:url(../_images/bak-count.gif) no-repeat;}
#countdown .countdays  {width:240px; text-align:center; color:#fff;  font-size:40px; margin:-25px 0 0 -62px; font-weight:bold;}
#countdown .daysuntil { width:240px; text-align:center; font-size:9px; float:left; position:absolute; bottom:10px; color:#fff; text-transform:uppercase; margin:-8px 0 0 -62px;}
#countdown p {position:absolute; width:300px; bottom:12px; left:115px; color:#000; text-align:left; font-size:20px;}


/* gallery */

.gallery-grid a { width:150px; float:left; margin:5px; border:1px solid #eee; padding:5px;}
.gallery-grid a:hover { background:#eee; color:#000;}
.gallery-grid  span { width:140px; text-align:center; display:block;}

/* Vacancy Page */
#vacancy-front { width:690px; background:#e3e3e3; float:left;}
#vacancy-front ul { width:690px; float:left; margin:0px 0 10px 10px; padding:0px;}
#vacancy-front ul li { width:308px; margin:10px 10px 0px 0px; padding:10px; float:left; background:#fff; border:1px solid #eee; height:100px; text-align:left;}



#parentsbox-2col { width:691px; float:left;}
#parentsbox-2col h2 { width:320px; float:left;}
#parentsbox-2col ul { width:320px;  float:left;}
#parentsbox-2col .col1 { width:320px; margin-right:40px; float:left;}
#parentsbox-2col .col2 { width:320px; float:left;}

/* How to apply */

.howtoapply { background:url(../_images/apply_02.png) bottom no-repeat; float:left; padding-bottom:30px; margin:10px 0 0 0; width:690px;}
.howtoapply div { background:url(../_images/apply_01.png) no-repeat; float:left; width:690px; height:10px;}
.howtoapply p { padding:0 20px 0 20px;}
.largetext { font-size:16px;}

/* Compass */

.compass { margin:650px 0 0 0;}


/* News */
	#news_featured { float:left; background:url(../_images/formbak.jpg) repeat-x; width:480px; padding:10px; float:left; text-decoration:none;}
		#news_featured a { font-size:1em; display:block; border-bottom:1px dashed #ccc; margin:0 0 10px 0;}
		#news_featured img { float:left;}
		#news_featured p {float:left; width:290px; padding:10px; clear:right;}
		
	#news_col1 {width:50%; float:left; padding:10px 0 10px 0px; margin:0 0 15px 0;  text-decoration:none;}
		#news_col1_front {width:60%; float:left; padding:10px 0 10px 0px; margin:0 0 15px 0;}	
		#news_col1_front li { display:block; border-bottom:1px dotted #CCC; font-size:0.9em;}			
	#news_col2 {width:50%; float:left; padding:10px 0 10px 0px; margin:0 0 15px 0; }
		#news_col2_front {width:38%; float:left; padding:10px 0 10px 0px; margin:0 0 15px 2%;}	
		#news_col2_front li { display:block; border-bottom:1px dotted #CCC; font-size:0.9em;}	
		#news_col2_front li a { color:#999999;}			
	

	#news_category li { float:left; background:url(../_images/formbak.jpg) repeat-x; width:480px; padding:10px; margin:0 0 10px 0; float:left; text-decoration:none;}
		#news_category a { font-size:1em; display:block; float:left; width:360px; padding:0; margin:0;}
		#news_category img { float:left;}
		#news_category span { width:100px; height:100px; margin:0 10px 0 0; overflow:hidden; float:left; border:4px solid #ccc; background:url(../_images/newsicon.jpg);}
		#news_category em { padding:0 0 0 10px; display:block; width:350px; float:right; text-align:left;}


/*	#news_col1  li {background:url(../_images/arrow_darkgrey.gif) left no-repeat; padding:5px 0 5px 20px;}
	#news_col1  big { font-size:1.5em; color:#000;}
	*/
	
	
	/*
	#news_col2  li {background:url(../_images/arrow_darkgrey.gif) left no-repeat; padding:5px 0 5px 20px;}
	#news_col2  big { font-size:1.5em; color:#000;}
	*/
	
	
/* Vacancy Application */	


	.vacancy_application { background:#f04b3f; padding:10px; color:#FFF; width:470px;}
	.vacancy_application a { color:#FFF;}
	
	
/* Courses */	

.coursesimages {background:url(../_images/coursesbak.jpg); float:left; width:100%;}
	.coursesimages_select {position:absolute; float:left; left:600px; top:164px;}



	.coursesimages_select_media {position:absolute; float:left; margin:0px 0 0 -183px;}

.coursesimages a { display:block; width:98%; float:left; height:30px; padding:5px 0 0 2%;}

	

	.coursesimages .dark { display:block; width:98%; float:left; height:30px; padding:5px 0 0 2%; border-bottom:1px solid #fff; font-weight:bold; color:#fff; background:#646466; font-size:1.1em;}

	.coursesimages .white { display:block; width:98%; float:left; height:30px; padding:5px 0 0 2%; border-bottom:1px solid #000; font-weight:bold; color:#000; background:url(../_images/coursesbak.jpg); font-size:1.1em;}
	
	.coursesimages .green a { color:#00aa4f; border-bottom:1px solid #00aa4f; text-decoration:none;}
		.coursesimages .green a:hover { color:#000; border-bottom:1px solid #000; text-decoration:none;}	
	.coursesimages .pink a { color:#de007a; border-bottom:1px solid #de007a; text-decoration:none;}
		.coursesimages .pink a:hover { color:#000; border-bottom:1px solid #000; text-decoration:none;}		
	.coursesimages .blue a { color:#0093cd; border-bottom:1px solid #0093cd; text-decoration:none;}
		.coursesimages .blue a:hover { color:#000; border-bottom:1px solid #000; text-decoration:none;}		
	.coursesimages .red a { color:#f04b3f; border-bottom:1px solid #f04b3f; text-decoration:none;}	
		.coursesimages .red a:hover { color:#000; border-bottom:1px solid #000; text-decoration:none;}		

.coursesimages img { margin:0 0 10px 0;}


.courses_4col ul li {float:left; width:25%; margin:0 0 0px 0;}
	.courses_4col a { display:block; width:94%; float:left; height:40px; padding:5px 0 0 6%; line-height:1.4em; color:#FFF; text-decoration:none;}
		.courses_4col  .selectedgreen a { background:#00aa4f; color:#FFF;}
		.courses_4col  .selectedpink a { background:#de007a; color:#FFF;}	
		.courses_4col  .selectedblue a { background:#0093cd; color:#FFF;}	
		.courses_4col  .selectedred a { background:#f04b3f; color:#FFF;}			
		
		
		.courses_4col .green a:hover {color:#000;}
		.courses_4col .pink a:hover {color:#000;}	
		.courses_4col .blue a:hover {color:#000;}	
		.courses_4col .red a:hover {color:#000;}			
		
	
	
	
	.courses_4col .green { background:#00aa4f;}
	.courses_4col .pink { background:#de007a;}
	.courses_4col .blue { background:#0093cd;}
	.courses_4col .red { background:#f04b3f;}	
		
.courses_2col {  float:left; width:691px;}
	
.courses_2col li {background:url(../_images/coursesbak2.jpg); float:left; width:345.5px;}
	.courses_2col a { display:block; width:96%; float:left; height:30px; padding:10px 0 0 4%;}
	
	
	.courses_2col .green a { color:#00aa4f;  text-decoration:none;}
		.greenempty { color:#00aa4f;  height:40px; text-decoration:none;}		
		.courses_2col .green a:hover { color:#000;  text-decoration:none;}				
		.greenborder { border-bottom:6px solid #00aa4f; border-top:6px solid #00aa4f; float:left; width:100%;}
		
	.courses_2col .pink a { color:#de007a;  text-decoration:none;}
		.pinkempty { color:#de007a;  height:40px; text-decoration:none;}		
		.courses_2col .pink a:hover { color:#000;  text-decoration:none;}						
		.pinkborder { border-bottom:6px solid #de007a; border-top:6px solid #de007a; float:left; width:100%;}	
		
	.courses_2col .blue a { color:#0093cd;  text-decoration:none;}
		.blueempty { color:#0093cd;  height:40px;  text-decoration:none;}		
		.courses_2col .blue a:hover { color:#000; text-decoration:none;}						
		.blueborder { border-bottom:6px solid #0093cd; border-top:6px solid #0093cd; float:left; width:100%;}		
		
	.courses_2col .red a { color:#f04b3f;  text-decoration:none;}
		.redempty { color:#f04b3f;  height:40px; text-decoration:none;}		
		.courses_2col .red a:hover { color:#000;  text-decoration:none;}						
		.redborder { border-bottom:6px solid #f04b3f; border-top:6px solid #f04b3f; float:left; width:100%;}				
		
		
.floatbottom {position: absolute; margin:0px 0 0 232px; bottom: 0; left: 0; float:left;}
	
.media_courses strong {color:#00aa4f; font-size:1.2em;}	
.business_courses strong {color:#de007a; font-size:1.2em;}	
.language_courses strong {color:#0093cd; font-size:1.2em;}	
.science_courses strong {color:#f04b3f; font-size:1.2em;}	

	
	.coursesmenu { width:100%; border:0px; float:left; border-bottom:dotted 3px #ccc;  margin:0 0 10px 0;}
	.coursesmenu li { float:left; padding:0px 5px 5px 0;}
	.coursesmenu li a { color:#999; text-decoration:none;}
	
.documentdownloads { width:100%; float:left; margin-bottom:15px;}
	.documentdownloads li { float:left; display:inline; border-bottom:1px dashed #CCC; margin:0 0 15px 0;  text-align:center; height:200px;}	
	.documentdownloads .marginright { margin:0 8px 0 0;}
	.documentdownloads li a { border:0px; text-decoration:none; font-size:0.8em; line-height:0.5em;}
	
	

#pdfdownload { width:96%; padding:2%; float:left; background:#f1edec; border-top:1px solid #CCC; border-bottom:1px solid #CCC; margin:0 0 10px 0;}
	#pdfdownload img { float:left;}
	#pdfdownload a { float:left; vertical-align:middle; padding:20px 0 0 10px; font-size:1.2em;}
	#pdfdownload a:hover { color:#999;}
	
.downloads li { width:92%; padding:4%; float:left; background:#f1edec url(../_images/download.jpg) left no-repeat; border-top:1px solid #CCC; border-bottom:1px solid #CCC; margin:0 0 10px 0;}
	.downloads img { float:left;}
	.downloads a { float:left; vertical-align:middle; padding:0px 0 0 20px; font-size:1.2em;}
	.downloads a:hover { color:#999;}	
	
	

#allcourses-maths { width:687px; height:620px; float:left; background:url(../_images/_home2011/bak-maths.jpg) no-repeat;}
#allcourses-maths ul { padding:10px 0 0 10px;}
#allcourses-maths ul li a { color:#FFF; background:url(../_images/_home2011/bak-maths-li.jpg) left no-repeat; padding-left:20px;}
#allcourses-maths ul li a:hover { text-decoration:underline;}

#allcourses-science { width:687px; height:620px; float:left; background:url(../_images/_home2011/bak-science.jpg) no-repeat;}
#allcourses-science ul { padding:10px 0 0 10px;}
#allcourses-science ul li a { color:#FFF; background:url(../_images/_home2011/bak-science-li.jpg) left no-repeat; padding-left:20px;}
#allcourses-science ul li a:hover { text-decoration:underline;}

#allcourses-business { width:687px; height:620px; float:left; background:url(../_images/_home2011/bak-business.jpg) no-repeat;}
#allcourses-business ul { padding:10px 0 0 10px;}
#allcourses-business ul li a { color:#FFF; background:url(../_images/_home2011/bak-business-li.jpg) left no-repeat; padding-left:20px;}
#allcourses-business ul li a:hover { text-decoration:underline;}

#allcourses-media { width:687px; height:620px; float:left; background:url(../_images/_home2011/bak-media.jpg) no-repeat;}
#allcourses-media ul { padding:10px 0 0 10px;}
#allcourses-media ul li a { color:#FFF; background:url(../_images/_home2011/bak-media-li.jpg) left no-repeat; padding-left:20px;}
#allcourses-media ul li a:hover { text-decoration:underline;}


#allcourses { height:820px;}

#allcourses ul li { width:171px; float:left; line-height:12px;}
#allcourses  .borderright { background:url(../_images/dottedbak.jpg) right no-repeat;  float:left; height:820px;  padding:0 1px 0 0;}
	.allcourses_link1 a { font-size:11px; padding:8px 5px 8px 14px; margin:0 0 0 5px; display:block; clear:both;  background:url(../_images/arrowsmall1.gif) left no-repeat;}
	.allcourses_link2 a { font-size:11px; padding:8px 5px 8px 14px; margin:0 0 0 5px; display:block; clear:both;  background:url(../_images/arrowsmall2.gif) left no-repeat;}
	.allcourses_link3 a { font-size:11px; padding:8px 5px 8px 14px; margin:0 0 0 5px; display:block; clear:both;  background:url(../_images/arrowsmall3.gif) left no-repeat;}
	.allcourses_link4 a { font-size:11px; padding:8px 5px 8px 14px; margin:0 0 0 5px; display:block; clear:both;  background:url(../_images/arrowsmall4.gif) left no-repeat;}
	
	#allcourses small { clear:both; display:block;}
	
	
#allcourses ul li ul { margin:15px 0 0 0;}	


    #firefly_login {
        width: 330px;
        height: 335px; margin:0 0 20px 0;
        border: 0px solid #04759f;
        background-color: #eee;
      
    }
    
    #firefly_login_header {
        background-image: url(firefly_login_bg.jpg);
        height: 40px;
        border-bottom: 1px solid #04759f;
    }
    
    #firefly_login_content {
        padding: 20px;
        font-family: Trebuchet MS, Tahoma, Arial, sans-serif;
    }

    #firefly_login_form {
        margin: 0;
    }

    #firefly_login_table {
        border: 0;
        margin: 10px 0 0 0;
    }

    .firefly_login_table_right {
        text-align: right;
    }

    .firefly_login_table_center {
        text-align: center;
    }
    
    #firefly_login_text {
        margin-bottom: 30px;
        line-height: 20px;
    }
    
    .firefly_login_label {
        font-size: 1.1em;
    }
    
    .firefly_login_inputtext {
        margin: 8px;
        padding: 5px;
    }
    
    .firefly_login_submit {
        display: inline-block;
        zoom: 1;
        *display: inline;
        vertical-align: baseline;
        outline: none;
        cursor: pointer;
        text-align: center;
        text-decoration: none;
        font: 20px/100% Arial, Helvetica, sans-serif;
        padding: 5px 15px 5px 15px;
        text-shadow: 0 1px 1px rgba(0,0,0,.3);
        -webkit-border-radius: .5em; 
        -moz-border-radius: .5em;
        border-radius: .5em;
        -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
        -moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
        box-shadow: 0 1px 2px rgba(0,0,0,.2);
        color: #fef4e9;
        border: solid 1px #da7c0c;
        background: #f78d1d;
        background: -webkit-gradient(linear, left top, left bottom, from(#faa51a), to(#f47a20));
        background: -moz-linear-gradient(top,  #faa51a,  #f47a20);
        filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#faa51a', endColorstr='#f47a20');
        clear: left;
        margin: 10px;
    }