﻿body {
  background: url(/SiteElements/Images/Services/bg-body-circles.png) white no-repeat 50% 0;
}

.sys_headerContainer {
  background:url(/SiteElements/Images/Services/dark-blue-h1.jpg) no-repeat 0 0; 
}

@media screen and (max-width: 979px) {
    .sys_headerContainer { 
      background: #284193; 
    }
    /* logo */
.sys_cancerLogo {
	float: left;
  margin: 10px 0 10px 10px;
}
}



@media screen and (min-width: 881px) {
  .sys_cancerLogo {
      position: absolute;
      margin-top: 20px;
      max-width: none !important;
    }
}

@media screen and (max-width: 767px) {
  .sys_homeLink {
  	padding: 25px 20px 0 !important;
    width: auto !important;
    max-width: 190px !important;
  }
  /* logo */
.sys_cancerLogo {
	float: left;
    margin: 10px 0 10px 10px;
    max-width: 45px !important;
}
}

/* landing */
.sys_landingSpotList li h2 {
  background:url(/SiteElements/Images/Services/landing-spot-header-aqua.png) no-repeat 0 0;
}

.sys_landingSpotList li:nth-child(n+4) h2 {
  background:url(/SiteElements/Images/Services/landing-spot-header-dark-blue.png) no-repeat 0 0;
}

@media screen and (max-width: 979px) {
  .sys_landingSpotList li h2,
  .sys_landingSpotList li h2:before { 
      background: #00A79D;
  }
  
  .sys_landingSpotList li:nth-child(n+4) h2,
  .sys_landingSpotList li:nth-child(n+4) h2:before { 
      background: #294193;
  }
}


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

/* images */
.sys_landingHeaderImg {
  background:url(/SiteElements/Images/Services/Cancer/nhs-stock-cancer-nurse.png) no-repeat 0 0;
}

#contentArea .spotlight_one {
  background: url(/SiteElements/Images/Services/Cancer/cancer-centre-simulation-day-staff.jpg) no-repeat 0 0;
}

#contentArea .spotlight_two {
  background: url(/SiteElements/Images/Services/Cancer/cancer-centre-building.jpg) no-repeat 0 0;
}

#contentArea .spotlight_three {
  background: url(/SiteElements/Images/Services/Cancer/100402-nurse-and-patient.png) no-repeat 0 0;
}

#contentArea .spotlight_four {
  background: url(/SiteElements/Images/Services/Cancer/nhs-stock-chemotherapy.png) no-repeat 0 0;
}

#contentArea .spotlight_five {
  background: url(/SiteElements/Images/Services/Cancer/cancer-centre-simulation-day.jpg) no-repeat 0 0;
}

#contentArea .spotlight_six {
  background: url(/SiteElements/Images/Services/Cancer/biobank-research-microscope.jpg) no-repeat 0 0;
}

.highlight {
  border: 1px solid #008194; 
  padding: 10px; 
}

/* block quote */
blockquote { 
  background: url() 0 0 no-repeat; 
}

blockquote span {
  background: url(/SiteElements/Images/Services/bottom-right-blockquote.gif) bottom right no-repeat; 
}

#aside blockquote {
  background: url(/SiteElements/Images/Services/top-left-blockquote.gif) 0 0 no-repeat; 
}

#aside blockquote span {
  background: url(/SiteElements/Images/Services/aside-bottom-right-quote.gif) bottom right no-repeat; 
}

/* landing aside */
#landingAside h3, 
#landingAside h2, 
#aside h3, 
#aside h2 {
  background-image: url(/SiteElements/Images/GeneralBackground/bg-aside-pink.png);
  color: #ffffff;
}

@media screen and (max-width: 979px) { 
  #landingAside h3, 
  #landingAside h2, 
  #aside h3, 
  #aside h2,
  #landingAside h3:after, 
  #landingAside h2:after, 
  #aside h3:after, 
  #aside h2:after {
  	background: #EF4D92 !important;
  }
}

/* footer cta tabs */
.sys_footerCta li.sys_contact a {
    background-image: url(/SiteElements/Images/GeneralBackground/BgFooterctaContactAlt.png);
}

.sys_footerCta li.sys_donate a {
	background-image: url(/SiteElements/Images/GeneralBackground/BgFooterctaDonateAlt.png);
}

#footer .sys_footerCta li.sys_contact a:hover,
#footer .sys_footerCta li.sys_contact a:focus,
#footer .sys_footerCta li.sys_contact a:active,
#footer .sys_footerCta li.sys_donate a:hover,
#footer .sys_footerCta li.sys_donate a:focus,
#footer .sys_footerCta li.sys_donate a:active {
    background-position: 0 -48px;
}


