body {font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;  margin: 0px; background: url(images/body_bg.gif) top repeat-x #cecdce;}
p, li, ul, ol, td {	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;}
h1, h2, h3, h4, h5, h6{	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;}
.bold {	font-weight: bold;}
.italic {	font-style:italic;}
.centre {text-align: center;}
.underline {text-decoration: underline; }
.forcebox {	clear: both;}
.right {text-align: right;}
.floatright {float: right;}
.floatleft {float: left;}
.clear1 {clear: both; height: 0; 	}
.background {margin: 0px auto;}
.hide {display: none;}
.rqd {color: #F45722; font-size: 1.3em; font-weight: bold; }
.smalltext {font-size: 0.9em;}
.rqd {color: #F45722; font-size: 1.3em; font-weight: bold; }
.rqdarrow { background: url(images/reqdarrow.gif) left no-repeat; padding: 2px 0 2px 23px; }




/*  -------------------------------COMMON STUFF-------------------  */

/* 	====================  Basic Links 	==================== */

a {text-decoration: underline;	color: #0066CC; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; }
a:hover{color: #FF6347; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;}

/* 	Error messages	*/

.error1 {color: #BE0004; background-color: #FFE4E1;  }
.error2 {color: #BE0004; font-weight: normal;  display: block; text-align: left;
	margin: 5px; line-height: 1.5em; padding-left: 20px;  background: url(images/exclamation_1.gif) no-repeat #FFE4E1; background-position: top left;}

/* 	====================  Common Buttons 	==================== */

.mainbutton2 { white-space: nowrap; background: url(images/button_plain_left.gif) left no-repeat; text-decoration: none; padding: 5px 0 5px 12px; color: #FFF;}
.mainbutton2:hover {text-decoration: none; color: red;}
.mainbutton2 .textalign {background: url(images/button_plain_right.gif) right no-repeat; padding: 4px 15px 4px 3px; font-weight: bold; font-size: 1.1em;}

.mainbutton4 {white-space: nowrap; background: url(images/button_plain_left_trans.gif) left no-repeat; text-decoration: none; padding: 5px 0 5px 12px; color: #FFF;}
.mainbutton4:hover {text-decoration: none; color: red;}
.mainbutton4 .textalign {background: url(images/button_plain_right_greybg.gif) right no-repeat; padding: 4px 15px 4px 3px; font-weight: bold; font-size: 1.1em;}

.mainbutton5 { white-space: nowrap; display: block; background: url(images/button_plain_left_trans.gif) left no-repeat; text-decoration: none; padding: 5px 0 5px 12px; color: #FFF;}
.mainbutton5:hover {text-decoration: none; color: red;}
.mainbutton5 .textalign { text-align:center; display: block; background: url(images/button_plain_right_greybg.gif) right no-repeat; padding: 4px 15px 4px 3px; font-weight: bold; font-size: 1.1em;}

.mainbutton6 {white-space: nowrap; background: url(images/button_plain_left_trans.gif) left no-repeat; text-decoration: none; padding: 5px 0 5px 12px; color: #FFF;}
.mainbutton6:hover {text-decoration: none; color: red;}
.mainbutton6 .textalign {background: url(images/button_plain_right_dkgreybg.gif) right no-repeat; padding: 4px 15px 4px 3px; font-weight: bold; font-size: 1.1em;}

.mainbutton2 { white-space: nowrap; background: url(images/button_plain_left.gif) left no-repeat; text-decoration: none; padding: 5px 0 5px 12px; color: #FFF;}
.mainbutton2:hover {text-decoration: none; color: red;}
.mainbutton2 .textalign {background: url(images/button_plain_right.gif) right no-repeat; padding: 4px 15px 4px 3px; font-weight: bold; font-size: 1.1em;}



.arrowup { background: url(images/button_arrow_up.gif) left no-repeat;  padding-left: 20px; }
.arrowdown { background: url(images/button_arrow_down.gif) left no-repeat;  padding-left: 20px;}
.arrowdownblackbg { background: url(images/button_arrow_down.gif) left no-repeat;  padding-left: 20px; color: #FFF;}

.arrowsleft {padding-left: 20px; background-image: url(images/button_arrows_left.gif); background-repeat: no-repeat; }
.arrowsright {padding-right: 20px; background-image: url(images/button_arrows_right.gif); background-repeat: no-repeat; background-position: right; }



/* 	====================  Overall Container DIV 	==================== */

.container { border: 1px #999 solid; width: 960px; color: #333; background-color: #FFF;	background-image: url(Images/yp_header_bg_1.gif); background-repeat: no-repeat;	 margin: 0 auto 0; 	text-align: left; }

/* 	====================  Header 	==================== */

.top {padding: 0; height: 80px; background-repeat: no-repeat;}

/* 	========= Header Left Area containing links only available to screen reader ============ */
.headerleftarea { float: left; text-align: left; width: 600px; margin: 0;}
.headerleftarea h1 { position: absolute;  left: -999px;}
.headerleftarea ul { position: absolute;  left: -999px;}



/* 	================ Tabs =========== 	*/
 
#tabs { float: left; width: 960px; font-size: 0.8em; margin-top: 0px; background: #D6D3D6 url(images/topmenu_bg_01.gif) repeat-x;  }
#tabs ul { margin: 2px 0 0 0px; padding: 0px 0px 0px; list-style: none; }
#tabs li { display: inline; margin: 0; padding: 0px;}
#tabs a { float:left; margin:0; padding: 2px 10px; text-decoration:none; white-space:nowrap; color: #0065CE; border-right: 1px #DED7DE solid;}
/*#tabs a span { float: left; display: block; padding: 4px 9px 3px 11px; font-weight: normal; }*/
/* Commented Backslash Hack hides rule from IE5-Mac \*/
#tabs a span {float:none;}
/* End IE5-Mac hack */
#tabs a:hover  {background-image: url(images/topmenu_bg_current_01.gif); background-color: #CCC;}
#tabs a.current  { background-image: url(images/topmenu_bg_current_01.gif);}



/* 	====================  Right Area 	==================== */

.rightnav {  margin: 0px; float: right; width: 255px; position: relative; top: -10px; left: 10px; background-color: #e3e2e3; color: #000;}
.rightnav p { padding-left: 7px;}
.rightnav a { color: #FFF;}
.rightnav2 {  margin: 0px; float: right; width: 180px; padding-top: 170px;}
.youarehere { padding: 0px;	background:  url(images/bg_semitrans_white.gif); border: 0px solid #cecdcd;	margin-left: 0px;}

/* 	====================  Limited Left Area 01 : Home page 	==================== */


.limitleftarea01 {  padding-top: 75px;  border: 0px red solid; width:500px}
.limitleftarea01 h2 {display: none; }

ul.largehomebuttons  {width: 328px;	margin: 0px 0 0 0px; list-style: none;	border: 0px green solid; padding: 0px;}
.largehomebuttons li {float: left;	margin-bottom: 10px; padding: 0px;	border: 0px red solid;	display: inline-block;}
ul.largesearchbuttons  { padding: 0px; width: 700px; margin: 0px; border: 0px red solid; list-style: none;}
.largesearchbuttons li {float: left; margin-bottom: 10px; padding: 0px;	border: 0px red solid; display: inline-block; margin-right: 20px;}
.box2 {	background: url(images/button_homepage_top.gif) no-repeat left top;	padding: 0px; width: 328px;	margin: 0px; border: 0px yellow solid;}
.box2format {background: url(images/button_homepage_bot.gif) no-repeat left bottom;	margin: 0;	padding: 0px; border: 0px black solid;}
.box2format  a {background-color: transparent;	padding: 0 40px 0px 50px; display: block; text-decoration: none; color: Black;	border: 1px white solid;}
.box2format  a.subjects {background: url(images/bg_animated_subject.gif) no-repeat 5px 10px;}
.box2format  a.keyword {background: url(images/bg_animated_keyword.gif) no-repeat 5px 10px;}
.box2format  a.provider {background: url(images/bg_animated_provider.gif) no-repeat 5px 10px;}
.box2format  a:hover {color: red;}
.box2format a:link h3 {	color: #F60; font-size: 1.6em; font-weight: bold; margin: 3px 0 0px;}
.box2format a:visited h3 {	color: #F60; font-size: 1.6em; font-weight: bold; margin: 3px 0 0px;}
.box2format a:link p {font-size: 1em;}

* html .box2format  a {width: 238px;}
 
  
  /* 	====================  Limited Left Area 02 : Searches page 	==================== */

.limitleftarea02 {  width: 575px;  padding-top: 50px;  padding-left: 0px; }
.limitleftarea02 h2 {display: none;  }
  
 

/* 	====================  Content2 	==================== */

.content2 {	clear: both; padding: 10px 10px 50px; font-size: 0.8em;  border: red 0px solid; margin-top: 0px; background-color: Transparent;}
.content2 h2 {	color: #055b6b;	margin-left: 0px; font-size: 1.5em;	border: #D6D6D6 0px solid;	margin-top: 7px; margin-bottom: 10px; font-weight: normal;}
.content2 h3 {	font-size: 1.1em;}
.content2 h4 {	font-size: 1em;	line-height: 1.1em;	color: #CC0033;	margin: 0px 290px 8px 0px;	padding: 0px; text-align: right; font-weight: bold;}
.content2 h5 {	font-size: medium;	line-height: 20px;	margin: 0px 0px 10px 0px;}
.content2 p {	margin: 0px 0px 10px 0px;}
.content2 .toptext { margin: 0px 50px 10px 11px;}


/* 	====================  Footer 	==================== */

.footer {float: left; width: 960px;	font-size: 0.8em; height: 30px;	border-top: 1px #D6D6D6 solid;	border-bottom: 0px #D6D6D6 solid; margin-top: 0px;	background-image: url(images/topmenu_bg_01.gif); background-repeat: repeat-x;	border-left: #D6D6D6 1px solid;	border-right: #D6D6D6 1px solid;}
.footer ul { margin: 2px 0 0 0px; padding: 0px 0px 0px;	list-style: none;}
.footer li { display: inline; margin: 0; padding: 0px;}
.footer a { float:left;	margin:0; padding: 2px 10px; text-decoration:none;	white-space:nowrap;  color: #0065CE; border-right: 1px #DED7DE solid;}
.footer a span {   float: left;    display: block;   padding: 4px 9px 3px 11px;    font-weight: normal;   }
/* Commented Backslash Hack hides rule from IE5-Mac \*/
.footer a span {float:none;}
/* End IE5-Mac hack */
.footer a:hover  {background-image: url(images/topmenu_bg_current_01.gif)}
.footer a.current  { background-image: url(images/topmenu_bg_current_01.gif)}


/* 	====================  searches ==================== */
.searchwatermark {clear: both; 	background: url(images/search_watermark.jpg) no-repeat bottom right ;}


.searchtext { background: url(images/searches_bg_01.gif) no-repeat  0px 25px ;}

.searcharea {	background-color: #CAE5FF;	margin: 0px 0px 20px;	padding: 30px 10px 30px 20px;}

.agerange { font-weight: bold; color: #003366;}
.agerange input { margin-left: 10px;}
.agerangelist {background-color: #dcf0ff; display: inline-block;  margin-bottom: 10px; padding: 3px 30px 3px; font-size: 1.6em; border: 1px solid #51b6ff;} 
.steptext {font-size: 1.4em;}
.agerangealign {text-align: center;}

/* 	====================  subject search ==================== */

.subjectsearchbg { background:  url(images/bg_grey_subject.gif) no-repeat; padding-left: 55px;}
ul.subjectslist3 li { margin-right: 17px;	margin-bottom: 10px; float: left; width: 322px;	 border: 0px solid red;  }
ul.subjectslist3 {	padding: 0px; margin-top: 20px; list-style: none;	border: 0px green solid;	margin-left: 0px;	}
.box3 {	background: url(images/button_subjectspage_top.gif) no-repeat left top;	padding: 0px;	margin: 0px;	border: 0px yellow solid;}
.box3format { background: url(images/button_subjectspage_bot.gif) no-repeat left bottom;	margin: 0;	padding: 0px;	border: 0px black solid;}



.box3format  a {	  min-height: 40px; background-color: transparent; padding: 3px 40px 0px 20px;	display: block;	text-decoration: none;	color: Black;	border: 0px white solid; font-size: 1.2em; font-weight: bold;}
* html .box3format a {  height: 40px;}

.box3format  a:hover {	color: red;}


  
  .keywordbg  {background:  url(images/keyword_pic.jpg) no-repeat right;}
.keywordsearchbg { background:  url(images/bg_grey_keyword.gif) no-repeat; padding-left: 50px;}

.providersearchbg { background:  url(images/bg_grey_providers.gif) no-repeat; padding-left: 30px;}



/*   ----------------   Results  -----------------       */

.resultsfilters {margin-bottom: 20px; width: 100%; border: 0px solid red; color: #fff; background:url(images/narrow.gif) center top  no-repeat #666; }
.resultsfilters td { vertical-align: top; padding: 5px;}
.resultsfilters td.col1 {text-align: right;}
.resultsfilters td.col2 {text-align: right;}
.resultsfilters td.col3 { text-align: right;}
.resultsfilters a {color: #fff;}


.withoutquals {	margin-top: 15px;	padding: 5px; 	font-weight: bold; 	text-align: right;	}


.map {	padding: 20px;	text-align:center;	width: 90%;	background-color: green;	margin: 10px auto; 	border: solid 0px #3366CC;}

.map a {	color: #FFFFFF;}




/* ----------------------------  course details ---------------------------  */

/*    ---- print button ---------*/

.printpage {text-align: right; float:right; width: 200px; border: 0px red solid; margin-top: 0px;}
a.print {padding-left: 20px;	background-image: url(images/button_print.gif);	background-repeat: no-repeat;}

.coursedetails {border: 0px #999999 solid;  padding: 0px; clear: both; }
.coursedetails h2 { font-weight: bold; font-size: 1.9em; }
.coursedetails h3 { font-size: 1.1em; margin-top: -10px;}

.coursedetailsright{clear: both; float:right;  width: 300px; color: #FFF;}
.coursedetailsarea {width: 100%; border: 0px red solid;}
.coursedetailsarea h4 {font-weight: normal; font-size: 1.5em;   color: #0692d0; width: 100%; text-align: left;}
.coursedetailsarea .section {padding: 10px; background-color: #FFF; border: 1px dashed #ccc; margin-bottom: 10px;}


.inbasket {font-weight: normal; font-size: 1.3em;   width: 100%; text-align: center; padding: 5px;}
.lastupdated {  font-size: 0.9em;  color: #666666; width: 100%; text-align: right; padding: 1px; }

.tpdetails {background-color: #828282; margin: 10px 10px; padding: 5px; border: 1px dashed #CCC;}
.tpdetails h3 {font-weight: bold; font-size: 1.2em; color: #fff; padding: 0px; margin: 0px; width: 100%;}
.tpdetails h4 {font-weight: bold; font-size: 1.0em; color: #fff; width: 100%; text-align: left; padding: 0px; margin: 0px 0px 5px;}
.tpdetails a {color: #fff;}





/* ----------------------------  provider details ---------------------------  */

.providerdetails { background: url(images/bg_grey_providers.gif) 5px 5px no-repeat; border: 0px #999999 solid; width: 900px;  padding: 0px; clear: both; }
.providerdetails h2 { margin-left: 55px; font-weight: bold; font-size: 1.9em; }
.providerdetails h3 { margin-left: 55px; font-size: 1.3em; font-weight: normal; margin-top: -5px;}

.providerdetailsright {	 clear: both; float: right;	width: 300px; }

/* ----------------------------  Venue list ---------------------------  */

.venueslist {margin: 10px;}
.venueslist h4 { background: url(images/venues_bg.gif) 0px 5px no-repeat;  padding: 5px 5px 5px 37px;   height: 25px; font-weight: normal; font-size: 1.5em;   color: #FFF;   width: 150px;   text-align: left; margin: 0px  }
.venueslist ul {	border: 0px red solid;	margin-left: 0px;	padding: 0px;	list-style-type: none;	color: #FFF;	margin-top: 0px;}
.venueslist ul.venues li {background-color: #828282; margin: 10px 0; padding: 5px; border: 1px dashed #CCC;}



.providerdetailsarea { border: 1px dashed #ccc;	padding:  10px;	background-color: #FFF;	margin-top: 20px;}

.contacticon {background: url(images/icon_contactuser.gif) no-repeat 1px; padding-left: 25px;}
.emailicon {background: url(images/icon_email.gif) no-repeat 1px; padding-left: 25px;}
.faxicon {background: url(images/icon_fax.gif) no-repeat 1px; padding-left: 25px;}
.telephoneicon {background: url(images/icon_telephone.gif) no-repeat 1px; padding-left: 25px;}
.websiteicon {background: url(images/icon_website.gif) no-repeat 1px; padding-left: 25px;}
.reficon {background: url(images/icon_ref.gif) no-repeat 1px; padding-left: 25px;}


/* 	====================  Text Size 	==================== */

ul#textsize {	float: right;}

ul#textsize li {	display: inline;}
	
ul#textsize li a {	border: 1px solid #999999;	padding: 0px 2px;	text-decoration: none;	margin-left: 3px;}

ul#textsize li a.sm {	padding: 0px 4px;}

ul#textsize li a.med {	padding: 0px 3px;}

ul#textsize li a.readable {	border: 1px solid #000;	color:#FFFF00;	font-weight: bold;	text-decoration: none;	background-color:#000000;}

ul#textsize li a.readable:hover { color: red;}



div.bGroupA {margin:1px 4px;background:#edf2f7 url('/_image/corners/white_bg.gif') repeat-x top left;width:100%;}
div.bGroupA div.b {background:url(images/white_bg_b.gif) repeat-y bottom left;}
div.bGroupA div.r {background:url(images/white_bg_b.gif) repeat-x bottom right;}
div.bGroupA div.t {background:url(images/white_bg_b.gif) repeat-y top right;}
div.bGroupA div.l {background:url(images/white_bg_b.gif) repeat-x top left;}
div.bGroupA div.br {background:url(images/white_bg_br.gif) no-repeat bottom right;}
div.bGroupA div.bl {background:url(images/white_bg_bl.gif) no-repeat bottom left;}
div.bGroupA div.tr {background:url(images/white_bg_tr.gif) no-repeat top right;}
div.bGroupA div.tl {background:url(images/white_bg_tl.gif) no-repeat top left;}
div.bGroupA div.in {margin:0;padding:1px 0;}

div.bGroupC {margin:1px 4px;background:#edf2f7 url('/_image/corners/white_bg.gif') repeat-x top left;width: 570px;}
div.bGroupC div.b {background:url(images/white_bg_b.gif) repeat-y bottom left;}
div.bGroupC div.r {background:url(images/white_bg_b.gif) repeat-x bottom right;}
div.bGroupC div.t {background:url(images/white_bg_b.gif) repeat-y top right;}
div.bGroupC div.l {background:url(images/white_bg_b.gif) repeat-x top left;}
div.bGroupC div.br {background:url(images/white_bg_br.gif) no-repeat bottom right;}
div.bGroupC div.bl {background:url(images/white_bg_bl.gif) no-repeat bottom left;}
div.bGroupC div.tr {background:url(images/white_bg_tr.gif) no-repeat top right;}
div.bGroupC div.tl {background:url(images/white_bg_tl.gif) no-repeat top left;}
div.bGroupC div.in {margin:0;padding:1px 0;}


div.bGroupB {margin:1px 4px;background:#666 url('/_image/corners/white_bg.gif') repeat-x top left;width:100%;}
div.bGroupB div.b {background:url(images/white_bg_b.gif) repeat-y bottom left;}
div.bGroupB div.r {background:url(images/white_bg_b.gif) repeat-x bottom right;}
div.bGroupB div.t {background:url(images/white_bg_b.gif) repeat-y top right;}
div.bGroupB div.l {background:url(images/white_bg_b.gif) repeat-x top left;}
div.bGroupB div.br {background:url(images/white_bg_br.gif) no-repeat bottom right;}
div.bGroupB div.bl {background:url(images/white_bg_bl.gif) no-repeat bottom left;}
div.bGroupB div.tr {background:url(images/white_bg_tr.gif) no-repeat top right;}
div.bGroupB div.tl {background:url(images/white_bg_tl.gif) no-repeat top left;}
div.bGroupB div.in {margin:0;padding:1px 0;}

.table1 td {vertical-align: top;}
.table1 .col1 {text-align: right; font-weight: bold;}

.validation1 
{
	border: 1px solid #ffcc99;
	padding: 0 5px;
	color: #000000;
	margin: 10px 10px 0;
	background: #ffffcc;
}
.validation2 
{
	border: 1px solid #ffcc99;
	padding: 0 1px 1px;
	color: #000000;
	margin: 10px 0px 0;
	background: #ffffcc;
}
/*  Apprenticeships logo   */

.apprenticeshiplogo a img {border: none; margin-top: 15px;}


/* New Keyword Search 2009 added by JA  */

/* .homesearch01 is same as ul.largehomebuttons  */

.homesearch01 {width: 328px; margin: 20px 0 0 130px; list-style: none; background: url(images/homekeywordsearch_mid.gif) repeat-y;	border: 0px green solid; padding: 0px; }
.homesearch01 h3 { text-indent: -9999px; background: url(images/homekeywordsearch_top.gif) no-repeat; height: 49px; margin-bottom: 5px; }
.homesearchkeywordarea {width: 300px; margin: 0 0px 0 10px;}
.homesearchkeywordarea input {width: 243px; }
.homesearchkeywordarea input:focus { background-color: #ffffcc;}

.homesearch01but { position:relative; top:1px; _top:2px; white-space: nowrap; background: url(images/homesearch01but_left.gif) left no-repeat; display:inline-block; text-decoration: none; height:26px; width:3.1em; color: #FFF;}
.homesearch01but:hover {text-decoration: none; color: #fdd7bc;}
.homesearch01but .textalign {background: url(images/homesearch01but_right.gif) right no-repeat;  display:block; height:23px; padding:3px 0 0 10px; font-weight: bold; font-size: 1.2em;}



.homesearch01 .othersearches {background: url(images/homekeywordsearch_bot.gif) no-repeat bottom; padding: 5px 96px 30px 10px;}
.homesearch01 .othersearches ul {margin: 0px; padding: 0px; list-style: none;}
.homesearch01 .othersearches li {margin: 7px 0; padding: 0px;}

.homesearch01smbuts {padding-left: 20px; background-image: url(images/homekeywordsearch_smbut.gif); background-repeat: no-repeat; }