﻿/*Equator Structure for The Skills People Site*/
/*These styles are relevant for the site component with default theme*/

.mainNavigation ul:after, .skillsIntroduction:after, .getInTouchBox:after, .mainCopyArea:after, .trainingOffered:after, .courseShowCase:after, .newsAndEventsSub:after, .newsAndEventsSub .articles:after, .getInTouchBox .inner:after, .youTubeComponent:after, .summaryComponent:after, .getInTouchForm:after, .getInTouchForm .submit:after, .newsPaging:after, .showCase:after
{
    clear: both;
    content: ".";
    display: block;
    font-size: 0;
    height: 0;
    visibility: hidden;
}

h1.mainHeader
{
    width: 100%;
    background: #F9F9F9 url(../cssImages/backgrounds/header-default.gif) top right no-repeat;
    margin-bottom: 20px;
    font-size: 150%;
    color: #000;
}
h1.mainHeader span
{
    display: block;
    padding: 27px 20px;
}


/*Main Logo*/

.mainLogo
{
    width: 250px;
    float: left;
    display: inline;
    margin-top: 20px;
    height: 83px;
}
.mainLogo a img
{
    width: 231px;
    height: 83px;
    background: #F9F9F9 url(../cssImages/backgrounds/logos.png) 0px 0px no-repeat;
}

/*Main Navigation*/

.mainNavigation
{
    width: 577px;
    float: right;
    display: inline;
    clear: right;
    margin-right: 20px;
}
.mainNavigation ul
{
    width: 577px;
    position: relative;
}
.mainNavigation ul li
{
    float: left;
    display: inline;
    font-size: 84%;
    color: #000;
}
.mainNavigation ul li a
{
    color: #000;
    font-weight: bold;
    text-decoration: none;
    padding-left: 5px;
    padding-right: 5px;
    float: left;
    display: inline;
}

.mainNavigation ul li a span
{
    border-bottom-width: 2px;
    border-bottom-style: solid;
    float: left;
    display: inline;
    padding-bottom: 3px;
    padding-top: 3px;
    text-align: right;
}

.mainNavigation ul li a:hover
{
    background: transparent no-repeat 0 -50px;
}

.mainNavigation ul li.active a
{
    background: no-repeat 0 0;
    color: #000;
}

.mainNavigation ul li.active a:hover
{
    background: no-repeat 0 0;
    color: #000;
}


/*Search Box*/

.searchBox
{
    width: 500px;
    float: right;
    display: inline;
    background: #e7e7e7;
    position: relative;
    margin-bottom: 40px;
    padding-bottom: 0px;
    border-bottom: 1px solid #e7e7e7;
    -moz-background-clip: border;
    -moz-background-inline-policy: continuous;
    -moz-background-origin: padding;
    -moz-border-radius-bottomleft: 3px;
    -moz-border-radius-bottomright: 3px;
    -webkit-border-bottom-left-radius: 3px;
    -webkit-border-bottom-right-radius: 3px;
}

.searchBox .searchForm
{
    width: 315px;
    float: left;
    display: inline;
    padding-top: 4px;
    padding-left: 16px;
    position: relative;
    top: -4px;
}
.searchBox .searchForm .radioList
{
    float: left;
    display: inline;
    padding-top: 7px;
    margin-right: 5px;
}

.searchBox .searchForm .radioList label
{
    display: inline;
    font-size: 75%;
    margin-left: 3px;
    margin-right: 5px;
    float: left;
}
.searchBox .searchForm .radioList input
{
    float: left;
    display: inline;
    width: 13px;
    height: 13px;
    margin-top: 0px;
}
.searchBox .searchForm .radioList br
{
    display: none;
}


.searchBox .searchForm .searchInput
{
    float: left;
    display: inline;
    padding-top: 2px;
    clear: left;
}

.searchBox .searchContainer {float: left; display: inline;}
.searchBox .validator span {font-size: 70%;}
.searchBox .searchForm .searchInput input
{
    width: 140px;
    font-size: 75%;
    padding: 4px 3px;
    margin-right: 5px;
    -moz-border-radius-bottomleft: 3px;
    -moz-border-radius-bottomright: 3px;
    -moz-border-radius-topleft: 3px;
    -moz-border-radius-topright: 3px;
    background-color: #FFFFFF;
    border-color: #8B9298 #E6E6E6 #E6E6E6 #8B9298;
    border-style: solid;
    border-width: 1px;
    font-family: Helvetica,Arial,Verdana,Sans-Serif;
    float: left;
}

.searchBox .searchForm .button
{
    padding-left: 0px;
    padding-right: 0px;
    width: 35px;
    margin-top: 1px;
    background: url(../cssImages/backgrounds/button-small.gif) top left no-repeat;
}

.searchBox .talkToUs
{
    top: -6px;
    width: 125px;
    float: right;
    display: inline;
    background: url(../cssImages/backgrounds/talkToUs.gif) top left no-repeat;
    padding-left: 40px;
    position: relative;
}
.searchBox .talkToUs p
{
    padding-top: 3px;
    font-size: 70%;
    line-height: 1.4;
}
.searchBox .talkToUs p span
{
    font-weight: bold;
    display: block;
    font-size: 110%;
    color: #424242;
}

/*Homepage Skills Intro*/

.skillsIntroduction
{
    width: 100%;
    margin-bottom: 20px;
    background: #f9f9f9 url(../cssImages/backgrounds/skills-copy-bg.gif) 309px bottom no-repeat;
}

.skillsIntroduction .skillsImg
{
    width: 289px;
    float: left;
    display: inline;
}
.skillsIntroduction .skillsImg img
{
    width: 289px;
}

.skillsIntroduction .skillsCopy
{
    width: 597px;
    float: right;
    display: inline;
    padding-top: 25px;
}

.skillsIntroduction .skillsCopy h1
{
    color: #000;
    font-size: 180%;
    padding-bottom: 25px;
    display: block;
}
.skillsIntroduction ul li
{
    background: transparent url(../cssImages/backgrounds/large-bullet-pink.gif) left 3px no-repeat;
    display: block;
    padding-left: 20px;
    color: #000;
    width: 577px;
    font-size: 100%;
    padding-bottom: 15px;
}
.skillsIntroduction ul li a
{
    color: #000;
    font-weight: bold;
    text-decoration: none;
}
.skillsIntroduction ul li a:hover
{
    color: #b63e97;
    text-decoration: underline;
}
.skillsIntroduction .getInTouchBox
{
    background: none;
}

/*Get In Touch Box*/

.getInTouchBox
{
    width: 100%;
    margin-bottom: 20px;
    background: #F9F9F9;
    min-height: 10px;
}

.getInTouchBox .inner
{
    display: block;
    padding: 10px;
    min-height: 10px;
}


.getInTouchBox .button
{
    float: left;
    display: inline;
}
.getInTouchBox p
{
    float: left;
    margin-left: 10px;
    display: inline;
    font-size: 90%;
    padding-top: 2px;
}
.getInTouchBox p span
{
    color: #000;
}

/*Main Copy Area*/

.mainCopyArea
{
    width: 100%;
    margin-bottom: 10px;
}
.mainCopyArea h2
{
    font-size: 125%;
    padding-bottom: 13px;
}
.mainCopyArea h3
{
    font-size: 110%;
    padding-bottom: 13px;
}
.mainCopyArea h4
{
    font-size: 100%;
    padding-bottom: 13px;
}
.mainCopyArea h5
{
    font-size: 90%;
    padding-bottom: 13px;
}
.mainCopyArea h6
{
    font-size: 80%;
    padding-bottom: 13px;
}
.mainCopyArea img
{
    float: left;
    display: inline;
    padding-right: 13px;
    padding-bottom: 5px;
}
.mainCopyArea p
{
    padding-bottom: 13px;
    font-size: 80%;
}

.mainCopyArea blockquote
{
    color: #616161;
    padding-bottom: 13px;
    font-size: 80%;
}

.mainCopyArea p a
{
    color: #B83187;
    text-decoration: none;
}
.mainCopyArea p a:hover
{
    color: #B83187;
    text-decoration: underline;
}
.mainCopyArea li
{
    color: #616161;
    font-size: 75%;
    background: none!important;
    list-style-type:disc;
    list-style-position: inside;
	margin-bottom: 10px;
}

.mainCopyArea li div {width: auto; display: inline;}

.mainCopyArea li a
{
    color: #B83187;
    text-decoration: none;
}
.mainCopyArea li a:hover
{
    color: #B83187;
    text-decoration: underline;
}

.mainCopyArea li ul li
{
    padding-top: 10px;
    font-size: 100%;
    padding-bottom: 0px;
    background: transparent url(../cssImages/backgrounds/bullet-apprenticeships.gif) left 14px no-repeat;
}

.mainCopyArea table
{
    width:100%;
    font-size: 80%;
	margin: 0;
	padding: 0 0 8px;
}

.mainCopyArea table th {font-weight:bold; padding :5px; border: 1px solid #ccc; margin:0;}
.mainCopyArea table td {padding :5px; border: 1px solid #ccc; margin:0;}

/*Training Offeapprenticeships & Course Show Case*/


.trainingOffered, .courseShowCase, .showCase
{
    width: 612px;
    margin-left: -15px;
}
.trainingOffered h2, .courseShowCase h2, .showCase h2
{
    font-weight: bold;
    font-size: 125%;
    padding-bottom: 10px;
    color: #424242;
    margin-left: 15px;
}
.trainingOffered .courseDetail, .courseShowCase .courseDetail, .showCase .showCaseDetails
{
    width: 289px;
    float: left;
    display: inline;
    margin-left: 15px;
    padding-bottom: 10px;
}
.courseShowCase .courseMessage
{
    clear: both;
    display: block;
}
.trainingOffered .courseDetail img, .courseShowCase .courseDetail img, .showCase .showCaseDetails img
{
    width: 289px;
    padding-bottom: 10px;
}


.trainingOffered .courseDetail div.details, .courseShowCase .courseDetail div.details, .showCase .showCaseDetails div.details
{
    padding-bottom: 10px;
    font-size: 80%;
}

.trainingOffered .courseDetail h3, .courseShowCase .courseDetail h3, .showCase .showCaseDetails h3
{
    font-size: 100%;
    padding-bottom: 10px;
}

.trainingOffered .courseDetail p, .courseShowCase .courseDetail p, .showCase .showCaseDetails p
{
    padding-bottom: 10px;
    font-size: 80%;
    color: #616161;
    display: block;
}

.trainingOffered .courseDetail p.action, .courseShowCase .courseDetail p.action, .showCase .showCaseDetails p.action
{
    display: block;
}

.trainingOffered .courseDetail p.action a, .courseShowCase .courseDetail p.action a, .showCase .showCaseDetails p.action a
{
    color: #B83187;
    text-decoration: none;
}

.trainingOffered .courseDetail p.action a:hover, .courseShowCase .courseDetail p.action a:hover, .showCase .showCaseDetails p.action a:hover
{
    text-decoration: underline;
}

.courseShowCase .getInTouchBox
{
    width: 587px !important;
    clear: both;
    margin-left: 15px;
}

.courseShowCase .getInTouchBox p
{
    margin-left: 0px;
}
.courseShowCase .getInTouchBox .button
{
    margin: 0 0 0 10px;
}
.showcase
{
	width:100%;
}
.showCase .left
{
	float:left;
	display:inline;
}
.showCase .right
{
	float:right;
	display:inline;
}

/*News & Events*/

.newsAndEventsSub
{
    width: 100%;
    margin-bottom: 20px;
}

.newsAndEventsSub .articles
{
    background: #F9F9F9;
    width: 269px;
    padding: 10px;
    clear: both;
}
.newsAndEventsSub h3
{
    font-size: 125%;
    padding-bottom: 10px;
    color: #424242;
    font-weight: bold;
    width: 150px;
    float: left;
    display: inline;
}

.newsAndEventsSub a
{
    padding-bottom: 10px;
    color: #424242;
    font-weight: normal;
}

.newsAndEventsSub .viewAllArticles
{
    width: 130px;
    float: right;
    display: inline;
    padding-top: 7px;
}
.newsAndEventsSub .viewAllArticles a
{
    font-weight: bold;
    color: #B83187;
    float: right;
    display: inline;
    font-size: 80%;
}

.newsAndEventsSub .articles ul li
{
    margin-bottom: 10px;
    border-bottom: 1px solid #B83187;
}
.newsAndEventsSub .articles .viewAllArticles, .newsAndEventsSub .articles .viewAllArticles a
{
    float: left;
}
.newsAndEventsSub .articles p
{
    padding-bottom: 10px;
    font-size: 80%;
}
.newsAndEventsSub .articles p.date
{
    padding-bottom: 7px;
}
.newsAndEventsSub .articles h4
{
    padding-bottom: 7px;
    font-size: 90%;
    font-weight: bold;
}
.newsAndEventsSub .articles .link
{
    color: #B83187;
}


/*Testimonials*/

.testimonial
{
    width: 289px;
    padding-bottom: 10px;
    clear:left;
}
.testimonial h3
{
    font-size: 90%;
    padding-bottom: 10px;
}
.testimonial p
{
    font-size: 80%;
    padding-bottom: 10px;
    width: 100%;
}
.testimonial .quote
{
    width: 289px;
    background: transparent url(../cssImages/backgrounds/quote-top.gif) left top no-repeat;
}
.testimonial .quote .inner
{
    padding: 0px 50px;
    width: 189px;
    background: transparent url(../cssImages/backgrounds/quote-end.gif) right bottom no-repeat;
}
.testimonial .quote .inner p
{
    padding-top: 5px;
}
.testimonial a.link
{
    font-weight: bold;
}

.sidebarFeature
{
    width: 289px;
    margin-bottom: 20px;
}
.sidebarFeature img
{
    width: 289px;
    padding-bottom: 10px;
}
.sidebarFeature h3
{
    font-size: 100%;
    padding-bottom: 10px;
}
.sidebarFeature p
{
    font-size: 80%;
    padding-bottom: 10px;
}
.sidebarFeature p a
{
    text-decoration: none;
}


.summaryComponent
{
    width: 100%;
    margin-bottom: 20px;
}
.summaryComponent h2
{
    display: block;
    padding-bottom: 10px;
    font-size: 125%;
    font-weight: bold;
}
.summaryComponent img
{
    float: left;
    display: inline;
    width: 289px;
}
.summaryComponent .inner
{
    width: 294px;
    float: right;
    display: inline;
}
.summaryComponent .inner p
{
    font-size: 80%;
}

.summaryComponent ul li
{
    background: transparent url(../cssImages/backgrounds/large-bullet-pink.gif) left 3px no-repeat;
    display: block;
    padding-left: 20px;
    color: #000;
    font-size: 80%;
    padding-bottom: 15px;
    width: 269px;
}

.subIntro, .introductoryCopy
{
    width: 100%;
    padding-bottom: 20px;
}
.subIntro p
{
    font-size: 80%;
    font-weight: bold;
}
.introductoryCopy p
{
    font-size: 80%;
}

/*---[ SubNav Menu ]---*/

.subNav li
{
    border-top: 1px solid #B63E97;
}

.subNav
{
    margin-bottom: 20px;
    float: left;
}

.subNav .menu
{
    font-family: Helvetica,Arial,Tahoma,sans Serif;
    float: left;
    width: 289px;
    padding: 0;
    background: #f9f9f9;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-bottom: 1px solid #B63E97;
}


.subNav h4
{
    font-size: 80%;
    font-weight: bold;
    margin: 0; /*background:#FFF url(../cssimages/subnav/subnav_li_back.gif) bottom left repeat-x;*/
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
}

.subNav h4 a
{
    display: block;
    padding: 3px 3px 3px 20px;
    color: #4D4D4D;
    background: url(../cssimages/subnav/subnav_arrow_black_back.gif) 5px center no-repeat;
    text-decoration: none;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
}

.subNav h4 a:hover
{
    color: #B63E97;
}

.subNav ul ul
{
    padding: 0;
    border-bottom: 0px solid #F2F2F2;
    border-left: 4px solid #F2F2F2;
    border-right: 4px solid #F2F2F2;
}


.subNav ul ul ul
{
    border-left: none;
    border-bottom: none;
    border-left: 0px solid #F2F2F2;
    border-right: 0px solid #F2F2F2;
}



.subNav li.last > ul
{
    border-bottom: none !important;
}

.subNav li:last-child > ul
{
    border-bottom: none !important;
}

.subNav li
{
    font-size: 68.75%;
    font-weight: bold;
    line-height: 1.4em; /*background:#ededee url(../cssimages/subnav/subnav_li_back.gif) top left repeat-x;*/
    padding: 0; /*-webkit-border-radius:3px; 	-moz-border-radius:3px;*/
}

.subNav li a
{
    display: block;
    color: #4D4D4D;
    background-image: url(../cssimages/subnav/subnav_arrow_default.gif);
    background-position: 5px 10px;
    background-repeat: no-repeat !important;
    text-decoration: none; /*-webkit-border-radius:3px; 	-moz-border-radius:3px;*/
}

.subNav li a:hover
{
    color: #B63E97;
}

.subNav li a:visited
{
    color: #4D4D4D;
}

.subNav li.parent
{
    /*background:#ededee url(../cssimages/subnav/subnav_li_back.gif) top left repeat-x;*/
}

.subNav li.parent a
{
    background: url(../cssimages/subnav/subnav_arrow_black_back.gif) 5px center no-repeat;
}

.subNav li.parent li a
{
    background: url(../cssimages/subnav/subnav_arrow_default.gif) 5px center no-repeat;
}

.subNav li.directParent > a
{
    background-image: url(../cssimages/subnav/subnav_arrow_black_back.gif) !important;
}

.subNav li.directParent li
{
    background: #FFF;
}

.subNav li.directParent li a
{
    background-image: url(../cssimages/subnav/subnav_arrow_default.gif); /*background-color:#FFF;*/ /*-webkit-border-radius:0px; 	-moz-border-radius:0px;*/
}

.subNav li.current a, .subNav li.currentOpen a
{
    display: block;
    color: #FFF;
    background-color: #B63E97 !important;
    background-image: url(../cssimages/subnav/subnav_arrow_wo_default.gif) !important;
    text-decoration: none; /*-webkit-border-radius:3px !important; 	-moz-border-radius:3px !important;*/
}

.subNav li.current a:hover, .subNav li.currentOpen a:hover
{
    color: #FFF !important;
}

.subNav li.current a:visited, .subNav li.currentOpen a:visited
{
    color: #FFF !important;
}

.subNav li.currentOpen a
{
    background-image: url(../cssimages/subnav/subnav_arrow_wo_default_down.gif) !important;
    background-color: #B63E97 !important;
}

.subNav li.current li, .subNav li.currentOpen li
{
    /*background:#ededee url(../cssimages/subnav/subnav_li_back.gif) top left repeat-x !important;*/
}

.subNav li.current li a, .subNav li.currentOpen li a
{
    background-color: transparent !important;
    color: #4D4D4D;
    background-image: url(../cssimages/subnav/subnav_arrow_default.gif) !important;
    background-color: #FFF !important;
}

.subNav li li.current li a, .subNav li li.currentOpen li a
{
    background-color: #FFF !important;
}

.subNav li.current li a:visited, .subNav li.currentOpen li a:visited
{
    color: #4D4D4D !important;
}

.subNav li.current li a:hover, .subNav li.currentOpen li a:hover
{
    color: #B63E97;
}

.subNav li li
{
    font-size: 100%; /*background:#ededee url(../cssimages/subnav/subnav_li_back.gif) top left repeat-x !important;*/
    border: none !important;
}

.subNav li li li
{
    background: #FFF !important;
}

.subNav li.currentOpen li
{
    font-size: 100%;
    background: #FFF;
    -webit-border-radius: 0px;
    -moz-border-radius: 0px;
}

.subNav li a
{
    padding: 8px 10px 8px 20px !important;
    background-position: 5px 10px !important;
}

.subNav li li a
{
    padding: 8px 10px 8px 35px !important;
    background-position: 20px 10px !important;
}

.subNav li li li a
{
    padding: 8px 10px 8px 50px !important;
    background-position: 35px 10px !important;
}

.subNav li li li li a
{
    padding: 8px 10px 8px 65px !important;
    background-position: 50px 10px !important;
}

.subNav li li li li li a
{
    padding: 8px 10px 8px 80px !important;
    background-position: 65px 10px !important;
}

/*Get In Touch Form*/

.getInTouchForm
{
    width: 100%;
    padding-bottom: 20px;
}
.getInTouchForm .formItem
{
    width: 100%;
    padding-bottom: 25px;
}
.getInTouchForm .formItem label
{
    font-weight: bold;
    font-size: 80%;
    width: 100%;
    padding-bottom: 10px;
    display: block;
    color: #000;
}
.getInTouchForm .formItem label span
{
    color: #616161;
}
.getInTouchForm .formItem input
{
    font-size: 80%;
    width: 205px;
    padding: 4px 3px;
    margin-right: 5px;
    -webkit-border-radius: 3px;
    -moz-border-radius-bottomleft: 3px;
    -moz-border-radius-bottomright: 3px;
    -moz-border-radius-topleft: 3px;
    -moz-border-radius-topright: 3px;
    border-color: #8B9298 #E6E6E6 #E6E6E6 #8B9298;
    border-style: solid;
    border-width: 1px;
    font-family: Helvetica,Arial,Verdana,Sans-Serif;
    background: #F9F9F9;
}
.getInTouchForm .formItem select
{
    font-size: 80%;
    width: 205px;
    margin-right: 5px;
    -webkit-border-radius: 3px;
    -moz-border-radius-bottomleft: 3px;
    -moz-border-radius-bottomright: 3px;
    -moz-border-radius-topleft: 3px;
    -moz-border-radius-topright: 3px;
    border-color: #8B9298 #E6E6E6 #E6E6E6 #8B9298;
    border-style: solid;
    border-width: 1px;
    font-family: Helvetica,Arial,Verdana,Sans-Serif;
    background: #F9F9F9;
}
.getInTouchForm .formItem textarea
{
    font-family: Arial, Tahoma, Helvetica, sans-serif;
    width: 330px;
    height: 135px;
    padding: 4px 3px;
    font-size: 80%;
    margin-right: 5px;
    -webkit-border-radius: 3px;
    -moz-border-radius-bottomleft: 3px;
    -moz-border-radius-bottomright: 3px;
    -moz-border-radius-topleft: 3px;
    -moz-border-radius-topright: 3px;
    border-color: #8B9298 #E6E6E6 #E6E6E6 #8B9298;
    border-style: solid;
    border-width: 1px;
    font-family: Helvetica,Arial,Verdana,Sans-Serif;
    background: #F9F9F9;
}
.getInTouchForm .submit
{
    width: 100%;
    padding-bottom: 10px;
}
.getInTouchForm .bodyCopy p
{
    font-size: 80%;
}
.getInTouchForm .bodyCopy
{
    padding-bottom: 20px;
}

.validationSummary
{
    width: 100%;
    border: 1px solid #FF0000;
    padding-top: 10px;
    margin-bottom: 20px;
}
.validationSummary ul li
{
    font-size: 70%;
    color: #FF0000;
    padding: 0px 10px 10px;
}

/*Video Categories*/

.videoCategories h3
{
    font-size: 90%;
    padding-bottom: 10px;
}

#recentVideos
{
    float: left;
    width: 605px;
    padding-bottom: 20px;
}

#recentVideos h2, .mediaIntro h1
{
    margin-bottom: 0;
    font-size: 125%;
    padding-bottom: 5px;
}

#recentVideos .photos
{
    padding: 30px;
    width: 545px;
    float: left;
    background: #F2F2F2;
    -webkit-border-top-right-radius: 3px;
    -webkit-border-top-left-radius: 3px;
    -moz-border-radius-topright: 3px;
    -moz-border-radius-topleft: 3px;
}

#recentVideos .photos ul li
{
    background: none;
    padding: 0;
    float: left;
}

#recentVideos .photos ul li img
{
    padding: 7px;
    border: none;
}

#recentVideos .paging
{
    float: left;
    width: 587px;
    border: 4px solid #F2F2F2;
    border-top: none;
    position: relative;
    padding: 5px;
    -webkit-border-bottom-left-radius: 3px;
    -webkit-border-bottom-right-radius: 3px;
    -moz-border-radius-bottomleft: 3px;
    -moz-border-radius-bottomright: 3px;
}

#recentVideos .paging a
{
    float: left;
    font-size: 87.5%;
    font-family: Helvetica,Arial,Tahoma,sans serif;
    text-decoration: none;
    color: #B84097;
    font-weight: bold;
}

#recentVideos .paging a.prevPage
{
    background: #FFFFFF url(../cssimages/backgrounds/button_previous.gif) no-repeat scroll left center;
    padding: 3px 12px 3px 27px;
}

#recentVideos .paging a.prevPage:hover
{
    background-image: url(../cssimages/backgrounds/button_previous_ro.gif);
    color: #0099FF;
}

#recentVideos .paging a.nextPage
{
    float: right;
    background: transparent url(../cssimages/backgrounds/button_next.gif) no-repeat scroll right center;
    padding: 3px 27px 3px 12px;
    text-align: right;
}

#recentVideos .paging a.nextPage:hover
{
    background-image: url(../cssimages/backgrounds/button_next_ro.gif);
    color: #0099FF;
}

#recentVideos .paging .pageNumber
{
    font-size: 75%;
    color: #777;
    margin-left: 270px;
}

#recentVideos .paging .pageNumber strong
{
    color: #444;
    font-weight: bold;
}

.videoView
{
    text-align: center;
    margin-bottom: 24px;
}

.photoView img
{
    padding-bottom: 10px;
}

.pictureshomepage #mainContent .mediaItem
{
    padding-top: 0;
}

#mainContent .mediaItem .photos ul li
{
    background: none;
}

#mainContent .mediaItem li
{
    padding: 1px;
    background: none;
    display: inline;
    float: left;
}

#mainContent .mediaItem li img
{
    border: none;
    width: 70px;
    height: 70px;
}

#mainContent #recentVideos .mediaItem
{
    border: none;
    padding-bottom: 0;
}


#mainContent #recentVideos .mediaItem li img
{
    width: 75px;
    height: 75px;
    float: left;
}

/*Blog Main*/

.blogMain
{
    width: 100%;
}
.blogMain .blogList
{
    width: 100%;
}
.blogMain p
{
    font-size: 80%;
    padding-bottom: 10px;
}
.blogMain .blogList h3
{
    font-size: 125%;
    padding-bottom: 5px;
}

.blogMain .blogList ul li
{
    color: #616161;
    padding-bottom: 10px;
    font-size: 80%;
    padding-left: 15px;
    background: transparent url(../cssImages/backgrounds/bullet-apprenticeships.gif) left 5px no-repeat;
    display: block;
}

.blogMain .blogList ul li h3
{
    font-size: 100%;
    padding-bottom: 10px;
}

.blogMain .blogList ul li p
{
    font-size: 100%;
}

.blogMain .blogList ul li a
{
    color: #B83187;
    text-decoration: none;
}

.blogMain .blogList ul li a:hover
{
    text-decoration: underline;
}

.searchResults
{
    width: 597px;
}
.searchResults iframe
{
    width: 597px;
    height: 920px;
}


/* News Area */
.subContent .newsMessage
{
    background: #F9F9F9;
    width: 269px;
    padding: 10px;
    margin-top: -20px;
    display: block;
    float: left;
    padding-bottom: 5px;
}
.subContent .newsMessage p
{
    font-size: 80%;
}
.subContent .newsMessage p span
{
    color: #B63E97;
}
.subContent .newsPaging
{
    border-bottom: 1px solid #B63E97;
    background: #F9F9F9;
    width: 269px;
    float: left;
    padding: 0 10px 10px;
    margin-bottom: 20px;
}
.subContent .newsPaging span
{
    font-size: 75%;
    float: left;
    display: inline;
    margin-right: 10px;
}
.subContent .newsPaging a
{
    font-size: 100%;
}
.subContent .nextLink a
{
    padding-right: 10px;
    background: url(../cssImages/backgrounds/link-arrow-pink.gif) right 4px no-repeat;
    color: #B83187;
    text-decoration: none;
}
.subContent .previousLink a
{
    padding-left: 10px;
    background: url(../cssImages/backgrounds/link-arrow-pink-back.gif) left 4px no-repeat;
    color: #B83187;
    text-decoration: none;
}


.subContent .newsPaging a:hover
{
    text-decoration: underline;
}

h2.newsHeader
{
    font-size: 100%;
    padding-bottom: 15px;
    font-weight: bold;
}
h2.newsHeader span
{
    font-size: 75%;
    font-weight: normal;
}

.newsMenu li a:hover
{
    color: #B63E97;
}

/*Sitemap*/


.siteMap
{
    font-family: Helvetica,Arial,Tahoma,sans Serif;
    padding-bottom: 20px;
}

#mainContent .siteMap ul
{
    font-size: 100%;
    margin-bottom: 0;
}

.siteMap ul li
{
    background: none;
    font-size: 112.5%;
    font-weight: bold;
    padding: 10px 0 15px 0;
    border-bottom: 1px solid #E5BFE5;
    display: block;
    min-height: 1px;
    
}

.siteMap ul li a
{
    background: url(../cssimages/double_arrow_purple_on_white_sm.gif) 0px 8px no-repeat;
    padding: 3px 3px 3px 18px;
    text-decoration: none;
    color:#551A8B;
}

.siteMap ul li li
{
    border-bottom: 0;
}

.siteMap ul li li a
{
    color: #FFF;
    background: #B84097 url(../cssimages/double_arrow_wo_pink.gif) 12px 9px no-repeat;
    padding: 2px 3px 2px 10px;
    margin: 0;
    display: block;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
}

.siteMap ul ul
{
    clear: left;
    padding: 2px 5px 3px;
    margin-top: 5px;
    background: #EEE;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
}

.siteMap ul ul li
{
    font-size: 80%;
    padding: 3px 0 2px;
}

.siteMap ul ul ul li
{
    font-size: 75%;
}

.siteMap ul ul ul ul li
{
    font-size: 100%;
}


.siteMap ul ul ul
{
    background: #FFF;
    margin-top: 0;
}

.siteMap ul ul ul li a
{
    background: #FFF url(../cssimages/subnav_arrow_red.gif) 24px 7px no-repeat;
    color: #B84097;
    font-size: 100%;
    padding-left: 10px;
    padding-top: 0px;
    padding-bottom: 0px;
}

.siteMap ul ul ul ul li a
{
    background: #FFF url(../cssimages/subnav/subnav_arrow_default.gif) 12px 2px no-repeat;
    padding-left: 25px;
}

.siteMap ul ul ul ul ul li a
{
    padding-left: 53px;
}

.siteMap ul ul ul ul ul ul li a
{
    padding-left: 61px;
}

.siteMap .homepage a
{
    color: #4D4D4D;
}

.siteMap li a:hover
{
    color: #0099ff;
}

.siteMap ul li li a:hover
{
    background-color: #0099ff;
    color: #FFF;
}

.siteMap li li li a:hover
{
    color: #0099ff;
    background-color: #FFF;
}

.siteMap li li li li a:hover
{
    background-image: url(../cssimages/subnav/subnav_arrow_default-ro.gif);
    color: #0099ff;
    background-color: #FFF;
}
