/* ---------------------------------------------------------- */
/* --      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;
}

a img
{
	border: none;
}

ul.no_margin
{
	margin-top: 0em;
	margin-bottom: 1em;
}

form
{
	margin: 0em;
}

fieldset
{
	border: none;
	padding: 0em;
	margin: 0em;
}

fieldset div
{
	clear: both;
}

#content fieldset label
{
	display: block;
	float: left;
	margin: 0.25em 0em 0em 0em;
	font-weight: bold;
	padding: 0em 0em 0.25em 0em;
}

fieldset div a.form
{
	display: block;
	float: right;
	clear: right;
	margin: 0em 0em 0.5em 0em;
	padding: 0em;
	width: 32em;
	text-align: left;
}

fieldset div.submit
{
	text-align: right;
	padding: 0em 1em;
}

dl
{
	margin: 0em;
}

dt
{
	margin: 0em 0em 0.25em 0em;
}

dd
{
	margin: 0em 0em 1em 0em;
}

/* Default link styles */

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

a:hover
{

}

/* 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;
}

a.document
{

}

input.txt
{
	padding: 0.1em 0.25em;
	border: 1px #666666 inset;
}

.align_right
{
	text-align: right;
}

textarea
{
	padding: 0.1em 0.25em;
	border: 1px #666666 inset;
}

div.image
{
	text-align: center;
	padding: 1em 0em;
}

ul.no_bullets
{
	margin: 0.5em 0em 1em 0em;
	padding: 0em;
}

	ul.no_bullets li
	{
		padding: 0.1em 0em;
		list-style-type: none;
	}
	


/* 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;
}

#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: 47em;
			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;
			}
			
			p.cbox
			{
				margin: 0em;
				padding: 0.5em 0em;
			}
			
			#course_info
			{
				color: #B63E96;
				font-weight: bold;
				padding: 0.5em 0em 0em 0em;
				margin: 0em;
			}
			
			#telephone_number
			{
				padding: 0em;
				margin: 0em;
				color: #00AEEF;
				font-weight: bold;
				font-size: 1.3em;
			}
	
	/* Middle Column Styles */
	#middle_column
	{
		float: left;
		width: 40em;
		margin: 0.75em 0em 0em 1em;
	}
		
		#content_icon
		{
			margin: 0em;
		}
		
		#content_icon img
		{
			margin: 0em 0em 0.5em 0em;
		}
	
		#content_heading
		{
			margin: 0em 0em 0.5em 0em;
			padding: 0em;
			font-weight: normal;
			font-size: 1.25em;
			color: #FFFFFF;
			padding: 0.25em 0.5em;
		}
		
		#content
		{
			margin: 0.5em 0em 0.5em 0em;
		}
		
			#content h3
			{
				font-size: 1.25em;
				margin: 0em;
				padding: 0em 0em 0em 0em;
			}
			
			#content h4
			{
				font-size: 1em;
				margin: 0em;
				padding: 0em 0em 0em 0em;
			}
			
			#content p
			{
				font-size: 1em;
				margin: 0em;
				padding: 0em 0em 1em 0em;
			}
			
			
			.new
			{
				list-style-image:url(/images/Templates/list_new.png);
			}
			
			#content p.no_margin
			{
				padding: 0em;
			}
			
			#content table,
			#content table.side_headings
			{
				border-collapse: collapse;
				margin: 0em 0em 1em 0em;
			}
			
				#content table.side_headings thead
				{
					display: none;
				}
				
				#content table td,
				#content table th,
				#content table.side_headings td,
				#content table.side_headings th
				{
					vertical-align: top;
					padding: 0.5em 0.25em;
				}
				
				#content table.side_headings tbody th
				{
					text-align: left;
				}
				

	/* Right Column Styles */
	#right_column
	{
		float: right;
		width: 23em;
	}
	
		#page_image
		{
			min-height: 17.25em;
			padding: 0em;
		}
		
			#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;
			}
				
			
	
	#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;
		}
		
/*Course Search Styles*/
#CourseSearch{
width:40em;}

#CourseSearch h3{
margin-bottom:0.5em;}

#CourseSearch pre{
font-family:Arial, Helvetica, sans-serif;

    line-height: 1.3em;
    font-size: 1em;
 white-space: -moz-pre-wrap;  /* Mozilla, supported since 1999 */
 white-space: -pre-wrap;      /* Opera 4 - 6 */
 white-space: -o-pre-wrap;    /* Opera 7 */
 white-space: pre-wrap;       /* CSS3 - Text module (Candidate Recommendation)
                                 http://www.w3.org/TR/css3-text/#white-space */
 word-wrap: break-word;       /* IE 5.5+ */
}

#CourseSearch h4{
	margin:15px 0px 8px 0px;
}

/*-----------------*/