/* ---------------------------------------------------------- */
/* --      Main Style Sheet for The Home Page Templates    -- */
/* ---------------------------------------------------------- */

/* Redefined Elements */

body
{
	font-size: 75%;
	font-family: Arial, Helvetica, sans-serif;
	margin: 0em;
	padding: 0em;
	color: #333333;
	

}

blockquote {
	margin: 15px 10px;
 	padding: 10px 10px 10px 20px;  
   	border: 1px solid #F0F0F0;
	background: #F0F0F0;
	font-weight: normal;
	font-size: 12px;
	line-height: 1.5em;
	font-style:normal;
	font-family: Arial, Helvetica, sans-serif;	
	color: #555;	
}

a img
{
	border: none;
}


/* Default link styles */

a:link,
a:visited
{
	text-decoration: none;
}

a:hover
{

}
hr {
	border-color:#CCC;
	border: 0.3;
	width: 100%;
}

/* Clearfix Styles */
.clearfix:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}

.clearfix {
    display: inline-block;
}

html[xmlns] .clearfix {
    display: block;
}

* html .clearfix {
    height: 1%;
}

/* General Class Declarations */

span.large_text
{
	font-size: 1.2em;
}

span.small_text
{
	font-size: 0.88em;
}

span.very_small_text
{
	font-size: 0.75em;
}

/* Hidden Elements */
#page_title,
#main_navigation_title,
#section_navigation_title,
#accessibility_links
{
	position: absolute;
	top: -1000px;
}


/* Structural Elements */




#wrapper
{
	width: 79em;
	margin: auto;
	padding: 1em;
	background-color:#fff;
}

#header
{
	position: relative;
	height: 6em;
	font-size: 1em;
	margin: 0em;
	padding: 0em;
}

	#main_navigation
	{
		margin: 0;
		padding: 0;
	}
	
		
		#main_navigation li
		{
			position: absolute;
			z-index: 11;
			line-height: 100%;
			color: #FFFFFF;
			font-weight: normal;
			font-size: 1em;
			margin: 0em;
			padding: 0em;
			cursor: pointer;
			list-style-type: none;
		}
		
		#main_navigation a:link,
		#main_navigation a:visited
		{
			color: #FFFFFF;
			text-decoration: none;
		}
		
		#main_navigation a:hover
		{
			
		}
		
		img.navbtn
		{
			position: absolute;
			width: 6.75em;
			height: 1.5em;
			z-index: 10;
			cursor: pointer;
		}
		
		img.anavbtn
		{
			position: absolute;
			width: 6.75em;
			height: 2.5em;
			z-index: 10;
			cursor: pointer;
		}
			
			#btn_home
			{
				top: 3.5em;
				left: 0em;
				
			}
			
			#btn_home_text
			{
				top: 3.7em;
				left: 0.5em;
			}
			
			#btn_school_leavers
			{
				top: 3.5em;
				left: 7.25em;
			}
			
			#btn_school_leavers_text
			{
				top: 3.7em;
				left: 7.5em;
			}
			
			#btn_adult_learners
			{
				top: 3.5em;
				left: 14.5em;
			}
			
			#btn_adult_learners_text
			{
				top: 3.7em;
				left: 14.9em;
			}
			
			#btn_employers
			{
				top: 3.5em;
				left: 21.75em;
			}
			
			#btn_employers_text
			{
				top: 3.7em;
				left: 22.25em;
			}
			
			#btn_international
			{
				top: 3.5em;
				left: 29em;
			}
			
			#btn_international_text
			{
				top: 3.7em;
				left: 29.5em;
			}
			#btn_jobs
			{
				top: 3.5em;
				left: 36.25em;
			}
			
			#btn_jobs_text
			{
				top: 3.7em;
				left: 36.75em;
			}

		#logo
		{
			position: absolute;
			top: 0.2em;
			right: 0em;
			height: 5em;
			width: 12.4em;
		}
		
		#college_status_title
		{
			position: absolute;
			padding: 0em;
			margin: 0em;
			top: 0em;
			left: 0em;
			font-size: 1em;
		}
		
			#college_status_title strong,
			#text_only_link strong,
			#log_in_link strong
			{
				font-size: 1.4em;
				color: #221E72;
			}
			
			#college_status_title a:link,
			#college_status_title a:visited
			{
				font-size: 0.88em;
				color: #333333;
			}
		
		#tls_bulb
		{
			position: absolute;
			top: 0.25em;
			left: 10.25em;
			height: 14px;
			width: 14px;
		}
		
		#text_only_link
		{
			position: absolute;
			padding: 0em;
			margin: 0em;
			top: 0em;
			left: 15em;
			font-size: 1em;
		}
		
		#frm_search, #cse-search-box
		{
			margin: 0em;
			padding: 0em;
		}
		
			#frm_search fieldset
			{
				border: none;
			}
			
		
		#log_in_link
		{
			position: absolute;
			padding: 0em;
			margin: 0em;
			top: 0em;
			left: 50em;
			font-size: 1em;
		}
				
		#lbl_course_search
		{
			position: absolute;
			padding: 0em;
			margin: 0em;
			top: 3.1em;
			left: 37em;
			line-height: 100%;
		}
		
		#lbl_site_search
		{
			position: absolute;
			padding: 0em;
			margin: 0em;
			top: 4.3em;
			left: 37em;
			line-height: 100%;
		}
		
			#lbl_course_search label,
			#lbl_site_search label
			{
				font-size: 0.88em;
			}
			
		#rb_course_search
		{
			position: absolute;
			padding: 0em;
			margin: 0em;
			top: 3.1em;
			left: 43.5em;
			font-size: 1em;
			height: 1em;
			width: 1em;
		}
		
		#rb_site_search
		{
			position: absolute;
			padding: 0em;
			margin: 0em;
			top: 4.3em;
			left: 43.5em;
			font-size: 1em;
			height: 1em;
			width: 1em;
		}
		
		#txt_search
		{
			position: absolute;
			padding: 0.4em;
			margin: 0em;
			top: 3.1em;
			left: 50em;
			width: 10em;
			font-size: 1em;
		}
		
		#btn_search
		{
			position: absolute;
			font-size: 1em;
			top: 3.2em;
			left: 62em;
			height: 1.5em;
			width: 1.5em;
		}

#page
{
	padding: 0em;
	margin: 0em;
}

	/* Left Column Styles */
	#left_column
	{
		float: left;
		width: 14em;
	}
	
		#section_navigation
		{
			min-height: 17.25em;
			padding: 0em;
			margin: 0em 0em 0.5em 0em;
		}
		
			#section_navigation li
			{
				list-style-type: none;
				margin: 0em;
				padding: 0.3em 0.5em;
			}
			
			#section_navigation a:link,
			#section_navigation a:visited
			{
				color: #FFFFFF;
			}
			
			#section_navigation a:hover
			{
				
			}
			
			#changable_box_1,
			#changable_box_2
			{
				min-height: 5.75em;
			}
			#changable_box_3
			{
				min-height: 1.81em;
			}
			
			p.cbox
			{
				margin: 0em;
				padding: 0.5em 0em;
			}
			
			#course_info
			{
				color: #FFFFFF;
				font-weight: bold;
				padding: 0.5em 0em 0em 0em;
				margin: 0em;
			}
			
			#telephone_number
			{
				padding: 0em;
				margin: 0em;
				color: #0098a8;
				font-weight: bold;
				font-size: 1.3em;
			}
	
	/* Middle Column Styles */
	#middle_column
	{
		float: left;
		width: 40em;
		margin: 0.75em 0em 0em 1em;
	}
	
		#content_title
		{
			margin: 0em 0em 0em 0em;
			padding: 0.25em 0.5em;
			font-weight: normal;
			color: #FFFFFF;
			font-size: 1.25em;
		}
		
		#content
		{
			margin: 0.5em 0em 0.5em 0em;
			min-height: 14.25em;
		}
		
			#content h3
			{
				font-size: 1em;
				margin: 0em;
				padding: 0em 0em 0em 0em;
			}
			
			#content h3.news
			{
				font-size: 0.95em;
				color: #00A0AF;
				text-transform: uppercase;
				font-weight: normal;
			}
			
			#content h3.news_archive
			{
				font-size: 0.95em;
				color: #00A0AF;
				font-weight: normal;
				padding: 0.2em 0em 0em 0em;
			}
			
			#content p
			{
				font-size: 0.88em;
				margin: 0em;
				padding: 0em 0em 0.35em 0em;
			}
			
						
			a.news:link,
			a.news:visited
			{
				color: #333333;
			}
			
			a.news:hover
			{
				text-decoration: underline;
			}
		
		#content_image
		{
			margin: 0em;
			min-height: 19.75em;
		}
		
			#content_image img
			{
				margin: 0em;
				display: block;
			}
			
		/* Video Feature Area*/
	#video_bg
	{
		float: left;
		width: 40em;
		min-height: 30em;
		background:url(/images/video_bg.jpg);
	}
	
	
	#video_Div
	{
		float: left;
		width: 25em;
		min-height: 30em;
	
	}
	#adverts_Div
	{
		float: left;
		width: 15em;
		min-height: 30.25em;
		
	}
	
	#video_Box1
	{
		float:left;
		width:17.81em;
		padding: 0.7em;
		min-height: 14.56em;
	}
	#video_Box2
	{
		text-align:right;
		padding:0.7em 0.7em 0em 0.3em;
		width: 10.5em;
		min-height: 6.75em;
	}

	#video_Box3
	{
		text-align:right;
		width: 10.5em;
		padding:0.7em 0.7em 0em 0.3em;
		min-height: 6.75em;
	}
	#video_Box4
	{
		text-align:right;
		width: 10.5em;
		padding:0.7em 0.7em 0em 0.3em;
		min-height: 6.75em;
	}
	#video_Box5
	{
		float:left;
		width:24em;
		padding: 0.7em;
		min-height: 6.75em;
	}		

	
	/* Right Column Styles */
	#right_column
	{
		float:right;
		width: 23em;
	}
	
		#page_image
		{
			min-height: 17.25em;
		}
		
			#page_image img
			{
				margin: 0em;
				display: block;
			}
		
		#further_links_title
		{
			color: #FFFFFF;
			font-size: 1em;
			padding: 0.25em 0.5em;
			margin: 0.5em 0em;
			line-height: 100%;
			font-weight: normal;
		}
		
		#further_links ul
		{
			margin: 0em;
			padding: 0em;
		}
		
			#further_links li
			{
				list-style-type: none;
				padding: 0.5em 0em 0.5em 1.5em;
				margin: 0em;
			}
			
			#further_links a:link,
			#further_links a:visited
			{
				color: #333333;
			}
			
			#further_links a:hover
			{
				text-decoration: underline;
			}
			
			#floatdiv{
				position:absolute;
				width:200px;
				height:50px;
				left:0px;
				top:0px;
				padding:16px;
				background:#FFFFFF;
				border:2px solid #2266AA;	
				}
			
	
	#clear_floats
	{
		clear: both;
	}
	
	/* Footer Styles */
	#footer
	{
		position: relative;
		clear: both;
	}
	
		#footer_text
		{
			text-align: left;
			margin: 1em 0em;
		}
		
		#footer a:link,
		#footer a:visited
		{
			color: #333333;
		}
		
		#footer a:hover
		{
			text-decoration: underline;
		}
		
		#footer_logos
		{
			position: absolute;
			right: 0em;
			top: 0.5em;
		}