/* CSS Document */

#masthead {background: url(../images/mastheadBgLearner.jpg) no-repeat;}
#holder .e3e {background: url(../images/mastheadBgemployability.jpg) no-repeat;}
#holder .apprenticeships {background: url(../images/mastheadBgApp.jpg) no-repeat;}
#holder .adultApp {background: url(../images/mastheadBgAdultApp.jpg) no-repeat;}


#contentHolder .cornerPic {background:url(../images/cornerPicLearner.jpg) no-repeat bottom left; float:left; width:808px;}
#contentHolder .adultAppCorner {background:url(../images/cornerPicLearnerAdultApp.jpg) no-repeat bottom left; float:left; width:808px;}
#contentHolder .cornerPicemp {background:url(../images/cornerPicLearneremp.jpg) no-repeat bottom left; float:left; width:808px;}

#contentHolder #sideBar .bgTop {background:url(../images/subNavBorderTopLearner.jpg) no-repeat top right}
#contentHolder #sideBar #subNav {background:url(../images/sideBarBgLearner.jpg) repeat-y right;}
#contentHolder #sideBar #subNav li {background:url(../images/subNavBorderLearner.jpg) no-repeat top;}
#contentHolder #sideBar #subNav #nextSteps.bgBot {background:url(../images/subNavBorderBottomLearner.jpg) no-repeat bottom right}
#contentHolder #sideBar #subNav li a {color:#db3233;}
#contentHolder #sideBar #subNav li a:hover, 
#contentHolder #sideBar #subNav li a.subSelected {background:url(../images/subNavOvrBgLearner.jpg) repeat-y}

#contactHolder {border-top:3px solid #db3233;}
#contactHolder #contact {background:url(../images/contactCornerBgLearner.jpg) no-repeat;}
#contactHolder #contact p {background-color:#db3233;}

#contactHolder.e2e {border-top:3px solid #56a8b8;}
#contactHolder #contact.e2e {background:url(../images/contactCornerBgLearnerE2e.jpg) no-repeat;}
#contactHolder #contact p.e2e {background-color:#56a8b8;}

#contentHolder #mainContent h1,
#contentHolder #mainContent h2,
#contentHolder #mainContent h3,
#contentHolder #mainContent a {color:#db3233;}

#mainContent img {background:url(../images/picBgLearner.jpg) repeat; border:1px solid #db3233}
#contentHolder #mainContent.ads {min-height:640px; height:auto !important; height:640px;}

/*------------------- CASE STUDIES -------------------------*/
#mainContent #case {width:197px; background:url(../images/caseBgLearner.jpg) repeat-y; color:#005581; float:right; margin: 0px 0px 10px 10px;}
#contentHolder #mainContent #case h1 {font-size:15px; font-weight:bold; background:url(../images/caseTopLearner.jpg) no-repeat; height:13px; text-align:left; padding-top:23px; margin:0px; padding-bottom:0px; padding-left:32px; color:#ffffff; border:none}
#mainContent #case #studies {background:url(../images/caseBotLearner.jpg) no-repeat bottom; padding-bottom:20px; min-height:130px; height:auto !important; height:130px;}
#mainContent #case #studies p{margin:10px 20px 10px 28px; font-weight:normal; text-align:left}
#mainContent #case #studies p .client {font-size:14px; font-weight:bold; color:#ffffff}
#mainContent #case #studies p a{text-decoration:none; color:#ffffff}
#mainContent #case #studies p a:hover {text-decoration:underline; color:#ffffff; background:none}

blockquote.case {margin-left:10px;}
#contentHolder #mainContent p.preamble {font-weight:bold;}