/* CSS Document */

body{
	background: #000000;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #717171;
}

img{
	border: 0px;
}

.clear{
	clear: both;
	height: 1px;
	line-height: 1px;
	font-size: 0px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

.media_clear{
	clear: both;
	height: 10px;
	line-height: 1px;
	font-size: 0px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

.page_break{
	clear: both;
	height: 10px;
	line-height: 10px;
	font-size: 0px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	background: url(../images/page_break.gif) top left no-repeat;
}

.yellow{
	color:#f38e0b;
}

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

form{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

ul.sitemap{
  list-style: none;
  margin: 5px 0px 5px 10px;
	padding: 0px 0px 0px 0px;
}

ul.sitemap li{
  margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

ul.sitemap li a{
  text-decoration: none;
	color: #f38e0b;
}

ul.sitemap.news li{
  float: left;
  width: 210px;
}

h1.error_title{
  color: #f38e0b;
  margin: 0px 0px 0px 5px;
	padding: 0px 0px 0px 0px;
	font-size: 18px;
}

p.error_para{
  margin: 15px 15px 5px 5px;
}

p.error_para a{
  text-decoration: none;
	color: #f38e0b;
}

/******Structure*******/
#parent_container{
	width: 1101px;
	margin: 0px auto 0px auto;
	padding: 0px 0px 0px 3px;
}

#header_container{
	height: 126px;
	background: url(../images/header_bg.jpg) top left no-repeat;
	padding: 0px 0px 0px 93px;
}

#body_container{
	width: 1101px;
	background: url(../images/body_bg.gif) top left repeat-y;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

#body_container_top{
	width: 1101px;
	background: url(../images/body_bg_top.jpg) top left no-repeat;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

#latest_news{
	height: 486px;
	width: 192px;
	background: url(../images/news_bg.gif) top left no-repeat;
	margin: 0px 0px 0px 93px;
	float: left;
	padding: 50px 0px 0px 29px;
	position: relative;
	display: inline;
}

#archive_news{
	height: 294px;
	width: 192px;
	background: url(../images/news_archive_bg.gif) top left no-repeat;
	margin: 0px 0px 0px 93px;
	float: left;
	padding: 52px 0px 0px 29px;
	position: relative;
	display: inline;
}

#main_content{
	width: 675px;
	background: url(../images/main_content_bg.jpg) top left repeat-y;
	float: left;
}

#main_content p{
	padding: 0px 0px 15px 0px;
	margin: 0px 0px 0px 0px;
}

#footer_container{
	height: 100px;
	background: url(../images/footer_bg.gif) top left no-repeat;
	padding: 8px 122px 0px 123px;
}

/******Header*******/

p#site_logo{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

ul#top_menu{
	list-style: none;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	height: 22px;
}

#top_menu li{
	float: left;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	height: 22px;
}

/******Latest News******/
#view_all_news{
	position: absolute;
	top:507px;
	left: 134px;
	font-size: 9px;
	width: 100px;
}

#view_all_news a{
	color: #ffffff;
	text-decoration: none;
}

#view_all_news a:hover{
	text-decoration: underline;
}

.news_item{
	height: 111px;
	color: #717171;
	overflow: hidden;
}

.news_date_top, .news_date{
	width: 163px;
	height: 26px;
	color: #7c7b7a;
	padding: 9px 0px 0px 29px;
	overflow: hidden;
}

.news_date_top{
	background: url(../images/news_date_top.jpg) top left no-repeat;
}

.news_date{
	background: url(../images/news_date.jpg) top left no-repeat;
}

.news_title{
	font-weight: bold;
	padding: 0px 0px 4px 12px;
	line-height: 10px;
}

.news_story{
	padding: 0px 0px 0px 12px;
	font-size: 10px;
	line-height: 13px;
	width: 172px;
	overflow: hidden;
	height: 52px;
	position: relative;
}

.news_story a{
	text-decoration: none;
	color: #f38e0b;
}

.news_story a:hover{
	text-decoration: underline;
}

/*****Page Title******/

.page_header{
	height: 82px;
	width: 675px;
}

.page_header.about{
	background: url(../images/page_titles/about.jpg) top left no-repeat;
	padding: 0px 0px 15px 0px;
}

.page_header.news{
	background: url(../images/page_titles/news.jpg) top left no-repeat;
}

.page_header.meet_the_team{
	background: url(../images/page_titles/meet_the_team.jpg) top left no-repeat;
	padding: 0px 0px 5px 0px;
}

.page_header.activities{
	background: url(../images/page_titles/activities.jpg) top left no-repeat;
}

.page_header.media{
	background: url(../images/page_titles/media.jpg) top left no-repeat;
}

.page_header.contact{
	background: url(../images/page_titles/contact.jpg) top left no-repeat;
}

.page_header.sitemap{
	background: url(../images/page_titles/sitemap.jpg) top left no-repeat;
}

.page_header.portal{
	background: url(../images/page_titles/portal.jpg) top left no-repeat;
}

/*****Main Content*****/

.sect_title{
	color: #f78b00;
	font-size: 11px;
	font-weight: bold;
	padding: 0px 0px 7px 0px;
	line-height: 11px;
	height: 11px;
}

#main_content_btm{
	height: 14px;
	width: 675px;
	background:url(../images/main_content_bg_btm.jpg) top left no-repeat;
}

#main_content a:hover{
	text-decoration: underline;
}

#general_content{
	width: 675px;
	background: url(../images/general_content_bg.gif) top left no-repeat;
	min-height:530px;
  height:auto !important;
  height:530px;
}

#general_content_holder{
	padding: 0px 0px 0px 27px;
	font-size: 10px;
	width: 650px;
	line-height: 14px;
}

#general_content_holder_activities{
	padding: 0px 0px 0px 27px;
	font-size: 10px;
	width: 650px;
	line-height: 14px;
}

#general_content_holder_activities a{
  color: #f78b00;
	text-decoration: none;
}

#general_content_holder_activities strong{
  color: #f78b00;
	font-size: 11px;
	font-weight: bold;
	padding: 0px 0px 12px 0px;
	line-height: 11px;
	height: 11px;
}

#general_content_holder_activities span{
  color: #f78b00;
	font-size: 11px;
	font-weight: bold;
	padding: 0px 0px 12px 0px;
	line-height: 11px;
	height: 11px;
}

.paging{
	float: right;
	position: relative;
	right: 19px;
	height: 9px;
	padding: 6px 0px 5px 0px;
}

.paging a{
	color: #717171;
	text-decoration: none;
	font-size: 9px;
}

/******Home Page******/
#home_content{
	float: left;
}

#home_welcome{
	background: url(../images/welcome.jpg) top left no-repeat;
	width: 675px;
	height: 186px;
	overflow: hidden;
}

#home_text{
	background: url(../images/home_content.jpg) top left no-repeat;
	width: 650px;
	height: 333px;
	padding: 17px 0px 0px 28px;
	overflow: hidden;
}

.home_article{
	float: left;
	width: 207px;
	margin: 0px 6px 0px 0px;
	display: inline;
}

.home_article_title{
	text-transform: uppercase;
	color: #fdbf01;
	width: 180px;
	font-weight: bold;
	height: 38px;
	padding: 0px 0px 0px 7px;
}

.home_article_text{
	line-height: 14px;
	font-size: 10px;
	width: 180px;
	color: #848484;
	height: 125px;
	overflow: hidden;
	padding: 0px 0px 0px 6px;
}

.home_article_link{
	padding: 7px 0px 9px 7px;
}

.home_article_link a{
	text-decoration: none;
	color: #f38e0b;
	font-size: 10px;
}

.home_article_link a:hover{
	text-decoration: underline;
}

.home_article img{
	border: 1px solid #84827f;
}

/*******About********/

#about_content{
	width: 675px;
	background: url(../images/about_bg.jpg) top left no-repeat;
}

#about_text{
	padding: 0px 132px 12px 32px;
	font-size: 10px;
	line-height: 14px;
}

#about_text span{
  color: #f78b00;
	font-size: 11px;
	font-weight: bold;
	padding: 0px 0px 7px 0px;
	line-height: 11px;
	height: 11px;
	display: block;
}

/*******News*****/

#archive_news ul{
	list-style: none;
	margin: 0px 0px 0px 1px;
	padding: 0px 0px 0px 0px;
}

#archive_news li{
	width: 162px;
	margin: 0px 0px 0px 0px;
	font-weight: bold;
}

#archive_news a{
	color: #717171;
	text-decoration: none;
}

#archive_news a:hover{
	text-decoration: underline;
}

.latest_news_li{
	background: url(../images/news_archive_date_bg_top.gif) top left no-repeat;
	height: 22px;
	color: #ffffff;
	padding: 8px 0px 0px 29px;
}

.archive_date_top{
	background: url(../images/news_archive_date_bg_second.gif) top left no-repeat;
	height: 24px;
	padding: 6px 0px 0px 29px;
	color: #ffffff;
}

.archive_date{
	background: url(../images/news_archive_date_bg.gif) top left no-repeat;
	height: 25px;
	padding: 6px 0px 0px 29px;
	color: #ffffff;
}

#news_content{
	background: url(../images/news_page_bg.gif) top left no-repeat;
  min-height:400px;
  height:auto !important;
  height:400px;
}

.news_article{
	margin: 5px 0px 0px 29px;
	padding: 7px;
	background:url(../images/news_article_bg.jpg) top left no-repeat;
	width: 617px;
	height: 104px;
}

.news_article_right{
	float: left;
	width: 480px;
}

.news_article_img{
	border: 1px solid #b6acab;
	padding: 2px 2px 2px 2px;
	width: 106px;
	float: left;
	margin: 0px 15px 0px 0px;
}

.news_article_title{
	color: #fd9b00;
	font-size: 11px;
	line-height: 11px;
	padding: 0px 0px 4px 0px;
}

.news_article_content{
	font-size: 10px;
	line-height: 14px;
	width: 440px;
	height: 56px;
	overflow: hidden;
}

.news_article_link{
	position: relative;
	top: 8px;
}

.news_article_link a{
	color: #f38e0b;
	text-decoration: none;
	font-size: 10px;
}

.news_img_bg{
	background: url(../images/news_img_bg.jpg) top left no-repeat;
	float: left;
	width: 122px;
	height: 114px;
	padding: 5px;
	margin: 11px 0px 0px 31px;
	display: inline;
}

.news_img_bg img{
	padding: 2px;
	border: 1px solid #b6acac;
	background: #ffffff;
}

.news_article_text{
	width: 470px;
	float: left;
	margin: 13px 0px 0px 0px;
	display: inline;
	line-height: 14px;
	font-size: 10px;
}

.news_article_text a{
  color: #f38e0b;
	text-decoration: none;
}

.news_link{
		padding: 5px 0px 10px 0px;
}

.news_link a{
	color: #f38e0b;
	text-decoration: none;
	font-size: 10px;
}

.no_news{
  margin: 10px 0px 0px 30px;
}

/********Meet The Staff*****/

#meet_the_team_intro{
	margin: 5px 0px 10px 9px;
	padding: 0px 0px 0px 0px;
	width: 600px;
}

.staff_member{
	width: 633px;
	height: 182px;
	background: url(../images/staff_member_bg.jpg) top left no-repeat;
	margin: -1px 0px 22px 1px;
	overflow: hidden;
}

.staff_member img{
	padding: 2px;
	border: 1px solid #b6acac;
	background: #ffffff;
	float: left;
	margin: 7px;
	displayL: inline;
	line-height: 12px;
}

.staff_member_info{
	float: left;
	width: 450px;
	margin: 7px 0px 0px 9px;
	display: inline;
	height: 154px;
	overflow: hidden;
	line-height: 12px;
}

.staff_member_info span{
  font-size: 10px;
  color: #717171;
}

.staff_question{
	font-weight: bold;
	font-size: 10px;
	height: 13px;
	overflow: hidden;
}

.staff_answer{
	margin: 0px 0px 9px 0px;
	height: 15px;
	overflow: hidden;
}

/*******Activities********/

#activities_holder{
	width: 584px;
	background:url(../images/activities_page_bg.jpg) 0px 36px repeat-y;
	padding: 13px 40px 0px 9px;
}

#activities_holder_btm{
	background:url(../images/activities_page_bg_btm.jpg) bottom left no-repeat;
	height: 9px;
	width: 633px;
}

p#activities_intro{
	margin: 5px 0px 10px 9px;
	padding: 0px 0px 0px 0px;
	width: 600px;
}

.activities_title{
	color: #f78b00;
	font-size: 11px;
	font-weight: bold;
	padding: 0px 0px 12px 0px;
	line-height: 11px;
	height: 11px;
}

.activities_link{
	padding: 0px 0px 34px 0px;
}

.activities_link a{
	color: #f78b00;
	text-decoration: none;
}

#activities_holder a{
  color: #f78b00;
	text-decoration: none;
}

/*****Media******/

.media_element{
	float: left;
	width: 152px;
	height: 186px;
	background: url(../images/media_element_bg.jpg) top left no-repeat;
	margin: 0px 8px 4px 0px;
	display: inline;
}

.media_element img{
	margin: 9px 0px 0px 10px;
}

.media_element_title{
	color: #f78b00;
	font-size: 10px;
	font-weight: bold;
	padding: 8px 0px 0px 8px;
	line-height: 12px;
	height: 36px;
	overflow: hidden;
}

p#media_intro{
	margin: 7px 0px 10px 4px;
	padding: 0px 0px 0px 0px;
	width: 600px;
}

.view_btn img{
	margin: 1px 0px 0px 8px;
	padding: 0px 0px 0px 0px;
}

/*****Media Gallery******/

.media_gallery_title{
	color: #f78b00;
	font-size: 11px;
	font-weight: bold;
	padding: 11px 0px 4px 3px;
	line-height: 11px;
	height: 11px;
}

p#media_gallery_intro{
	margin: 0px 0px 11px 3px;
	padding: 0px 0px 0px 0px;
	width: 520px;
}

.media_gallery_element{
	float: left;
	height: 270px;
	width: 285px;
	background: url(../images/media_gallery_bg.jpg) top left no-repeat;
	margin: 0px 10px 5px 2px;
}

.media_gallery_element img{
	margin: 9px 0px 10px 9px;
}

.media_gallery_caption{
	text-indent: 7px;
	height: 22px;
	line-height: 11px;
	font-size: 10px;
	font-weight: bold;
	background:url(../images/caption_bg.jpg) 0px 1px no-repeat;
	margin: 0px 0px 0px 9px;
	overflow: hidden;
}

#back_link{
	position: relative;
	left: 10px;
}

#back_link a{
	color: #f78b00;
	text-decoration: none;
}

/******Talk To Us******/

#contact_left{
	width: 276px;
	float: left;
	margin: 7px 0px 0px 7px;
	padding: 0px 50px 0px 0px;
	line-height: 15px;
	color: #717171;
}

#contact_left h1{
	font-size: 11px;
	color: #f78b00;
	margin: 0px 0px 2px 0px;
	padding: 0px 0px 0px 0px;
	line-height: 14px;
}

#contact_left p{
	margin: 0px 0px 15px 0px;
	padding: 0px 0px 0px 0px;
}

#contact_left a{
	text-decoration: none;
	color: #717171;
}

.contact_title{
	color: #fd9b00;
	font-weight: bold;
	font-size: 10px;
	height: 15px;
	display: block;
}

#postcode_holder{
	width: 220px;
	margin: 38px 0px 0px 0px;
}

.postcode_textfield{
	height: 16px;
	margin: 0px 0px 0px 0px;
	padding: 2px 2px 0px 2px;
	background: url(../images/textfield_bg.gif) top left repeat-x;
	border: 0px;
	width: 91px;
	float: left;
	color: #717171;
	font-size: 10px;
}

.textfield_left{
	width: 2px;
	height: 18px;
	background: url(../images/textfield_bg_left.gif) top left no-repeat;
	float: left;
}

.textfield_right{
	width: 2px;
	height: 18px;
	background: url(../images/textfield_bg_right.gif) top left no-repeat;
	float: left;
}

#contact_right{
	width: 297px;
	float: left;
	margin: 8px 0px 0px 3px;
	padding: 0px 0px 0px 0px;
}

.form_title{
	height: 20px;
	padding: 5px 0px 4px 0px;
}

.mand_star{
	width: 5px;
	height: 10px;
	background: url(../images/mand_star.gif) 0px 3px no-repeat;
	float: left;
	margin: 0px 5px 0px 0px;
}

.custom_textfield{
	height: 16px;
	margin: 0px 0px 0px 0px;
	padding: 2px 2px 0px 2px;
	background: url(../images/textfield_bg.gif) top left repeat-x;
	border: 0px;
	width: 237px;
	float: left;
	color: #717171;
	font-size: 10px;
}

.custom_textarea{
	width: 237px;
	height: 102px;
	border: 0px;
	background: url(../images/textarea_bg.gif) top left repeat-y;
	margin: 0px 0px 0px 0px;
	padding: 2px 4px 2px 4px;
	float: left;
	overflow: auto;
	color: #717171;
	font-size: 11px;
}

.textarea_top{
	height: 2px;
	width: 245px;
	background: url(../images/textarea_bg_top.gif) top left no-repeat;
	float: left;
	font-size: 0px;
	line-height: 0px;
}

.textarea_btm{
	height: 2px;
	width: 245px;
	background: url(../images/textarea_bg_btm.gif) top left no-repeat;
	float: left;
}

#send_btn{
	margin: 10px 0px 0px 0px;
}

#map_border{
	padding: 2px;
	width: 241px;
	height: 155px;
	border: 1px solid #83807f;
	margin: 40px 0px 20px 5px;
}

#map_canvas{
  width: 241px;
	height: 155px;
}

#useful_links{
	margin: 10px 0px 15px 8px;
}

#useful_links h1{
	font-size: 11px;
	color: #f78b00;
	margin: 0px 0px 2px 0px;
	padding: 0px 0px px 0px;
	line-height: 14px;
}

#useful_links a{
	text-decoration: none;
	color: #7a7a7a;
}

#useful_links ul{
	list-style: none;
	margin: 15px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

#useful_links li{
	margin: 0px 0px 2px 0px;
	padding: 0px 0px 0px 0px;
	float: left;
	width: 214px;
	text-indent: 5px;
	background:url(../images/useful_links_bg.gif) 0px 2px no-repeat;
	height: 14px;
	overflow: hidden;
}

h1.directions_title{
  color: #f78b00;
	text-decoration: none;
	padding: 0px 0px 0px 0px;
  margin: 6px 0px 10px 0px;
  font-size: 18px;
}

#map{
  width: 633px;
  height: 250px;
}

#route{
  width: 633px;
  padding: 0px 0px 0px 0px;
  margin: 0px 0px 0px -5px;
}

.print_link{
  text-align: right;
  width: 625px;
}

.print_link a{
  color: #f78b00;
	text-decoration: none;
}

/****Portal****/

#portal_content{
	width: 675px;
	height: 731px;
	background: url(../images/portal_bg.jpg) top left no-repeat;
}

#portal_table{
	margin: 8px 0px 0px 33px;
}

#portal_table img{
display:block;
margin:0;
padding: 0;
}

#portal_content_holder{
	padding: 0px 0px 0px 27px;
	font-size: 9px;
	width: 500px;
	line-height: 14px;
}

#portal_content_holder_youth{
	padding: 0px 0px 0px 27px;
	font-size: 9px;
	width: 500px;
	line-height: 14px;
}

.portal_header{
  width: 675px;
  padding: 40px 0px 0px 5px;
}

.portal_header.diplomas{
  background: url(../images/portal_headers/diplomas.jpg) top left no-repeat;
}

.portal_header.apprenticeships{
  background: url(../images/portal_headers/apprenticeships.jpg) top left no-repeat;
}

.portal_header.what_do_you_think{
  background: url(../images/portal_headers/what_do_you_think.jpg) top left no-repeat;
}

.portal_header.case_studies{
  background: url(../images/portal_headers/case_studies.jpg) top left no-repeat;
}

.portal_header.youth_board{
  background: url(../images/portal_headers/youth_board.jpg) top left no-repeat;
}

.portal_header.career_choices{
  background: url(../images/portal_headers/career_choices.jpg) top left no-repeat;
}

.portal_header.prospectuses{
  background: url(../images/portal_headers/prospectuses.jpg) top left no-repeat;
}

.portal_header.evaluation{
  background: url(../images/portal_headers/evaluation.jpg) top left no-repeat;
}

.portal_header.findings{
  background: url(../images/portal_headers/findings.jpg) top left no-repeat;
}

.portal_header p{
  padding: 0px 0px 15px 0px;
  margin: 0px 0px 0px 0px;
}

.portal_header ul{
  padding: 0px 0px 15px 0px;
  margin: 0px 0px 0px 12px;
  list-style: none;
}

.portal_header li{
  padding: 0px 0px 0px 10px;
  margin: 3px 0px 4px 0px;
  background: url(../images/mand_star.gif) 0px 3px no-repeat;
}

.portal_header li a{
  color: #f78b00;
  text-decoration: none;
}

.portal_title{
  color: #f78b00;
  font-weight: bold;
  font-size: 11px;
  height: 12px;
  padding: 0px 0px 7px 0px;
}

.portal_link a{
  color: #f78b00;
  text-decoration: none;
  margin: 0px 0px 0px 28px;
  font-size: 9px;
}

#portal_content_holder a{
  color: #f78b00;
  text-decoration: none;
  margin: 0px 0px 0px 0px;
  font-size: 9px;
}

#portal_content_holder span{
  color: #f78b00;
  font-weight: bold;
  font-size: 11px;
  height: 12px;
  padding: 0px 0px 7px 0px;
  display: block;
}

/******Testimonials*****/

.testimonial{
  background: url(../images/test_bg.gif) top left repeat-y;
}

.testimonial_top{
  background: url(../images/test_top.gif) top left no-repeat;
  width: 525px;
  height: 13px;
}

.testimonial_bottom{
  background: url(../images/test_bottom.gif) top left no-repeat;
  width: 525px;
  height: 20px;
}

.quote_left{
  width: 40px;
  background: url(../images/quote_left.gif) top center no-repeat;
}

.quote{
  color: #717171;
  text-align: center;
}

.quote_right{
  width: 40px;
  background: url(../images/quote_right.gif) bottom center no-repeat;
}

.test_user{
  width: 445px;
  text-align: center;
  color: #f78b00;
  font-weight: bold;
  font-size: 10px;
  margin: 0px 0px 0px 40px;
}

.portal_textfield{
  height: 16px;
	margin: 0px 0px 0px 0px;
	padding: 2px 2px 0px 2px;
	background: url(../images/textfield_bg.gif) top left repeat-x;
	border: 0px;
	width: 200px;
	float: left;
	color: #717171;
	font-size: 10px;
}

.portal_textarea{
  border-top: 2px solid #969696;
  border-left: 2px solid #969696;
  border-right: 2px solid #d6d6d6;
  border-bottom: 2px solid #d6d6d6;
  width: 452px;
  height: 50px;
  overflow: auto;
  color: #717171;
}


/******Footer****/
#footer_links{
	float: left;
	color: #fdbf01;
	font-size: 9px;
	padding: 2px 0px 0px 0px;
}

#footer_links a{
	color: #9d9d9d;
	text-decoration: none;
}

#footer_links a:hover{
	text-decoration: underline;
}

#visualsoft_logo{
	float: right;
}