﻿/* CSS Document */
/* General CSS Document */
/* Author - Ben Legate - ben.legate@thinkmg.com - Think Media Group */
/* Version 1.0 - 22/10/08 */


body {
}

.keyfacts strong {font-weight:bold;}

ul
{
	margin:0 0 0 0;
}

.traintogain 
{
float:left;
margin:0 0 1.5em;
width:10.63em;}

.traintogain img
{
	margin:0 0 0 -1.23em;
}

#new_website p strong{font-weight:bold;}

#secondary-navigation ul, #secondary-navigationbusiness ul, #secondary-navigationnewstudent ul, #secondary-navigationstudent ul
{
	margin:0 0 2.50em 0;
	width:9.38em;
}

#secondary-navigation ul, #secondary-navigationbusiness ul
{
	margin:0 0 2.50em 0;
	width:9.38em;
}

#secondary-navigationinternational ul
{
	margin:1.00em 0 0 0;
	width:9.38em;
}

#container
{
    width:47.50em;
    margin:0 auto;
    overflow: hidden;
}

#masthead
{
    width:47.50em;
    height:8.88em;
    float:left;
    background: #3E6AC1 url(/images/masthead-bg.jpg) top right no-repeat;
}

#masthead .logo 
{
    background-image:url(/images/thanet-college-logo.gif);
    float:left;
    width:85px;
    height:100px;
    margin:1.25em 0 0 1.25em;
    
}

#mastheadstudent
{
    width:47.50em;
    height:8.88em;
    float:left;
    background:url(/images/masthead-student-bg.jpg) no-repeat;
}

#mastheadnewstudent
{
    width:47.50em;
    height:8.88em;
    float:left;
    background:url(/images/masthead-newstudent-bg.jpg) no-repeat;
}

#mastheadstudent .logo 
{
    background-image:url(/images/thanet-college-student-logo.gif);
    float:left;
    width:85px;
    height:100px;
    margin:1.25em 0 0 1.25em;
    
}

#mastheadnewstudent .logo 
{
    background-image:url(/images/thanet-college-newstudent-logo.gif);
    float:left;
    width:85px;
    height:100px;
    margin:1.25em 0 0 1.25em;
    
}

#mastheadinternational
{
    width:47.50em;
    height:8.88em;
    float:left;
    background:url(/images/masthead-international-bg.jpg) no-repeat;
}

#mastheadinternational .logo 
{
    background-image:url(/images/thanet-college-international-logo.gif);
    float:left;
    width:85px;
    height:100px;
    margin:1.25em 0 0 1.25em;
    
}

#mastheadbusiness
{
    width:47.50em;
    height:8.88em;
    float:left;
    background:url(/images/masthead-business-bg.jpg) no-repeat;
}

#mastheadbusiness .logo 
{
    background-image:url(/images/thanet-college-business-logo.gif);
    float:left;
    width:85px;
    height:100px;
    margin:1.25em 0 0 1.25em;
    
}


#masthead .logo h1 a, #mastheadstudent .logo h1 a, #mastheadinternational .logo h1 a, #mastheadbusiness .logo h1 a, #mastheadnewstudent .logo h1 a    
{
    display:block;
    width:85px;
    height:100px;
}

#masthead .logo h1 a span, #mastheadstudent .logo h1 a span, #mastheadinternational .logo h1 a span, #mastheadbusiness .logo h1 a span, #mastheadnewstudent .logo h1 a span
{
    display:none;
}

#masthead .contactsearch, #mastheadstudent .contactsearch, #mastheadinternational .contactsearch, #mastheadbusiness .contactsearch, #mastheadnewstudent .contactsearch
{
    width:14.51em;
    height:7.63em;
    float:right;
    margin:0 1.25em 0 0;
    padding:1.25em 0 0 0;
    text-align:right;
}

#masthead .contactsearch img, #mastheadstudent .contactsearch img, #mastheadinternational .contactsearch img, #mastheadbusiness .contactsearch img, #mastheadnewstudent .contactsearch img
{
    line-height:1.50em;
    padding:0 0.31em 0 0;
    vertical-align:middle;
}

#navigation, #navigationstudent, #navigationbusiness, #navigationinternational, #navigationnewstudent, #navigationstudent
{
    width:47.50em;
    height:1.88em;
    float:left;
}

/* Sub Menu Navigation */

#submenu_students
{
	float:left;
	height:1.88em;
	width:47.5em;
	background-color:#e3241a;
}

#submenu_newstudents
{
	float:left;
	height:1.88em;
	width:47.5em;
	background-color:#ec4f12;
}

#submenu_intstudents
{
	float:left;
	height:1.88em;
	width:47.5em;
	background-color:#681400;
}

#submenu_employers
{
	float:left;
	height:1.88em;
	width:47.5em;
	background-color:#3a3d9d;
}

#submenu_vacancies
{
	float:left;
	height:1.88em;
	width:47.5em;
	background-color:#3a3d9d;
}

#submenu_default
{
	float:left;
	height:1.88em;
	width:47.5em;
	background-color:#3a3d9d;
}

#submenu_students ul, #submenu_newstudents ul, #submenu_intstudents ul, #submenu_employers ul, #submenu_vacancies ul, #submenu_default ul
{
	margin:0.25em 0 0 1.25em;
}

#submenu_students li, #submenu_newstudents li, #submenu_intstudents li, #submenu_employers li, #submenu_vacancies li, #submenu_default li
{
	display: inline;
	list-style-type: none;
	padding:0.13em 1.13em 0 0;
}


#submenu_students a:link, #submenu_students a:visited, #submenu_students a:link, #submenu_newstudents a:link, #submenu_newstudents a:visited, #submenu_newstudents a:link, #submenu_intstudents a:link, #submenu_intstudents a:visited, #submenu_intstudents a:link, #submenu_employers a:link, #submenu_employers a:visited, #submenu_employers a:link, #submenu_vacancies a:link, #submenu_vacancies a:visited, #submenu_vacancies a:link, #submenu_default a:link, #submenu_default a:visited, #submenu_default a:link
{
    font-size:0.75em;
    text-decoration:none;
    font-family: Arial, sans-serif;
    line-height:1.50em;
    color:#fff;
}

#content
{
    width:47.50em;
    height:100%;
    float:left;
    padding:0 0 2.50em 0;
}

#message
{
    width:20.75em;
    float:left;
    margin:1.25em 0 0 1.25em;
}

#accessibility, #accessibilitycolour
{
    width:14.06em;
    height:1.88em;
    float:left;
    margin:1.25em 1.25em 0 0;
}

#sendtofriend
{
    width:7.06em;
    height:1.88em;
    float:right;
    margin:1.25em 1.25em 0 0;
}

#sendtofriend img
{
    margin:-0.25em 0.50em 0 0;
}


#accessibility a img, #accessibilitycolour a img
{
    margin:0 0 0 0.50em;
}

#new_website
{
	width:43.00em;
	float:left;
	background-color:#FFFF88;
	margin:0.25em 0 0 1.25em;
	padding:0.75em 1em;
	display: inline;
}

#course-search
{
    width:30.00em;
    height:11.25em;
    float:left;
    margin:1.25em 0 0 1.25em;
}

#full-course-search
{
    width:45.00em;
    height:12.25em;
    float:left;
    margin:1.25em 0 0 1.25em;
}

#search-results
{
    width:45.00em;
    height:3.00em;
    float:left;
    margin:1.25em 0 0 1.25em;
}

#course-search .find-course
{
    width:30.00em;
    height:3.13em;
    float:left;
    overflow: hidden;
}

#az_lettering
{
    width:34.50em;
    height:2.10em;
    background-image:url(/images/atoz-bg.png);
    float:left;
    overflow: hidden;
    margin:-0.50em 0 1.50em 0;
    padding:0.30em 0 0 1.50em;
}

#course-search .find-course-options
{
    width:30.00em;
    height:8.25em;
    float:left;
    background-image:url(/images/course-bg.png);
    background-repeat:repeat-y;
    overflow: hidden;
}

.atoz
{
	padding:2.00em 0 0 0.63em;
	text-align:center;
	width:9.69em;
	height:6.56em;
	float:left;
}

.coursemode
{
	float:right;
	height:4em;
	margin:4.75em 0 0;
	width:8em;
}

.coursemode_home
{
	width:19.00em;
	height:8.50em;
	float:right;
}

.courselist
{
	width:33.00em;
	height:9.50em;
	float:left;
	margin:0 0 0 1em;
}

.course_type li
{
	line-height:1.50em;
}



#full-course-search .find-course
{
    width:45.00em;
    height:3.00em;
    float:left;
}

#search-results .search
{
    width:45.00em;
    height:3.00em;
    background-image: url(/images/atoz-bg.png);
    float:left;
}

#apply-now
{
    width:14.06em;
    height:11.25em;
    float:right;
    margin:1.25em 1.25em 0 0;
    background-image: url(/images/apply-now-bg.png);
}

#apply-now a:link, #apply-now a:visited, .find-course a:link, .find-course a:visited {
  display:block;
  width:63px;
  float:right;
  height:63px;
  text-decoration: none;
  background:url(/images/apply-now-butt.png) no-repeat left top;
}

#apply-now a:hover, .find-course a:hover {
 background-position: right top;
}


#internationalflash, #internationalcoursesflash, #internationalapplicationprocessflash, #internationalaccommodationflash
{
    width:19.63em;
    height:8.63em;
    float:left;
    margin:0 0 4.00em 0;

}



#secondary-navigation
{
    width:11.31em;
    height:43.50em;
    float:left;
    margin:1.25em 1.25em 0 0;
    padding:1.25em 0 0 1.25em;
    background:url(/images/secondary-navigation-bg.png) no-repeat left top;
}

#secondary-navigationbusiness
{
    width:11.31em;
    height:43.50em;
    float:left;
    margin:1.25em 1.25em 0 0;
    padding:1.25em 0 0 1.25em;
    background:url(/images/secondary-navigation-business-bg.png) no-repeat left top;
}

#secondary-navigationinternational
{
    width:11.31em;
    height:43.50em;
    float:left;
    margin:1.25em 1.25em 0 0;
    padding:1.25em 0 0 1.25em;
    background:url(/images/secondary-navigation-international-bg.png) no-repeat left top;
}

#secondary-navigationnewstudent
{
    width:11.31em;
    height:43.50em;
    float:left;
    margin:1.25em 1.25em 0 0;
    padding:1.25em 0 0 1.25em;
    background:url(/images/secondary-navigation-newstudent-bg.png) no-repeat left top;
}

#secondary-navigationstudent
{
    width:11.31em;
    height:43.50em;
    float:left;
    margin:1.25em 1.25em 0 0;
    padding:1.25em 0 0 1.25em;
    background:url(/images/secondary-navigation-student-bg.png) no-repeat left top;
}

#secondary-navigationbusiness .mailing, #secondary-navigationbusiness .contact
{
	float:left;
	width:10.63em;
	margin:0 0 1.50em 0;
}

#secondary-navigationbusiness .accolades
{
	float:left;
	width:10.63em;
	margin:0 0 2.50em 0;
}

#secondary-navigationbusiness .accolades img, #secondary-navigation .accolades img
{
	margin:1.25em 0 0.50em -1.23em;
}

#page-title, #page-titlebusiness, #page-titleinternational, #page-titlenewstudent, #page-titlestudent
{
    width:32.44em;
    float:left;
    margin:1.25em 1.25em 1.25em 0;
}

#page-title-list
{
    width:44.00em;
    float:left;
    margin:1.25em 1.25em 0 1.25em;
}


#page-title-course
{
    width:32.44em;
    float:left;
    margin:1.25em 1.25em 0.63em 0;
}

#course-overview
{
    width:10.63em;
    height:55.00em;
    float:right;
    margin:1.25em 0 0 1.25em;
}

#course-overview .keyfacts
{
    width:10.63em;
    float:right;
    margin:0 0 0 0;
    padding:0 0 0 0;
    overflow: hidden;
}

#course-overview a.applynow:link, #course-overview a.applynow:visited {
  display: block;
  width:170px;
  height:38px;
  line-height:38px;
  color: #fff;
  font-family: Arial, sans-serif;
  font-size:1.13em;
  font-weight:bold;
  text-decoration: none;
  background:url(/images/apply-button.png) no-repeat left top;
  text-indent:2.00em;
  margin:0 0 0.31em 0;
  float:right;
}

#course-overview a.applynow:hover {
 background-position: right top;
 color: #fff;
 cursor:pointer
}

#course-overview a.requestbrochure:link, #course-overview a.requestbrochure:visited {
  display: block;
  width:170px;
  height:38px;
  line-height:38px;
  color: #fff;
  font-family: Arial, sans-serif;
  font-size:1.13em;
  font-weight:bold;
  text-decoration: none;
  background:url(/images/request-brochure-button.png) no-repeat left top;
  text-indent:2.00em;
  margin:0 0 0.31em 0;
  float:right;
}

#course-overview a.requestbrochure:hover {
 background-position: right top;
 color: #fff;
}

#course-overview a.downloaddetails:link, #course-overview a.downloaddetails:visited {
  display: block;
  width:170px;
  height:38px;
  line-height:38px;
  color: #fff;
  font-family: Arial, sans-serif;
  font-size:1.13em;
  font-weight:bold;
  text-decoration: none;
  background:url(/images/download-details-button.png) no-repeat left top;
  text-indent:2.00em;
  margin:0 0 0.31em 0;
  float:right;
}

#course-overview a.downloaddetails:hover {
 background-position: right top;
 color: #fff;
}

#masthead .contactsearch a.search:link, #masthead .contactsearch a.search:visited, #mastheadinternational .contactsearch a.search:link, #mastheadinternational .contactsearch a.search:visited, #mastheadnewstudent .contactsearch a.search:link, #mastheadnewstudent .contactsearch a.search:visited, #mastheadbusiness .contactsearch a.search:link, #mastheadbusiness .contactsearch a.search:visited {
  display: block;
  width:71px;
  height:24px;
  line-height:24px;
  color: #fff;
  font-family: Arial, sans-serif;
  text-decoration: none;
  background:url(/images/masthead-search-button.gif) no-repeat left top;
  margin:0.31em 0 0 0;
  float:right;
  text-align:left;
  font-size:0.75em;
  text-indent:0.88em;
  cursor:pointer;
}

#mastheadstudent .contactsearch a.search:link, #mastheadstudent .contactsearch a.search:visited, #mastheadnewstudent .contactsearch a.search:link, #mastheadnewstudent .contactsearch a.search:visited {
  display: block;
  width:71px;
  height:24px;
  line-height:24px;
  color: #fff;
  font-family: Arial, sans-serif;
  text-decoration: none;
  background:url(/images/masthead-search-button.gif) no-repeat left top;
  margin:0.31em 0 0 0;
  float:right;
  text-align:left;
  font-size:0.75em;
  text-indent:0.88em;
  border: solid 1px #fff;
  cursor:pointer;
}

.mailing a.search:link, .mailing a.search:visited {
  display: block;
  width:71px;
  height:24px;
  line-height:24px;
  color: #fff;
  font-family: Arial, sans-serif;
  text-decoration: none;
  background:url(/images/masthead-search-button.gif) no-repeat left top;
  margin:0.31em 0 0 0;
  float:right;
  text-align:left;
  font-size:0.75em;
  text-indent:0.88em;
  margin:0.25em 1.50em 0 0;
  padding:0.25em 0 0 0;
  cursor:pointer;
}

#masthead .contactsearch a.search:hover, #mastheadstudent .contactsearch a.search:hover, #mastheadbusiness .contactsearch a.search:hover, #mastheadinternational .contactsearch a.search:hover, .mailing a.search:hover, #mastheadnewstudent .contactsearch a.search:hover{
 background-position: right top;
 color: #fff;
}

#mastheadstudent .contactsearch input.search, #mastheadnewstudent .contactsearch input.search, #mastheadinternational .contactsearch input.search {
  display: block;
  width:71px;
  height:24px;
  line-height:24px;
  color: #fff;
  font-family: Arial, sans-serif;
  text-decoration: none;
  background:url(/images/masthead-search-button.gif) no-repeat left top;
  margin:0.31em 0 0 0;
  float:right;
  text-align:left;
  font-size:0.75em;
  text-indent:0.88em;
  margin:0.50em 0 0 0;
  border: 0;
  cursor:pointer;
  border:solid 1px #ffffff;
}

input.search {
  display: block;
  width:71px;
  height:24px;
  line-height:24px;
  color: #fff;
  font-family: Arial, sans-serif;
  text-decoration: none;
  background:url(/images/masthead-search-button.gif) no-repeat left top;
  margin:0.31em 0 0 0;
  float:right;
  text-align:left;
  font-size:0.75em;
  text-indent:0.88em;
  margin:0.50em 0 0 0;
  border: 0;
  cursor:pointer;
}

input.searchcourse {
  display: block;
  width:71px;
  height:24px;
  line-height:24px;
  color: #fff;
  font-family: Arial, sans-serif;
  text-decoration: none;
  background:url(/images/masthead-search-button.gif) no-repeat left top;
  margin:0.31em 0 0 0;
  float:right;
  text-align:left;
  font-size:0.75em;
  text-indent:0.88em;
  margin:0.50em 0.88em 0 0;
  border: 0;
  cursor:pointer;
}

input.findcourse {
  display: block;
  width:8.50em;
  height:2.25em;
  line-height:2.00em;
  color: #fff;
  font-family: Arial, sans-serif;
  text-decoration: none;
  background:url(/images/findcoursebutton.gif) no-repeat;
  float:right;
  text-align:left;
  font-size:0.88em;
  text-indent:0.75em;
  border: 0;
  cursor:pointer;
  margin:0.12em 1.5em 0 0;
}

.coursemode a.search:link, .coursemode a.search:visited {
  display: block;
  width:71px;
  height:24px;
  line-height:24px;
  color: #fff;
  font-family: Arial, sans-serif;
  text-decoration: none;
  background:url(/images/masthead-search-button.gif) no-repeat left top;
  margin:0.31em 0 0 0;
  float:right;
  text-align:left;
  font-size:0.75em;
  text-indent:0.88em;
  margin:0.50em 0.50em 0 0;
  border: 0;
  cursor:pointer;
}

input.searchbutton {
  display: block;
  width:84px;
  height:31px;
  line-height:24px;
  color: #fff;
  font-family: Arial, sans-serif;
  text-decoration: none;
  background:url(/images/searchbutton.gif) no-repeat left top;
  margin:0.31em 0 0 0;
  float:right;
  text-align:left;
  font-size:0.75em;
  text-indent:1.25em;
  margin:0.75em 0.50em 0 1.00em;
  border: 0;
  cursor:pointer;
}

#masthead input.search{
  margin:0.50em 0 0 0;
}

.coursemode a.search:hover {
 background-position: right top;
 color: #fff;
}



#breadcrumb
{
    width:32.44em;
    height:1.88em;
    float:left;
    margin:0 1.25em 0 0;
    background: url(/images/breadcrumb-bg.png) no-repeat;
}

#breadcrumb ul
{
	margin:0.25em 0 0 0.63em;
}

#breadcrumb ul
{
	margin:0.25em 0 0 0.63em;
}

.languages ul
{
	margin:0 0 0 0.63em;
}

#footer {padding:0.1em 0 0 0}

#footer ul
{
	margin:1.50em 0 0 0;
}

#navigation ul, #navigationstudent ul, #navigationbusiness ul, #navigationinternational ul, #navigationnewstudent ul, #navigationstudent ul
{
	margin:0.25em 0 0 1.25em;
}


#breadcrumb li, #secondary-navigationinternational .languages li
{
	display: inline;
	list-style-type: none;
	padding:0 0.63em 0 0;
}

#footer li
{
	display: inline;
	list-style-type: none;
	padding:0 0.19em 0 0;
}

#navigation li, #navigationstudent li, #navigationbusiness li, #navigationinternational li, #navigationnewstudent li, #navigationstudent li
{
	display: inline;
	list-style-type: none;
	padding:0.13em 1.13em 0 0;
}

#content-wrapper-subpage
{
    /*width:32.44em;*/
    /*width:37.74em;*/
    width:42.74em;
    float:left;
    margin:1.25em 1.25em 0 0;
    display: inline;
}

#pageheader
{
    width:32.19em;
    float:left;
    margin:1.00em 0 0 0;
    float:left;
}

#content-wrapper-subpage .careerheader
{
    width:43.5em;
    background-image:url(/images/careers-bg.png);
    background-repeat:no-repeat;
    float:left;
    margin:0 1.25em -0.25em 0;
}

#content-wrapper-subpage .careerfooter
{
    width:43.5em;
    background-image:url(/images/careers-base.png);
    background-repeat:no-repeat;
    float:left;
    margin:0 1.25em 2.50em 0;
}

#content-wrapper-subpage .featuredjobvacancy
{
    width:41.5em;
    background-color:#F9F3DF;
    float:left;
    margin:0 1.25em 0.25em 0;
    padding:0.50em 1.00em 0.75em 1.00em;
}

#content-wrapper-subpage .jobvacancy
{
    width:41.5em;
    background-color:#FDFBF4;
    float:left;
    margin:0 1.25em 0.25em 0;
    padding:0.50em 1.00em 0.75em 1.00em;
}

#content-wrapper-subpage .jobvacancy h4, #content-wrapper-subpage .featuredjobvacancy h4
{
	display:block;
	font-family:Arial,sans-serif;
	font-size:1.25em;
	font-weight:bold;
}


#content-wrapper-subpage .careerheader h3
{
    padding:0.25em 0 0 1.00em;
}

#content-wrapper-subpage #news_container .news_item
{
    width:43.5em;
    background-image:url(/images/news-date-bg.png);
    background-repeat:no-repeat;
    float:left;
    line-height:2.25em;
    margin:0.50em 1.25em 0 0;
}

#content-wrapper-subpage #news_container .news_item h3
{
    padding:0 0 0 1.00em;
}

#content-wrapper-subpage #news_container .featuredvacancy
{
    width:41.5em;
    background-image:url(/images/featured-news-bg.png);
    float:left;
    height:2.75em;
    line-height:2.25em;
    margin:0 1.25em 0.25em 0;
    padding:0 0 0 2em;
    vertical-align:middle;
}

#content-wrapper-subpage #news_container .vacancy
{
    width:41.5em;
    height:2.75em;
    background-image:url(/images/news-bg.png);
    float:left;
    margin:0 1.25em 0.25em 0;
    padding:0 0 0 2em;
    vertical-align:middle;
}

#content-wrapper-subpage .featuredvacancy p a:link, #content-wrapper-subpage .vacancy p a:link, #content-wrapper-subpage .featuredvacancy p a:hover, #content-wrapper-subpage .vacancy p a:hover, #content-wrapper-subpage .featuredvacancy p a:visited, #content-wrapper-subpage .vacancy p a:visited
{
	line-height:2.75em;
	height:2.75em;
	float:left;
	vertical-align:middle;
	}

#content-wrapper-subpage .featuredcareer p, #content-wrapper-subpage .career p
{
    margin:0 0 1.00em 0;
}


#content-wrapper-subpage .left
{
    width:19.63em;
    float:left;
    margin:0 0 1.25em 0;
}

#content-wrapper-subpage .right
{
    width:19.88em;
    float:right;
    margin:0 1.00em 0 0;
}

#content-wrapper-subpage .left p, #content-wrapper-subpage .right p
{
    margin:1.25em 0 1.25em 0;
    display:block;
}




#content-wrapper-course
{
    width:21.50em;
    float:left;
    margin:1.25em 0 0 0;
}

#content-wrapper-course .row
{
    width:21.50em;
    float:left;
    margin:0 0 5.00em 0;
}

#content-wrapper-course p, #content-wrapper-subpage p
{
	font-size:0.75em;
	font-family: Arial, sans-serif;
	line-height:1.50em;
}

#content-wrapper-course #course_overview, #content-wrapper-course #course_qualification_aims, #content-wrapper-course #course_structure, #content-wrapper-course #course_assessments, #content-wrapper-course #course_equipment, #content-wrapper-course #course_entry_requirements, #content-wrapper-course #course_start_date, #content-wrapper-course #course_how_to_apply, #content-wrapper #az_content
{
	font-size:0.75em;
	font-family: Arial, sans-serif;
	line-height:1.50em;
	margin:0 0 1.50em 0;
}

#content-wrapper-course #course_overview p, #content-wrapper-course #course_qualification_aims p, #content-wrapper-course #course_structure p, #content-wrapper-course #course_assessments p, #content-wrapper-course #course_equipment p, #content-wrapper-course #course_entry_requirements p, #content-wrapper-course #course_start_date p, #content-wrapper-course #course_how_to_apply p, #content-wrapper #az_content p
{
	font-size:1.00em;
	font-family: Arial, sans-serif;
	line-height:1.50em;
}

#course_overview ul li, #course_structure ul li, #course_qualification_aims ul li, #course_assessments ul li, #course_equipment ul li, #course_entry_requirements ul li, #course_start_date ul li, #course_how_to_apply ul li 
{
    font-family: Arial, sans-serif;
    line-height:1.50em;
    list-style-type:square;
    margin:0 0 0 1.50em;
}

#course_overview ul, #course_structure ul, #course_qualification_aims ul, #course_assessments ul, #course_equipment ul, #course_entry_requirements ul, #course_start_date ul, #course_how_to_apply ul 
{
	margin: 1em 0 1em 0;
}


#quick-links
{
    width:45.00em;
    height:10.31em;
    float:left;
    margin:1.25em 0 0 1.25em;
}

#quick-links, #content-wrapper
{
    width:45.00em;
    height:100%;
    float:left;
    margin:1.25em 0 0 1.25em;
}

#content-wrapper .site-search-results, #content-wrapper .course-search-results, #content-wrapper .document-search-results
{
    width:45.00em;
    height:100%;
    float:left;
    margin:0 0 1.00em 0;
}

#content-wrapper .site-search-results .result, #content-wrapper .document-search-results .result-doc, #content-wrapper .document-search-results .result-xls, #content-wrapper .document-search-results .result-pdf
{
    width:45.00em;
    height:100%;
    float:left;
    margin:0 0 1.00em 0;
}

#content-wrapper .site-search-results hr, #content-wrapper .course-search-results hr, #content-wrapper .document-search-results hr
{
    color:#ececec;
    margin:1.50em 0 0 0;
    float:left;
    height:1px;
    width:45.00em;
}

#content-wrapper .site-search-results a:link, #content-wrapper .site-search-results a:visited
{
    background:url(/images/web-page.png) top left;
    background-repeat:no-repeat;
    padding:0 0 1.00em 2.00em;
    margin:1.00em 0 0 0; 
    line-height:2.00em;   
}



#content-wrapper .course-search-results a:link, #content-wrapper .course-search-results a:visited
{
    background:url(/images/course-page.png) top left;
    background-repeat:no-repeat;
    padding:0 0 1.50em 2.00em; 
    line-height:2.00em;  
}

#content-wrapper .document-search-results .result-doc a:link, #content-wrapper .document-search-results .result-doc a:visited
{
    background:url(/images/word-page.png) top left;
    background-repeat:no-repeat;
    padding:0 0 1.50em 2.00em; 
    line-height:2.00em;  
}

#content-wrapper .document-search-results .result-xls a:link, #content-wrapper .document-search-results .result-xls a:visited
{
    background:url(/images/excel-page.png) top left;
    background-repeat:no-repeat;
    padding:0 0 1.50em 2.00em; 
    line-height:2.00em;  
}

#content-wrapper .document-search-results .result-pdf a:link, #content-wrapper .document-search-results .result-pdf a:visited
{
    background:url(/images/acrobat-page.png) top left;
    background-repeat:no-repeat;
    padding:0 0 1.50em 2.00em; 
    line-height:2.00em;  
}

#content-wrapper .document-search-results .result-generic a:link, #content-wrapper .document-search-results .result-generic a:visited
{
    background:url(/images/page_white.png) top left;
    background-repeat:no-repeat;
    padding:0 0 1.50em 2.00em; 
    line-height:2.00em;
}



#homecontent-wrapper
{
    width:45.00em;
    height:100%;
    float:left;
    margin:1.25em 0 0 1.25em;
    padding:0.25em 0 0 0;
    background-image:url(/images/home-footer-bg.png);
    background-repeat:no-repeat;
    display: inline;
}

#quick-links .links1, #quick-links .links2, #quick-links .links3 
{
    width:10.31em;
    height:10.31em;
    float:left;
    margin:0 1.25em 0 0;
}

#quick-links .links1 .header
{
    width:9.62em;
    height:4.13em;
    float:left;
    background-image:url(/images/quicklinks-newstudents-header-bg.png);
    padding:0.25em 0 0 0.69em;
    border-bottom: solid 1px #ffffff;
}

#quick-links .links2 .header
{
    width:9.62em;
    height:4.13em;
    float:left;
    background-image:url(/images/quicklinks-currentstudents-header-bg.png);
    padding:0.25em 0 0 0.69em;
    border-bottom: solid 1px #ffffff;
}

#quick-links .links3 .header
{
    width:9.62em;
    height:4.13em;
    float:left;
    background-image:url(/images/quicklinks-business-header-bg.png);
    padding:0.25em 0 0 0.69em;
    border-bottom: solid 1px #ffffff;
}

#quick-links .links4 .header 
{
    width:9.62em;
    height:4.13em;
    float:left;
    background-image:url(/images/quicklinks-international-header-bg.png);
    padding:0.25em 0 0 0.69em;
    border-bottom: solid 1px #ffffff;
}

#quick-links .links4 
{
    width:10.31em;
    height:10.31em;
    float:right;
    margin:0 0 0 0;
}

.our-services
{
    width:14.06em;
    float:left;
    padding:0 0 0 0.75em;
    margin:0 0.75em 0 0;
    
}

.news
{
    width:14.06em;
    float:left;
    margin:0 1.25em 0 0;
}

.news ul
{
    margin:0.5em 0 0 0.50em;
}

.our-services img
{
    margin:0.50em 0 0.50em 0;
}

.col1, .col2
{
    width:14.06em;
    float:left;
    margin:0 1.25em 0 0;
}

.testimonials
{
    width:14.06em;
    height:10.31em;
    float:right;
    margin:0.30em 0 0 0;
}

.testimonials img
{
    margin:0.75em 0 0.75em 0;
}

.coursetestimonials
{
    width:9.50em;
    float:left;
    margin:1.50em 0 0 0;
    background:url(/images/coursetestimonial-bg.png) top left no-repeat;
    padding:1.75em 0 0 0;
}

.testimonials p
{
    width:12.00em;
    
}

.coursetestimonials p
{
    margin:0 0 1.00em 0;
    
}

.col3
{
    width:14.31em;
    float:right;
    margin:0 0 0 0;
}

.header p 
{
	color:#ffffff;
}

#footer
{
    width:47.50em;
    height:8.88em;
    margin:0 auto;
    clear:both;
    text-align:center;

}



/* AUTOCOMPLETE */
.ac_results {
	border: 1px solid black;
	background-color: white;
	overflow: hidden;
	z-index: 99999;
}

.ac_results ul {
	width:100%;
	list-style-position: outside;
	list-style: none;
	padding: 0;
	margin: 0;
}

.ac_results li {
	margin: 0px;
	padding: 2px 5px;
	cursor: default;
	display: block;
	/* 
	if width will be 100% horizontal scrollbar will apear 
	when scroll mode will be used
	*/
	/*width: 100%;*/
	font: menu;
	font-size: 12px;
	/* 
	it is very important, if line-height not setted or setted 
	in relative units scroll will be broken in firefox
	*/
	line-height: 16px;
	overflow: hidden;
}

.ac_loading {
	background: white url('/images/indicator.gif') right center no-repeat;
}

.ac_odd {
	background-color: #eee;
}

.ac_over {
	background-color: #0A246A;
	color: white;
}




/*** ESSENTIAL STYLES ***/
.sf-menu, .sf-menustudent, .sf-menunewstudent, .sf-menuinternational, .sf-menubusiness  {
	line-height: 1.0;
}
.sf-menu ul {
	position: absolute;
	top: -999em;
	width: 11.37em; /* left offset of submenus need to match (see below) */
	height:	2.00em;
	background: url(/images/dropdown-bg.png) left top no-repeat;
	padding: 0.45em 0 0.31em 0.75em;
	color:#ffffff;
	
}
.sf-menustudent ul {
	position: absolute;
	top: -999em;
	width: 11.37em; /* left offset of submenus need to match (see below) */
	height:	2.00em;
	background: url(/images/dropdownstudent-bg.png) left top no-repeat;
	padding: 0.45em 0 0.31em 0.75em;
	color:#ffffff;
}
.sf-menunewstudent ul {
	position: absolute;
	top: -999em;
	width: 11.37em; /* left offset of submenus need to match (see below) */
	height:	2.00em;
	background: url(/images/dropdownnewstudent-bg.png) left top no-repeat;
	padding: 0.45em 0 0.31em 0.75em;
	color:#ffffff;
}
.sf-menuinternational ul {
	position: absolute;
	top: -999em;
	width: 11.37em; /* left offset of submenus need to match (see below) */
	height: 2.00em;
	background: url(/images/dropdowninternational-bg.png) left top no-repeat;
	padding: 0.45em 0 0.31em 0.75em;
	color:#ffffff;
}
.sf-menubusiness ul {
	position: absolute;
	top: -999em;
	width: 11.37em; /* left offset of submenus need to match (see below) */
	height:	2.00em;
	background: url(/images/dropdownbusiness-bg.png) left top no-repeat;
	padding: 0.45em 0 0.31em 0.75em;
	color:#ffffff;
}

.sf-menu ul li, .sf-menustudent ul li, .sf-menuinternational ul li, .sf-menubusiness ul li, .sf-menunewstudent ul li{
	width: 100%;
}
.sf-menu li:hover, sf-menustudent li:hover, sf-menuinternational li:hover, sf-menubusiness li:hover, sf-menunewstudent li:hover {
	visibility:	inherit; /* fixes IE7 'sticky bug' */
}
.sf-menu li, .sf-menustudent li, .sf-menuinternational li, .sf-menubusiness li, .sf-menunewstudent li {
	float: left;
	position: relative;
}
.sf-menu a, .sf-menustudent a, .sf-menuinternational a, .sf-menubusiness a, .sf-menunewstudent a {
	display: inline;
	position: relative;
}
.sf-menu li:hover ul, .sf-menu li.sfHover ul, .sf-menustudent li:hover ul, .sf-menustudent li.sfHover ul, .sf-menuinternational li:hover ul, .sf-menuinternational li.sfHover ul, .sf-menubusiness li:hover ul, .sf-menubusiness li.sfHover ul, .sf-menunewstudent li:hover ul, .sf-menunewstudent li.sfHover ul {
	left: -5.31em;
	top: 1.4em;
	z-index: 99;
}
ul.sf-menu li:hover li ul, ul.sf-menu li.sfHover li ul, ul.sf-menustudent li:hover li ul, ul.sf-menustudent li.sfHover li ul, ul.sf-menuinternational li:hover li ul, ul.sf-menuinternational li.sfHover li ul, ul.sf-menubusiness li:hover li ul, ul.sf-menubusiness li.sfHover li ul, ul.sf-menunewstudent li:hover li ul, ul.sf-menunewstudent li.sfHover li ul  {
	top: -999em;
}
ul.sf-menu li li:hover ul, ul.sf-menu li li.sfHover ul, ul.sf-menustudent li li:hover ul, ul.sf-menustudent li li.sfHover ul, ul.sf-menuinternational li li:hover ul, ul.sf-menuinternational li li.sfHover ul, ul.sf-menubusiness li li:hover ul, ul.sf-menubusiness li li.sfHover ul, ul.sf-menunewstudent li li:hover ul, ul.sf-menunewstudent li li.sfHover ul {
	left: 11.37em; /* match ul width */
	top: 0;
}
ul.sf-menu li li:hover li ul,
ul.sf-menu li li.sfHover li ul, ul.sf-menustudent li li:hover li ul,
ul.sf-menustudent li li.sfHover li ul, ul.sf-menuinternational li li:hover li ul,
ul.sf-menuinternational li li.sfHover li ul, ul.sf-menubusiness li li:hover li ul,
ul.sf-menubusiness li li.sfHover li ul, ul.sf-menunewstudent li li:hover li ul,
ul.sf-menunewstudent li li.sfHover li ul {
	top: -999em;
}
ul.sf-menu li li li:hover ul, ul.sf-menu li li li.sfHover ul, ul.sf-menustudent li li li:hover ul,ul.sf-menustudent li li li.sfHover ul, ul.sf-menuinternational li li li:hover ul,ul.sf-menuinternational li li li.sfHover ul, ul.sf-menubusiness li li li:hover ul,ul.sf-menubusiness li li li.sfHover ul, ul.sf-menunewstudent li li li:hover ul,ul.sf-menunewstudent li li li.sfHover ul {
	left: 11.37em; /* match ul width */
	top: 0;
}

#colour_schemes {float: right; padding: 0 28px 0 0;}

#left-wide-column {float:left; width: 38.00em;}
#right-column {float: right; width: 14.50em; margin-top:-1.25em;}
.form label {width: 10em; float: left; margin: 0 1em 0.63em 0; clear: both;}
.form .label-right {float: none; width: 8em; margin: 0 1em 0.63em 0;}
.form .input-box{margin-bottom: 0.63em; width:18.00em; height:1.88em; padding:0.25em 0.5em 0 0.25em;} 
.form .dropdown {margin-bottom: 0.63em; width:19.00em; height:1.88em; padding:0.25em 0.5em 0 0.25em;} 
.form .textarea {margin-bottom: 0.63em; width:22.00em; height:10.00em;} 
.form {padding:1.50em 1.00em 1.00em 1.00em;}
.form label span{color:#CC0000;}

.error {width: 37.50em;}
.error h1 {background:#CC0000 none repeat scroll 0 0; clear:both; color:#FFFFFF; font-size:1.25em; font-weight:bold; margin:0; padding:0.5em 0 0.5em 0.5em;}
.error div {background:#CC0000; padding:0.63em; color:#fff; clear:both; margin:0 0 1.25em 0;}
.error div ul {padding:0; margin:0 0 1.50em 1.50em;}
.error div li {padding:0; margin:0 0 0 1.25em; list-style-type: square; font-family: Arial, sans-serif; color:#fff;}

#expired_warning {font-family:Arial,sans-serif;font-size:0.75em;line-height:1.5em;}
.expired {background: #FFFF88;padding: 0.63em;font-weight: bold;margin: 0 0 0.63em 0;}

.form #submitbtn {
  display: block;
  width:6.00em;
  height:2.00em;
  color: #fff;
  font-family: Arial, sans-serif;
  text-decoration: none;
  background:url(/images/searchbutton.gif) no-repeat left top;
  float:right;
  text-align:left;
  font-size:1.25em;
  border:0;
  text-indent:1.25em;
  margin:1.50em -1.25em 0 2em;
  cursor:pointer;
}

.course_type_checkboxes {float: left; width: 16em;}
.courselisttypes {margin: 0.63em 0 0 0.63em;}
.courselisttypes strong {font-family:Arial,sans-serif; font-size:0.88em; font-weight:bold; margin:0 0 0.5em; display:block;}
.course_type {float: left; width: 13.20em; margin: 0 0 1.56em 0; padding: 0 1.56em 0 0; display: block; height:100%;}
.find_a_course_type {float: left; width: 43.00em; margin: 0 0 1.56em 0; padding: 0 1.56em 0 0;}

.news_item h3 {cursor:pointer;}