@charset "UTF-8";
/* CSS Document */

a#skip { /* Skip to content link for use with access key S */
display:none;
}
body {
font-size:0.7em;
font-family:Arial, Helvetica, sans-serif;
color:#FFFFFF;
margin:0;
color:#444444;
background:url(../images/web/bodyBack.jpg) 0 0 repeat-x #FFFFFF;
}
a:link, a:visited {
outline:none;
text-decoration:none;
color:#7f7f7f;
}
a:hover {
text-decoration:underline;
color:#223771;
}
img {
border:none;
}

h1 {
margin:0 0 10px 0 ;
padding:0;
font-size:1.4em;
font-weight:normal;
/*color:#223771;*/
}

.greenPage h1 {
color:#05916d;
}

.redPage h1 {
color:#e53431;
}

.bluePage h1 {
color:#223771;
}

h2 {
margin:0;
padding:0;
font-size:1.2em;
font-weight:normal;
/*color:#223771;*/
}

.greenPage h2 {
color:#05916d;
}

.redPage h2 {
color:#e53431;
}

.bluePage h2 {
color:#223771;
}

h3 {
margin:0;
padding:0;
font-size:1.1em;
color:#666666;
}

.hidden {
display:none;
visibility:hidden;
}

.clear {
clear:both;
}

.heading {
margin:0;
padding:0;
}


/*****MAIN STYLING*****/

#masterContainer {
width:962px;
margin:0 auto;
}
#masterTop {
background:url(../images/web/masterTop.png) 0 0 no-repeat;
height:20px;
width:962px;
}
#masterMiddle {
background:url(../images/web/masterMiddle.png) 0 0 repeat-y;
width:937px;
padding:0 16px 0 9px;
}
#masterBottom {
background:url(../images/web/masterBottom.png) 0 0 no-repeat;
height:20px;
width:962px;
}


/*****HEADER*****/

#header {
/*background:url(../images/web/headerBackBlue.jpg) 0 0 repeat-x;*/
width:937px;
margin:0;
position:relative;
min-height:138px;
_height:138px;
}

.homePage #header {
background:url(../images/web/headerBackBlue.jpg) 0 0 repeat-x;
}

.greenPage #header {
background:url(../images/web/headerBackGreen.jpg) 0 0 repeat-x;
}

.redPage #header {
background:url(../images/web/headerBackRed.jpg) 0 0 repeat-x;
}

.bluePage #header {
background:url(../images/web/headerBackBlue.jpg) 0 0 repeat-x;
}

#testimonialBox	{
margin:0 auto;
padding:47px 0 0 0;
color:#FFFFFF;
/*width:358px;*/
width:370px;
height: 70px;
/*border:2px solid #fff;*/
}

#testimonialBox ul.innerfade	{
margin:0;
padding:0;
}


#testimonialBox li {
list-style:none;
/*width:300px;*/
margin:0;
padding:0;
font-style:normal;
font-size:1.2em;
color:#fff;
}

#testimonialBox li a {
font-weight:normal;
color:#fff;
}

#testimonialBox span.readmore	{
padding:0 0 0 20px;
}


#testimonialBox-home {
margin:0 auto;
padding:40px 0 0 0;
color:#FFFFFF;
width:370px;
/*height: 70px;*/
font-size:1.5em;
font-weight:bold;
}

#testimonialBox-home p {
margin:0;
padding:0;
text-align:center;
}


/*
#testimonialBox {
margin:0 auto;
padding:27px 0 0 0;
color:#FFFFFF;
width:358px;
}
#testimonialBox a {
color:#FFFFFF;
}
#testimonialBox dl {
margin:0;
padding:15px 0 0 0;
}
#testimonialBox dt {
margin:0;
padding:0;
font-style:italic;
font-size:1.1em;
}
#testimonialBox dd {
margin:0;
padding:0;
font-size:1.3em;
}
*/


/*****LOGO*****/

#logo {
float:left;
margin:0;
width:256px;
height:145px;
position:absolute;
top:0;
left:0;
}
#logo h1 {
margin:0;
padding:0;
}
a.logo {
display:block;
width:256px;
height:145px;
background:url(../images/web/logo.png) no-repeat;
text-indent:-3000px;
overflow:hidden;
padding:0;
margin:0;
text-decoration:none;
float:left;
}


/*****CONTACT BOX*****/

#contactBox {
float:left;
margin:0;
width:256px;
height:145px;
position:absolute;
top:0;
right:0;
}
#contactBox p {
margin:0;
padding:0;
}
a.contactBox {
display:block;
width:256px;
height:145px;
background:url(../images/web/contactInfo.png) no-repeat;
text-indent:-3000px;
overflow:hidden;
padding:0;
margin:0;
text-decoration:none;
float:left;
}


/*****COMMENT BOX*****/

#commentBox {
width:890px;
height:75px;
text-align:center;
color:#7f7f7f;
/*background:none;*/
/*padding:0 25px;*/
/*padding:10px 25px;*/
margin:10px 28px 28px 20px;
/*border:2px solid #ccc;
-moz-border-radius: 14px;
-webkit-border-radius: 14px;
-khtml-border-radius: 14px;
behavior:url(styles/border-radius.htc);
border-radius: 14px;*/
}
#commentBox .inside	{
padding:10px 25px;
}
body.bluePage #commentBox 	{
/*border:4px solid #223771;*/
background:url(../images/web/comment-blue-bg.jpg) no-repeat;
}
body.greenPage #commentBox 	{
/*border:4px solid #05916d;*/
background:url(../images/web/comment-green-bg.jpg) no-repeat;
}
body.redPage #commentBox 	{
/*border:4px solid #e53431;*/
background:url(../images/web/comment-red-bg.jpg) no-repeat;
}
#commentBox p {
margin:0;
padding:1px 0 8px 0;
}
#commentBox .heading {
text-transform:capitalize;
font-weight:bold;
font-size:1.3em;
padding:0;
}
#commentBox a {
color:#7f7f7f;
font-weight:bold;
}

.rel {
	margin: 50px 0 0 33px;
	padding: 25px;
	position: relative;
	z-index: inherit;
	zoom: 1; /* For IE6 */
}



/*****CONTENT*****/

#contentMain {
margin:0 0 20px 0;
}
#contentLeft {
width:177px;
margin:0 0 0 13px;
float:left;
}

#contentRight {
width:700px;
margin:0 0 0 20px;
float:left;
}

#contentRightTop {
/*background:url(../images/web/contentMainTop.jpg) 0 0 no-repeat;*/
position: relative;
height:17px;
width:700px;
}

.greenPage #contentRightTop {
background:url(../images/web/contentMainTopGreen.jpg) 0 0 no-repeat;
}

.redPage #contentRightTop {
background:url(../images/web/contentMainTopRed.jpg) 0 0 no-repeat;
}

.bluePage #contentRightTop {
background:url(../images/web/contentMainTopBlue.jpg) 0 0 no-repeat;
}


#contentRightMiddle {
/*background:url(../images/web/contentMainMiddle.jpg) 0 0 repeat-y;*/
width:640px;
padding:24px 30px 10px 30px;
}

.greenPage #contentRightMiddle {
background:url(../images/web/contentMainMiddleGreen.jpg) 0 0 repeat-y;
min-height:300px;
}

.redPage #contentRightMiddle {
background:url(../images/web/contentMainMiddleRed.jpg) 0 0 repeat-y;
min-height:300px;
}

.bluePage #contentRightMiddle {
background:url(../images/web/contentMainMiddleBlue.jpg) 0 0 repeat-y;
min-height:300px;
}

#contentRightBottom {
/*background:url(../images/web/contentMainBottom.jpg) 0 0 no-repeat;*/
height:17px;
width:700px;
}

.greenPage #contentRightBottom {
background:url(../images/web/contentMainBottomGreen.jpg) 0 0 no-repeat;
}

.redPage #contentRightBottom {
background:url(../images/web/contentMainBottomRed.jpg) 0 0 no-repeat;
}

.bluePage #contentRightBottom {
background:url(../images/web/contentMainBottomBlue.jpg) 0 0 no-repeat;
}


/**** training Link Boxes (below pageImage pic) **/
.training-link-green, .training-link-blue, .training-link-red {
width:147px;
height:80px;
margin:10px 0;
}

.training-link-green{
background:#05916d;
background:url(../images/web/training-linkbg-green.jpg)
}

.training-link-blue{
background:url(../images/web/training-linkbg-blue.jpg)
}

.training-link-red{
background:#05916d;
background:url(../images/web/training-linkbg-red.jpg)
}

.training-link-green p, .training-link-blue p, .training-link-red p{
color:#fff;
font-size:16px;
font-weight:bold;
margin:0;
padding:10px;
}

.training-link-green p a, .training-link-blue p a, .training-link-red p a{
color:#fff;
font-size:14px;
font-weight:bold;
}

/**** contacts Link Boxes (below pageImage pic) on Contact Page **/
.contacts-link-green, .contacts-link-blue, .contacts-link-red {
width:147px;
height:80px;
margin:10px 0;
}

.contacts-link-green{
background:#05916d;
background:url(../images/web/training-linkbg-green.jpg)
}

.contacts-link-blue{
background:url(../images/web/training-linkbg-blue.jpg)
}

.contacts-link-red{
background:#05916d;
background:url(../images/web/training-linkbg-red.jpg)
}

.contacts-link-green p, .contacts-link-blue p, .contacts-link-red p{
color:#fff;
font-size:16px;
font-weight:bold;
margin:0;
padding:6px 10px 0 10px;
text-align: right;
}

.contacts-link-green p a, .contacts-link-blue p a, .contacts-link-red p a{
color:#fff;
font-size:12px;
font-weight:bold;
}


.pageImage	{
float:right;
margin:0 0 4px 8px;
}

#tagline	{
width:90%;
margin:20px auto;
font-size:18px;
text-align: center;
}

#breadcrumbs	{
position:absolute;
left:20px;
top:10px;
}


/*****NAVIGATION*****/

#navHome {
text-align:center;
padding:30px 0 0px 0;
width:968px;
margin:0 auto;
}

#navHomeInner {
width:968px;
}

#navHome p.readmore a {
font-size:14px;
font-style:italic;
}

.panel1, .panel2, .panel3, .panel4 {
display: none;
}

/*-- content pages nav ---*/
#nav {
}

#nav ul {
list-style:none;
margin:0;
padding:0;
background:url(../images/web/navDivider.gif) 0 0 repeat-x;
}

#nav li {
padding:0;
margin:0;
}

#nav li a {
color:#7f7f7f;
border-left:6px solid #FFFFFF;
padding:9px 0 7px 6px;
margin:0;
display:block;
background:url(../images/web/navDivider.gif) left bottom repeat-x;
}

/*-- greenPage --*/
.greenPage #nav li a:hover {
color:#05916d;
border-left:6px solid #05916d;
text-decoration:none;
}

.greenPage #nav .active a {
color:#05916d;
border-left:6px solid #05916d;
text-decoration:none;
}

.greenPage #nav li.currentpage h3 {
color:#05916d;
border-left:6px solid #05916d;
text-decoration:none;
}

/*-- redPage --*/
.redPage #nav li a:hover {
color:#e53431;
border-left:6px solid #e53431;
text-decoration:none;
}

.redPage #nav .active a {
color:#e53431;
border-left:6px solid #e53431;
text-decoration:none;
}

.redPage #nav li.currentpage h3 {
color:#e53431;
border-left:6px solid #e53431;
text-decoration:none;
}

/*-- .bluePage --*/
.bluePage #nav li a:hover {
color:#223771;
border-left:6px solid #223771;
text-decoration:none;
}

.bluePage #nav .active a {
color:#223771;
border-left:6px solid #223771;
text-decoration:none;
}

.bluePage #nav li.currentpage h3 {
color:#223771;
border-left:6px solid #223771;
text-decoration:none;
}

#nav .divider {
display:none;
visibility:hidden;
}

/*-- sublevel 2 --*/
#nav ul li ul li	{
padding:0 0 0 20px;
}


/*-- subnav this is ul in main content --*/
#subNav	{
margin:20px 0;
}

#subNav ul	{
list-style:none;
margin:0;
padding:0;
}

#subNav ul li a	{
font-size:1.1em;
line-height:1.7em;
color:#7f7f7f;
}

#subNav ul li a:hover	{
color:#223771;
}

body.redPage #subNav ul li a	{
font-size:1.1em;
font-weight:bold;
line-height:1.7em;
padding:0 0 0 15px;
color:#444;
background:url(../images/cms/arrow.gif) left 50% no-repeat;
}


#homeQuote {
font-size:1.5em;
font-weight:bold;
color:#1C2250;
margin:0 auto;
width:520px;
}

#homeQuote p {
margin:40px 0 60px 0;
padding:0;
text-align:center;
}

/*-- home page graphic links --*/
#btnYoungpeople {
float:left;
/*margin:0 0 0 10px;*/
width:290px;
/*width:220px;*/
/*height:137px;*/
overflow:hidden;
color:#1C2250;
font-weight:bold;
}

#btnYoungpeople .moreLink a {
font-size:13px;
color:#1C2250;
font-weight:bold;
font-style:italic;
}

#btnEmployers {
float:left;
margin:0 20px;
width:290px;
/*width:220px;*/
/*height:137px;*/
overflow:hidden;
color:#D42725;
font-weight:bold;
}

#btnEmployers .moreLink a {
font-size:13px;
color:#D42725;
font-weight:bold;
font-style:italic;
}

#btnSchools {
float:left;
margin:0 0 0 10px;
width:290px;
/*width:220px;*/
/*height:137px;*/
overflow:hidden;
color:#238F70;
font-weight:bold;
}

#btnSchools .moreLink a {
font-size:13px;
color:#238F70;
font-weight:bold;
font-style:italic;
}

#btnJobs {
float:left;
margin:0 0 0 10px;
width:290px;
width:220px;
/*height:137px;*/
overflow:hidden;
/*color:#1C2250;
color:#ff6600;*/
color:#238F70;
font-weight:bold;
}

#btnJobs .moreLink a {
font-size:13px;
color:#1C2250;
color:#ff6600;
font-weight:bold;
font-style:italic;
}

#btnYoungpeople p, #btnEmployers p, #btnSchools p, #btnJobs p {
padding:0 10px 10px 10px;
}




/*****NEWS*****/

#newsBox {
margin:12px 0 0 0;
padding:0;
}

#newsBox .summary	{
padding:10px 0 10px;
border-bottom:1px dotted #ccc;
}

.greenPage #newsBox a {/*-- greenPage --*/
color:#05916d;
}

.redPage #newsBox a {
color:#e53431;
}

.bluePage #newsBox a {
color:#223771;
}

#newsBox .heading {
color:#223771;
font-weight:bold;
font-size:1.2em;
}

#newsBox p	{
font-size:1.0em;
margin:0;
color:#666;
}

#newsBoxTop {
/*background:url(../images/web/newsBoxTop.gif) 0 0 no-repeat;*/
width:181px;
height:17px;
}

.greenPage #newsBoxTop {
background:url(../images/web/newsBoxTopGreen.jpg) 0 0 no-repeat;
}

.redPage #newsBoxTop {
background:url(../images/web/newsBoxTopRed.jpg) 0 0 no-repeat;
}

.bluePage #newsBoxTop {
background:url(../images/web/newsBoxTopBlue.jpg) 0 0 no-repeat;
}

#newsBoxMiddle {
/*background:url(../images/web/newsBoxMiddle.gif) 0 0 repeat-y;*/
width:147px;
padding:0 17px;
margin:0;
}

.greenPage #newsBoxMiddle {
background:url(../images/web/newsBoxMiddleGreen.jpg) 0 0 repeat-y;
}

.redPage #newsBoxMiddle {
background:url(../images/web/newsBoxMiddleRed.jpg) 0 0 repeat-y;
}

.bluePage #newsBoxMiddle {
background:url(../images/web/newsBoxMiddleBlue.jpg) 0 0 repeat-y;
}

#newsBoxBottom {
/*background:url(../images/web/newsBoxBottom.gif) 0 0 no-repeat;*/
width:181px;
height:17px;
}

.greenPage #newsBoxBottom {
background:url(../images/web/newsBoxBottomGreen.jpg) 0 0 no-repeat;
}

.redPage #newsBoxBottom {
background:url(../images/web/newsBoxBottomRed.jpg) 0 0 no-repeat;
}

.bluePage #newsBoxBottom {
background:url(../images/web/newsBoxBottomBlue.jpg) 0 0 no-repeat;
}

#newsBox dl {
margin:0;
padding:0;
}
#newsBox dt {
margin:0;
padding:0;
}
#newsBox dd {
margin:0;
padding:0;
}
.newsDivider {
background:url(../images/web/newsDivider.gif) 0 0 repeat-x;
height:3px;
margin:8px 0;
text-indent:-3000px;
}

#newsBox .moreLink	{
font-weight:bold;
}

/**** TAGCLOUD **********/
#tagcloud	{
float:left;
margin:20px 0;
}


/******FOOTER LINKS *****/
#footer-links {
/*background:url(../images/web/headerBackBlue.jpg) 0 0 repeat-x;*/
width:937px;
margin:0;
position:relative;
min-height:138px;
_height:138px;
}

.homePage #footer-links {
background:url(../images/web/headerBackBlue.jpg) 0 0 repeat-x;
}

.greenPage #footer-links {
background:url(../images/web/headerBackGreen.jpg) 0 0 repeat-x;
}

.redPage #footer-links {
background:url(../images/web/headerBackRed.jpg) 0 0 repeat-x;
}

.bluePage #footer-links {
background:url(../images/web/headerBackBlue.jpg) 0 0 repeat-x;
}

/*-- footer link boxes --*/
#linkbox-staff	{
/*float:left;*/
margin:0;
width:256px;
height:145px;
position:absolute;
top:0;
left:0;
}
#linkbox-staff p, #linkbox-careers p, #linkbox-learning p {
margin:0;
padding:0;
}
a.linkbox-staff {
display:block;
width:256px;
height:145px;
background:url(../images/web/ftrlink-staff.png) no-repeat;
text-indent:-3000px;
overflow:hidden;
padding:0;
margin:0;
text-decoration:none;
float:left;
}

#linkbox-careers	{
/*float:left;*/
margin:0;
width:256px;
height:145px;
position:absolute;
top:0;
left:340px;
}
a.linkbox-careers {
display:block;
width:256px;
height:145px;
background:url(../images/web/ftrlink-careers.png) no-repeat;
text-indent:-3000px;
overflow:hidden;
padding:0;
margin:0;
text-decoration:none;
float:left;
}

#linkbox-learning	{
/*float:left;*/
margin:0;
width:256px;
height:145px;
position:absolute;
top:0;
right:0;
}
a.linkbox-learning {
display:block;
width:256px;
height:145px;
background:url(../images/web/ftrlink-learning.png) no-repeat;
text-indent:-3000px;
overflow:hidden;
padding:0;
margin:0;
text-decoration:none;
float:left;
}



/*****LOGO BOX*****/

#logoBox {
/*border-top:2px solid #C4C4C4;*/
border-top:1px solid #ddd;
margin:20px 0 0 0;
padding:13px 0 5px 0;
text-align:center;
color:#7f7f7f;
}
#footer-logos	{

}

#logoBox ul	{
margin:0;
padding:0;
list-style: none;

}

#logoBox ul li	{
/*float:left;*/
display:inline;
}

#logoBox ul li img	{
height:50px;
}


/*****FOOTER*****/

#footer {
width:937px;
padding:10px 16px 40px 9px;
margin:0 auto;
color:#7f7f7f;
}
#footerLeft {
float:left;
width:469px;
color:#999999;
}
#footerLeft ul {
list-style:none;
margin:0;
padding:0;
display:inline;
}
#footerLeft li {
float:left;
padding:0 5px 0 0;
}
#footerLeft li a {
color:#7f7f7f;
}
#footerLeft li a:hover {
}
#footerRight {
float:right;
width:468px;
text-align:right;
}
#footerRight a {
color:#223771;
}
#footerRight p {
margin:0;
padding:0;
}


/*-- applicationform --*/
.formwrapper	{
overflow:hidden;
width:100%;
}
.applicationform div {
float:left;
width:100%;
margin:0 0 10px 0;
font-size:12px;
}
.applicationform fieldset	{
float:left;
margin:10px 0;
padding:10px;
border:1px solid #ccc;
}
.applicationform fieldset legend	{
color:#333;
font-size:16px;
font-weight:bold;
margin:0 0 10px 0;
padding:0 5px;
}

.applicationform div label {
float: left;  
font-weight:bold;
padding:4px 0;  
width:170px;   
margin-right:10px; 
}
.applicationform div input {
width:420px;
padding:2px;
border:1px solid #ccc;
font-size:12px;
background:#fff;
}

.applicationform div textarea {
width:420px;
height:50px;
margin:0;
padding:2px;
border:1px solid #ccc;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
}

.applicationform div.fullwidth textarea {
width:98%;
height:180px;
margin:0;
padding:2px;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
}

/*-- RADIO BUTTON GROUP --*/
.applicationform div.radiogroup label {/* radiogroup field label */
display:block;
width:600px;
margin:0 0 5px 0;
padding:2px 0;
}
.applicationform div.radiogroup div {/* div containing radiobutton and its label */
position:relative;
display:block;
width:500px;
margin:2px 0;
padding:0;
}
.applicationform div.radiogroup div label {/* radiobutton label */
position:absolute;
left:30px;
top:0;
margin:0;
padding:0;
}
.applicationform div.radiogroup div input {/* radiobutton */
position:absolute;
left:0px;
top:0px;
width:30px;
margin:0;
padding:0;
border:none;
background: none;
}

/*-- CHECKBOXES --*/
.applicationform div.checkboxgroup label  {/* checkboxgroup field label */
display:block;
width:600px;
margin:0 0 5px 0;
padding:0;
}
.applicationform div.checkboxgroup div {/* div containing checkbox and its label */
position:relative;
display:block;
width:600px;
margin:2px 0;
padding:0;
}
.applicationform div.checkboxgroup div label {/* checkbox label */
position:absolute;
left:30px;
top:0;
width:360px;
padding:0;
margin:0 0 5px 0;
}
.applicationform div.checkboxgroup div input {/* checkbox */
position:absolute;
left:0px;
top:0px;
width:30px;
padding:0;
margin:0;
border:none;
background:none;
}

/*-- single checkbox --*/
.applicationform div.checkbox {/* div containing checkbox and its label */
position:relative;
display:block;
width:600px;
margin:0px 0;
padding:0;
height:24px;
}
.applicationform div.checkbox label {/* checkbox label */
position:absolute;
left:30px;
top:0;
width:360px;
padding:2px 0;
margin:0 0 5px 0;
}
.applicationform div.checkbox input {/* checkbox */
position:absolute;
left:0px;
top:0px;
width:30px;
padding:0;
margin:0;
border:none;
background:none;
}

/*-- submit button --*/
.applicationform div.submit input {
width:100px;
margin:30px 0 0 0;
border:1px solid #ccc;
background:#eee;
}

/*-- additional form styles --*/
.applicationform div h2 {
font-weight:bold;
}
.applicationform div p {
font-size:12px;
line-height: normal;
}

/*-- captcha --*/
.applicationform .captcha	{
width:400px;
margin:10px 0 0 0px;
}

.applicationform .captcha img	{
margin:10px 0 0 0px;
}

.error_message {/* captcha error */
color:#cc0000;
font-weight:bold;
}