﻿/*Equator Themes for The Skills People Site*/
/*These styles are relevant for each site area*/

/*Employment Services*/

.employmentservices #wrapper
{
    border-bottom-color: #8CC63E;
    border-top-color: #8CC63E;
}

.employmentservices .mainCopyArea li
{
    background-image: url(../cssimages/backgrounds/bullet-employment.gif);
}

.employmentservices h1.mainHeader
{
    background-image: url(../cssImages/backgrounds/header-employment.gif);
}

.mainNavigation ul li a.employment span
{
    border-bottom-color: #8CC63E;
}

.mainNavigation ul li a.employment:hover
{
    color: #8CC63E;
}

.employmentservices .mainNavigation ul li a.employment, .employmentservices.mainNavigation ul li a.employment:hover
{
    background-color: #8CC63E !important;
    color: #FFF;
}

body.employmentservices .subNav .menu
{
    border-bottom: 1px solid #c3f184;
}

body.employmentservices .subNav li
{
    border-top: 1px solid #c3f184;
}

body.employmentservices .subNav li a, body.employmentservices .subNav li.parent li a, body.employmentservices .subNav li.directParent li a
{
    background-image: url(../cssimages/subnav/subnav_arrow_employment.gif);
}

body.employmentservices .subNav li a:hover, body.employmentservices .subNav li.current li a:hover, body.employmentservices .subNav li.currentOpen li a:hover
{
    color: #8CC63E;
}

body.employmentservices .subNav li.current a, body.employmentservices .subNav li.currentOpen a
{
    background-color: #8CC63E !important;
    background-image: url(../cssimages/subnav/subnav_arrow_wo_employment.gif) !important;
}

body.employmentservices .subNav li.current li a, body.employmentservices .subNav li.currentOpen li a
{
    background-color: #FFF !important;
    background-image: url(../cssimages/subnav/subnav_arrow_employment.gif) !important;
}

body.employmentservices .subNav li.currentOpen a
{
    background-image: url(../cssimages/subnav/subnav_arrow_wo_employment_down.gif) !important;
}

.employmentservices .mainLogo a img
{
    background-position: left -83px;
}

.employmentservices .testimonial .quote
{
    background-image: url(../cssImages/backgrounds/quote-employment-top.gif);
}
.employmentservices .testimonial .quote .inner
{
    background-image: url(../cssImages/backgrounds/quote-employment-end.gif);
}

/*Apprenticeships*/

.apprenticeships h1.mainHeader
{
    background-image: url(../cssImages/backgrounds/header-apprentice.gif);
}

.apprenticeships #wrapper
{
    border-bottom-color: #ED078D;
    border-top-color: #ED078D;
}

.mainNavigation ul li a.apprenticeships span
{
    border-bottom-color: #ED078D;
}

.mainNavigation ul li a.apprenticeships:hover
{
    color: #ED078D;
}

.mainNavigation ul li.active a.apprenticeships, .mainNavigation ul li.active a.apprenticeships:hover
{
    background-color: #ED078D;
}

.apprenticeships .mainNavigation ul li a.apprenticeships, .apprenticeships.mainNavigation ul li a.apprenticeships:hover
{
    background-color: #ED078D !important;
    color: #FFF;
}

body.apprenticeships .subNav .menu
{
    border-bottom: 1px solid #f962ba;
}

body.apprenticeships .subNav li a, body.apprenticeships .subNav li.parent li a, body.apprenticeships .subNav li.directParent li a
{
    background-image: url(../cssimages/subnav/subnav_arrow_apprenticeships.gif);
}

body.apprenticeships .subNav li a:hover, body.apprenticeships .subNav li.current li a:hover, body.apprenticeships .subNav li.currentOpen li a:hover
{
    color: #ED078D;
}

body.apprenticeships .subNav li
{
    border-top: 1px solid #f962ba;
}

body.apprenticeships .subNav li.current a, body.apprenticeships .subNav li.currentOpen a
{
    background-color: #ED078D !important;
    background-image: url(../cssimages/subnav/subnav_arrow_wo_apprenticeships.gif) !important;
}

body.apprenticeships .subNav li.current li a, body.apprenticeships .subNav li.currentOpen li a
{
    background-color: #FFF !important;
    background-image: url(../cssimages/subnav/subnav_arrow_apprenticeships.gif) !important;
}

body.apprenticeships .subNav li.currentOpen a
{
    background-image: url(../cssimages/subnav/subnav_arrow_wo_apprenticeships_down.gif) !important;
}

.apprenticeships .mainCopyArea li
{
    background-image: url(../cssimages/backgrounds/bullet-apprenticeships.gif);
}

.apprenticeships .mainLogo a img
{
    background-position: left -166px;
}

.apprenticeships .testimonial .quote
{
    background-image: url(../cssImages/backgrounds/quote-apprenticeships-top.gif);
}
.apprenticeships .testimonial .quote .inner
{
    background-image: url(../cssImages/backgrounds/quote-apprenticeships-end.gif);
}

/*Training*/

.trainingcourses #wrapper
{
    border-bottom-color: #EF3124;
    border-top-color: #EF3124;
}

.trainingcourses .mainCopyArea li
{
    background-image: url(../cssimages/backgrounds/bullet-courses.gif);
}

.trainingcourses h1.mainHeader
{
    background-image: url(../cssImages/backgrounds/header-courses.gif);
}

.mainNavigation ul li a.trainingcourses span
{
    border-bottom-color: #EF3124;
}

.mainNavigation ul li a.trainingcourses:hover
{
    color: #EF3124;
}

.mainNavigation ul li.active a.trainingcourses, .mainNavigation ul li.active a.trainingcourses:hover
{
    background-color: #EF3124;
}

.trainingcourses .mainNavigation ul li a.trainingcourses, .trainingcourses.mainNavigation ul li a.trainingcourses:hover
{
    background-color: #EF3124 !important;
    color: #FFF;
}

body.trainingcourses .subNav .menu
{
    border-bottom: 1px solid #fadbd8 !important;
}

body.trainingcourses .subNav li
{
    border-top: 1px solid #fadbd8 !important;
}

body.trainingcourses .subNav li a, body.trainingcourses .subNav li.parent li a, body.trainingcourses .subNav li.directParent li a
{
    background-image: url(../cssimages/subnav/subnav_arrow_courses.gif);
}

body.trainingcourses .subNav li a:hover, body.trainingcourses .subNav li.current li a:hover
{
    color: #EF3124;
}

body.trainingcourses .subNav li.currentOpen li a:hover
{
    color: #EF3124 !important;
}

body.trainingcourses .subNav li.current a, body.trainingcourses .subNav li.currentOpen a
{
    background-color: #EF3124 !important;
    background-image: url(../cssimages/subnav/subnav_arrow_wo_courses.gif) !important;
}

body.trainingcourses .subNav li.current li a, body.trainingcourses .subNav li.currentOpen li a
{
    background-color: #FFF !important;
    background-image: url(../cssimages/subnav/subnav_arrow_courses.gif) !important;
}

body.trainingcourses .subNav li.currentOpen a
{
    background-image: url(../cssimages/subnav/subnav_arrow_wo_courses_down.gif) !important;
}

.trainingcourses .mainLogo a img
{
    background-position: left -249px;
}

.trainingcourses .testimonial .quote
{
    background-image: url(../cssImages/backgrounds/quote-courses-top.gif);
}
.trainingcourses .testimonial .quote .inner
{
    background-image: url(../cssImages/backgrounds/quote-courses-end.gif);
}

/*Why Choose Us*/

.whychooseus #wrapper
{
    border-bottom-color: #F78E1F;
    border-top-color: #F78E1F;
}

.whychooseus .mainCopyArea li
{
    background-image: url(../cssimages/backgrounds/bullet-chooseUs.gif);
}

.whychooseus h1.mainHeader
{
    background-image: url(../cssImages/backgrounds/header-choose.gif);
}

.mainNavigation ul li a.chooseUs span
{
    border-bottom-color: #F78E1F;
}

.mainNavigation ul li a.chooseUs:hover
{
    color: #F78E1F;
}

.mainNavigation ul li.active a.chooseUs, .mainNavigation ul li.active a.chooseUs:hover
{
    background-color: #F78E1F;
}

.whychooseus .mainNavigation ul li a.chooseUs, .whychooseus .mainNavigation ul li a.chooseUs:hover
{
    background-color: #F78E1F !important;
    color: #FFF !important;
}

body.whychooseus .subNav .menu
{
    border-bottom: 1px solid #f8d3ac;
}

body.whychooseus .subNav li
{
    border-top: 1px solid #f8d3ac;
}

body.whychooseus .subNav li a, body.whychooseus .subNav li.parent li a, body.whychooseus .subNav li.directParent li a
{
    background-image: url(../cssimages/subnav/subnav_arrow_chooseUs.gif);
}

body.whychooseus .subNav li a:hover, body.whychooseus .subNav li.current li a:hover
{
    color: #F78E1F;
}

body.whychooseus .subNav li.currentOpen li a:hover
{
    color: #F78E1F !important;
}

body.whychooseus .subNav li.current a, body.whychooseus .subNav li.currentOpen a
{
    background-color: #F78E1F !important;
    background-image: url(../cssimages/subnav/subnav_arrow_wo_chooseUs.gif) !important;
}

body.whychooseus .subNav li.current li a, body.whychooseus .subNav li.currentOpen li a
{
    background-color: #FFF !important;
    background-image: url(../cssimages/subnav/subnav_arrow_chooseUs.gif) !important;
}

body.whychooseus .subNav li.currentOpen a
{
    background-image: url(../cssimages/subnav/subnav_arrow_wo_chooseUs_down.gif) !important;
}

.whychooseus .mainLogo a img
{
    background-position: left -332px;
}

.whychooseus .testimonial .quote
{
    background-image: url(../cssImages/backgrounds/quote-choose-top.gif);
}
.whychooseus .testimonial .quote .inner
{
    background-image: url(../cssImages/backgrounds/quote-choose-end.gif);
}

/*Get In Touch*/

.getintouch #wrapper
{
    border-bottom-color: #00B294;
    border-top-color: #00B294;
}

.getintouch .mainCopyArea li
{
    background-image: url(../cssimages/backgrounds/bullet-getInTouch.gif);
}

.getintouch h1.mainHeader
{
    background-image: url(../cssImages/backgrounds/header-getintouch.gif);
}

.mainNavigation ul li a.getInTouch span
{
    border-bottom-color: #00B294;
}

.mainNavigation ul li a.getInTouch:hover
{
    color: #00B294;
}

.mainNavigation ul li.active a.getInTouch, .mainNavigation ul li.active a.getInTouch:hover
{
    background-color: #00B294;
}


.getintouch .mainNavigation ul li a.getInTouch, .getintouch.mainNavigation ul li a.getInTouch:hover
{
    background-color: #00B294 !important;
    color: #FFF;
}

body.getintouch .subNav .menu
{
    border-bottom: 1px solid #00B294;
}

body.getintouch .subNav li
{
    border-top: 1px solid #00B294;
}

body.getintouch .subNav li a, body.getintouch .subNav li.parent li a, body.getintouch .subNav li.directParent li a
{
    background-image: url(../cssimages/subnav/subnav_arrow_getInTouch.gif);
}

body.getintouch .subNav li a:hover, body.getintouch .subNav li.current li a:hover
{
    color: #00B294;
}

body.getintouch .subNav li.currentOpen li a:hover
{
    color: #00B294 !important;
}


body.getintouch .subNav li.current a, body.getintouch .subNav li.currentOpen a
{
    background-color: #00B294 !important;
    background-image: url(../cssimages/subnav/subnav_arrow_wo_getInTouch.gif) !important;
}

body.getintouch .subNav li.current li a, body.getintouch .subNav li.currentOpen li a
{
    background-color: #FFF !important;
    background-image: url(../cssimages/subnav/subnav_arrow_getInTouch.gif) !important;
}

body.getintouch .subNav li.currentOpen a
{
    background-image: url(../cssimages/subnav/subnav_arrow_wo_getInTouch_down.gif) !important;
}

.getintouch .mainLogo a img
{
    background-position: left -415px;
}

.getintouch .testimonial .quote
{
    background-image: url(../cssImages/backgrounds/quote-getintouch-top.gif);
}
.getintouch .testimonial .quote .inner
{
    background-image: url(../cssImages/backgrounds/quote-getintouch-end.gif);
}
