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

a#skip { /* Skip to content link for use with access key S */
display:none;
}
body {
font-size:0.8em;
font-family:Helvetica, sans-serif;
color:#FFFFFF;
margin:0;
/*background:url(../images/web/mainBack.jpg) 0 0 repeat-x #1054A5;
background:url(../images/web/mainBack.jpg) 0 0 repeat-x #666666;*/
background:#E0DDF4;
}
a {
outline:none;
text-decoration:none;
color:#EC2125;
}
a:hover {
text-decoration:underline;
}
img {
border:none;
}
h1 {
margin:0;
padding:0 0 5px 0;
font-size:1.6em;
color:#EC2125;
}
h2 {
margin:0;
padding:0 0 5px 0;
font-size:1.4em;
color:#0057A3;
}
h3 {
margin:0;
padding:0 0 5px 0;
font-size:1.2em;
color:#EC2125;
}
h4 {
margin:0;
padding:0 0 5px 0;
font-size:1em;
color:#0057A3;
}
h5 {
margin:0;
padding:0 0 5px 0;
font-size:0.8em;
color:#EC2125;
}
h6 {
margin:0;
padding:0 0 5px 0;
font-size:0.6em;
color:#0057A3;
}
.hidden {
display:none;
visibility:hidden;
}
.clear {
clear:both;
}
.redBoxTop {
background:url(../images/web/redBoxTop.png) left bottom no-repeat;
height:21px;
width:214px;
}
.redBoxMiddle {
background:url(../images/web/redBoxMiddle.png) 0 0 repeat-y;
width:214px;
}
.redBoxBottom {
background:url(../images/web/redBoxBottom.png) 0 0 no-repeat;
height:25px;
width:214px;
}
.blueBoxTop {
background:url(../images/web/blueBoxTop.png) left bottom no-repeat;
height:21px;
width:214px;
}
.blueBoxMiddle {
background:url(../images/web/blueBoxMiddle.png) 0 0 repeat-y;
width:214px;
}
.blueBoxBottom {
background:url(../images/web/blueBoxBottom.png) 0 0 no-repeat;
height:25px;
width:214px;
}
.whiteBoxTop {
background:url(../images/web/whiteBoxTop.png) left bottom no-repeat;
width:750px;
height:14px;
overflow:hidden;
}
.whiteBoxMiddle {
background:url(../images/web/whiteBoxMiddle.png) 0 0 repeat-y;
width:750px;
color:#444444;
font-size:1.2em;
}
.whiteBoxMiddle .date {
font-size:0.7em;
font-style:italic;
}
.whiteBoxBottom {
background:url(../images/web/whiteBoxBottom.png) 0 0 no-repeat;
width:750px;
height:14px;
margin-bottom:20px;
}


/*****MASTER CONTAINER*****/

#masterContainer {
margin:0 auto;
width:986px;
}


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

#header {
width:986px;
position:relative;
min-height:150px;
_height:150px;
}
#elearningBox {
width:214px;
float:left;
}
#elearningBox form {
margin:0 11px 0 7px;
padding:0 10px;
width:176px;
}
#elearningBox fieldset {
border:none;
margin:0;
padding:0;
}
#elearningBox legend {
font-size:1.3em;
font-weight:bold;
padding:0 0 5px 0;
color:#FFFFFF;
}
#elearningBox label {
}
#elearningBox input {
}
#elearningBox .txt {
width:171px;
}
#elearningBox .btn {
}
#logo {
position:absolute;
right:25px;
bottom:-19px;
width:149px;
height:151px;
}
#logo h1 {
margin:0;
padding:0;
}
a.logo {
display:block;
width:149px;
height:151px;
background:url(../images/web/logo.png) no-repeat;
text-indent:-3000px;
overflow:hidden;
padding:0;
margin:0;
text-decoration:none;
float:left;
}


/*****MAIN CONTENT*****/

#contentMain {
width:986px;
float:left;
}


/*****LEFT CONTENT*****/

#contentLeft {
width:214px;
float:left;
}


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

#nav {
font-size:1em;
font-weight:bold;
}


/****FIRST LEVEL****/

#nav ul {
margin:0 11px 0 7px;
padding:0 10px;
width:176px;
list-style:none;
}
#nav li {
margin:0;
padding:5px 0;
border-bottom:1px solid #F58D70;
}
#nav li a {
color:#FFFFFF;
text-decoration:none;
display:block;
padding:0;
}
#nav li a:hover {
color:#FFFFFF;
background:url(../images/web/navBack.gif) right bottom no-repeat;
}
#nav .active a {
color:#FFFFFF;
background:url(../images/web/navBack.gif) right bottom no-repeat;
}
#nav .activeparent a {
color:#FFFFFF;
background:url(../images/web/navBack.gif) right bottom no-repeat;
}


/****SECOND LEVEL****/

#nav ul ul {
display:none;
}
#nav ul ul .active, #nav ul ul .activeparent {
color:#F58D70;
}
#nav .active ul, #nav .activeparent ul {
display:block;
margin:0;
padding:0;
}
#nav .active ul li, #nav .activeparent ul li {
border-bottom:none;
margin:0;
padding:0;
}
#nav .active ul li a, #nav .activeparent ul li a {
padding:0;
color:#F58D70;
background:none;
}
#nav .active ul li a:hover, #nav .activeparent ul li a:hover {
text-decoration:underline;
}
#nav .activeparent .active {
text-decoration:underline;
}


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

#contactBox {
margin:18px 11px 0 7px;
padding:0 10px;
width:176px;
background:url(../images/web/phoneIcon.jpg) 10px 2px no-repeat;
}
#contactBox p {
margin:0;
padding:0 0 0 32px;
font-size:1.6em;
}


/*****RIGHT CONTENT*****/

#contentRight {
width:772px;
margin:8px 0 0 0;
float:right;
}
#homeText {
width:720px;
margin:0 15px;
padding:10px 0;
}
#homeText p {
margin:0;
padding:3px 0;
}
#internalText {
width:485px;
_width:455px;
margin:0 15px;
padding:10px 0;
float:left;
}
#internalText p {
margin:0;
padding:3px 0;
}
#internalTextNoImage {
width:720px;
_width:690px;
margin:0 15px;
padding:10px 0;
float:left;
}
#internalTextNoImage p {
margin:0;
padding:3px 0 8px 0;
}


/*****BREADCRUMB*****/

#breadcrumb {
padding:0 0 15px 0;
float:left;
width:485px;
_width:455px;
font-size:0.9em;
}
#breadcrumb a {
color:#666666;
}
#breadcrumb .lastitem {
color:#EC2125;
}
#breadcrumbNoImage {
padding:0 0 15px 0;
float:left;
width:720px;
_width:690px;
font-size:0.9em;
}
#breadcrumbNoImage a {
color:#666666;
}
#breadcrumbNoImage .lastitem {
color:#EC2125;
}


/*****NEWS BOX*****/

#newsBox {
margin:0 11px 0 7px;
padding:0 10px;
}
#newsBox p {
margin:0;
padding:0;
}
#newsBox .heading {
font-weight:bold;
font-size:1.4em;
}
#newsBox dl {
margin:0;
padding:0;
width:176px;
}
#newsBox dt {
margin:5px 0 5px 0;
padding:0;
}
#newsBox dt .date {
font-style:italic;
font-size:0.8em;
}
#newsBox dt a {
color:#6699FF;
font-weight:bold;
font-size:1.1em;
}
#newsBox dd {
margin:0;
padding:0;
}
#newsBox dd a {
color:#6699FF;
}

/*****NEWS ARCHIVE*****/

#internalArchive {
float:left;
width:695px;
}
#internalArchive a {
color:#EC2125;
text-decoration:none;
}
#internalArchive a:hover {
text-decoration:underline;
}
#internalArchive dl {
margin:0;
padding:0;
float:left;
width:695px;
}
#internalArchive dt {
margin:0;
padding:0;
color:#EC2125;
font-weight:bold;
font-size:1.1em;
}
#internalArchive dd {
margin:0 0 10px 0;
padding:0 0 5px 0;
color:#666666;
border-bottom:1px solid #DDDDDD;
}
#internalArchive dd a {
text-decoration:none;
}
#internalArchive dd a:hover {
text-decoration:underline;
}
#internalArchive .newsDots {
width:695px;
}
#NewsPostDetailReturnLink {
padding:15px 0 0 0;
}
#NewsPostDetailReturnLink a {
color:#EC2125;
}


/*****HOME BOX*****/

#homeBox {
width:753px;
_width:754px;
float:left;
margin:0 0 15px 0;
}
#homeBox1 {
height:143px;
width:377px;
float:left;
margin:0;
padding:0;
}
#homeBox2 {
height:143px;
width:376px;
float:right;
margin:0;
padding:0;
}
#homeBox3 {
height:143px;
width:377px;
float:left;
margin:0;
padding:0;
}
#homeBox4 {
height:143px;
width:376px;
float:right;
margin:0;
padding:0;
}


/*****INTERNAL BOX*****/

#internalBox {
width:753px;
float:left;
margin:0;
position:relative;
height:113px;
}
/*#kwicks {
margin:0;
padding:0;
}
#kwicks .kwick {
float:left;
display:block;
width:170px;
height:125px;
margin:0;
padding:0;
}
.drawerText {
width:100px;
margin:0 0 0 180px;
font-size:1.1em;
font-weight:bold;
float:left;
}*/


/*****KWICKS*****/

#drawerWhole {
height:125px;
width:690px;
margin:0;
padding:0;
position:absolute;
bottom:-12px;
left:35px;
}
.kwicks {
list-style: none;
position: relative;
margin: 0;
padding: 0;
}
.kwicks li {
display: block;
overflow: hidden;
padding: 0;
cursor: pointer;
float: left;
width: 172px;
height: 125px;
}
.kwicks_inner {
width: 280px;
}
.drawerImage {
height: 125px;
width:135px;
float: left;
}
.drawerText {
display: none;
color: #444444;
float: left;
width:100px;
margin:0 0 0 25px;
font-size:1.1em;
font-weight:bold;
}
li.active .drawerText {
display: block;
}
#headerApprenticeships {
background:url(../images/web/headerApprenticeships.png);
width:748px;
height:141px;
position:relative;
margin:0 0 15px 0;
}
#headerEmployers {
background:url(../images/web/headerEmployers.png);
width:748px;
height:141px;
position:relative;
margin:0 0 15px 0;
}
#headerHomeworks {
background:url(../images/web/headerHomeworks.png);
width:748px;
height:141px;
position:relative;
margin:0 0 15px 0;
}
#headerYoungPeople {
background:url(../images/web/headerYoungPeople.png);
width:748px;
height:141px;
position:relative;
margin:0 0 15px 0;
}
#headerAboutUs {
background:url(../images/web/headerAboutUs.png);
width:748px;
height:141px;
position:relative;
margin:0 0 15px 0;
}
#headerText {
position:absolute;
right:0;
bottom:0;
width:290px;
}
#headerText dl {
margin:0;
padding:25px 20px;
font-size:1.3em;
}
#headerText dt {
margin:0;
padding:0;
font-style:italic;
}
#headerText dd {
margin:0;
padding:0;
}


/*****PAGE IMAGERY*****/

#pageImageWrapper {
width:220px;
height:220px;
position:relative;
overflow:hidden;
float:right;
margin:15px 15px 15px 0;
}
#pageImageBack {
z-index:10;
background:url(../images/web/pageImageBack.png) no-repeat;
width:220px;
height:220px;
position:absolute;
}
#pageImageInner {
width:220px;
height:220px;
position:absolute;
z-index:5;
}


/*****CONTACT FORM*****/

#contactForm {
margin:15px 0 0 0;
}
#contactForm form {
background:#F7F7F7;
border:1px solid #CCCCCC;
padding:15px 10px 20px 10px;
}
.contactform fieldset {
border:1px solid #E6E6E6;
margin-bottom:10px;
padding:8px;
}
.contactform legend {
color:#444444;
font-weight:lighter;
font-size:1.3em;
margin-bottom:10px;
}
.contactform div {
width:100%;
padding:0.25em 0 0.25em 0;
}
.contactform label {
float:left;
width:10em;
display:block;
margin-bottom:8px;
}
.contactform .txt, .contactform .txtsml, .contactform textarea, .contactform select {
float:left;
width:50%;
margin-right:5px;
border:1px solid #DDDDDD;
margin-bottom:8px;
padding:3px;
background:#ffffff url(../images/lv/inputBg.gif) 0 0 no-repeat;
}
.contactform .txtsml {
width:30%;
}
.contactform .chk {
width:13px;
float:left;
border:none;
}
.contactform .btn {
width:20%;
}
.contactform input:focus, select:focus, textarea:focus {
background:#E4F1FF;
color:#222222;
}
.contactform #field em {
color:#FF0000;
}
.contactform #code {
margin:8px 0;
padding:15px 10px;
border:1px solid #DDDDDD;
width:33%;
text-align:center;
background:#FFFFFF;
}
.required {
color:#FF0000;
font-size:1em;
}
#formThanks {
clear:left;
}
#map {
float:right;
margin:0 0 15px 0;
}
.captureGraphic {
float:left;
clear:both;
}
.error_message {
background:url(../images/web/error.gif) no-repeat 4px 4px #FF9999;
border:1px solid #990000;
padding:5px 4px 5px 25px;
color:#990000;
font-weight:bold;
margin:10px 0 10px 0;
width:690px;
}
.error_message ul {
margin:0;
padding:0 0 0 25px;
}
.contactform .captcha label {
width:250px;
}


/*****TAG BOX*****/

#tagBox {
padding:0 10px;
margin:0 11px 0 7px;
float:left;
width:158px;
}
#tagBox a {
text-transform:lowercase;
color:#6699FF;
}
#tagBox a:hover {
color:#FFFFFF;
background:#54ACB6;
text-decoration:none;
}
#tagBox .tagHeading {
margin:0 0 3px 0;
padding:0 0 2px 0;
border-bottom:1px solid #6699FF;
font-size:1.4em;
font-weight:bold;
}


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

#footer {
border-top:1px solid #888888;
font-size:0.9em;
padding:5px 10px;
color:#888888;
float:left;
width:986px;
margin:10px 0 0 0;
}
#footer a {
text-decoration:none;
color:#888888;
}
#footer a:hover {
text-decoration:underline;
}
#footerLeft {
float:left;
}
#footerLeft ul {
padding:0;
margin:0;
list-style:none;
display:inline;
}
#footerLeft li {
padding:0 5px 0 0;
margin:0;
float:left;
}
#footerRight {
float:right;
}
#footerRight p {
padding:0;
margin:0;
}
#footerRight a {
color:#EC2125;
}