/* ----- header ----- */
p.sys_missionStatement {display:none;}/* hide the mission statement as it is in the same place as we want the Evelina logo */

#strap {
	/* 
	#strap is the area with the GSTT logo and strapline
	for the children's services pages this code displays 
	the Evelina logo as a background image and positions it*/
	background:url(/SiteElements/Images/GeneralBackground/evelina-london-logo-small.png) no-repeat 20px 10px;
	height: 85px;
}

.sys_homeLink {float:right; margin:20px 24px 12px 0; }

/* --- background --- */
body {background: url(/SiteElements/Images/GeneralBackground/bg-childrens-services.png) white no-repeat 50% 0;}

/* --- body --- */
.sys_landingHeaderImg {background:url(/SiteElements/Images/GeneralBackground/evelina-banner.jpg) no-repeat 0 0;}
.sys_overlay p {display:none} /*--- hide the strapline/overlay text on the children's services homepage banner image --- */

#contentArea .spotlight_one {background:url(/SiteElements/Images/childrens/spotlight-wayfinding.jpg) no-repeat 0 0;}
#contentArea .spotlight_two  {background: url(/SiteElements/Images/childrens/spotlight-services.jpg) no-repeat 0 0;}
#contentArea .spotlight_three  {background:url(/SiteElements/Images/childrens/spotlight-parents.jpg) no-repeat 0 0;}
#contentArea .spotlight_four  {background:url(/SiteElements/Images/childrens/spotlight-patients.jpg) no-repeat 0 0;}
#contentArea .spotlight_five  {background:url(/SiteElements/Images/childrens/spotlight-about-evelina.jpg) no-repeat 0 0;}
#contentArea .spotlight_six  {background:url(/SiteElements/Images/childrens/spotlight-fundraising.jpg) no-repeat 0 0;}

.evelinaLevels { float: left; width: 150px; display: inline;}

#landingAside, #aside { background: #F3FBFF;}

.sys_landingSpotList li.spotlight_one h2  {
    background: url("/SiteElements/Images/GeneralBackground/landing-spot-header-medium-blue-326893.png") no-repeat scroll 0 0 transparent;
    bottom: 0;
    color: #FFFFFF;
    font-size: 1.45em;
    height: 47px;
    margin: 0;
    padding: 10px;
    position: absolute;
    width: 200px;
}

.sys_landingSpotList li.spotlight_two h2 {
    background: url("/SiteElements/Images/GeneralBackground/landing-spot-header-medium-orange-dc7325.png") no-repeat scroll 0 0 transparent;
    bottom: 0;
    color: #FFFFFF;
    font-size: 1.45em;
    height: 47px;
    margin: 0;
    padding: 10px;
    position: absolute;
    width: 200px;
}
.sys_landingSpotList li.spotlight_three h2 {
    background: url("/SiteElements/Images/GeneralBackground/landing-spot-header-medium-green-009948.png") no-repeat scroll 0 0 transparent;
    bottom: 0;
    color: #FFFFFF;
    font-size: 1.45em;
    height: 47px;
    margin: 0;
    padding: 10px;
    position: absolute;
    width: 200px;
}
.sys_landingSpotList li.spotlight_four h2 {
    background: url("/SiteElements/Images/GeneralBackground/landing-spot-header-medium-purple-6357ad.png") no-repeat scroll 0 0 transparent;
    bottom: 0;
    color: #FFFFFF;
    font-size: 1.45em;
    height: 47px;
    margin: 0;
    padding: 10px;
    position: absolute;
    width: 200px;
}
.sys_landingSpotList li.spotlight_five h2 {
    background: url("/SiteElements/Images/GeneralBackground/landing-spot-header-dark-pink-c13986.png") no-repeat scroll 0 0 transparent;
    bottom: 0;
    color: #FFFFFF;
    font-size: 1.45em;
    height: 47px;
    margin: 0;
    padding: 10px;
    position: absolute;
    width: 200px;
}
.sys_landingSpotList li.spotlight_six h2 {
    background: url("/SiteElements/Images/GeneralBackground/landing-spot-header-dark-blue-326893.png") no-repeat scroll 0 0 transparent;
    bottom: 0;
    color: #FFFFFF;
    font-size: 1.45em;
    height: 47px;
    margin: 0;
    padding: 10px;
    position: absolute;
    width: 200px;
}

@media screen and (max-width: 979px) {

    .sys_headerContainer { background: #6357ad; }
    .sys_landingSpotList li h2 { background: #6357ad;}
    .sys_landingSpotList li h2:before { background-color: #6357ad;}
}