﻿/* Secondary NHS blue background (http://breastcancercare.org.uk/) to pink site */
body {
    background-color: #6699ff; /* NHS pale blue background, previously "#fce4f0" pink */
  	font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 80%;
  	font-weight: normal; color: #000000; margin: 0px auto;
}
/* Page content container */
#container { 
    background-color: #ffffff; padding: 20px; width: 728px; margin: 0px auto;
}
#header {
    background-color: #ffffff;
    color: #0066cc; font-weight: bold; font-size: 160%;
/*    border-bottom-color: #0066CC; border-bottom-style: solid; border-bottom-width: 2px; */
    padding: 20px; padding-bottom: 10px; width: 728px; margin: 0px auto;
}
.images {
    padding: 0px; padding-left: 20px; padding-right: 20px;
}
.left {
    position: relative; float: left; padding: 0px; padding-top: 20px;
}
#header #images img.leftimage, .logoleft {
    position: relative; float: left; padding: 0px;
}
#header #images img.rightimage, .logoright {
    position: relative; float: right; padding: 0px;
}
#navbar {
    background-color: #e34b8c; /* Pink previously NHS Blue #0066cc; */
    color: #ffffff; text-align: right;
    font-weight: bold; font-size: 100%; font-weight: bold;
    border-color: #e34b8c; border-style: solid; border-width: 2px;
    padding: 5px; width: 754px; margin: 0px auto;
}
#navbar ul {
    text-align: center; list-style: none; display: inline;
}
#navbar li {
    font-weight: bold; font-size: 100%; background-color: #0066CC; display: inline;
    padding-left: 8px; padding-right: 8px; color: #ffffff;
}
#navbar li a {
    color: #ffffff; padding: 5px; text-decoration: none;
}
#navbar li a:hover {
    color: #ffffff; padding: 5px; text-decoration: underline;
    background-color: #99CCFF;
}
#navmenu {
    position: relative; float: left; width: 180px;
}
#pagetitle {
    color: #E34B8C; /* Pink */
    font-weight: bold; font-size: 160%; padding: 0px;
    margin: 0px; margin-bottom: 20px; margin-left: 220px;
}
#pagecontent {
    margin: 0px; padding-bottom: 20px; margin-bottom: 20px;
}
/* Pale blue background with Pink border */
.contentBlock {
    background-color: #ffffff; /* #eef8fe; Pale blue */
    border-style: solid; border-color: #E34B8C; /* pink */
    border-width: 1px;
    padding: 20px; padding-bottom: 10px;
    margin: 0px; margin-left: 200px;
}
/* Grey color box with pink border */
.contentHalfBlockLeft {
    background-color: #ffffff; /* #F6F6F2; Grey color */
    border-style: solid; border-color: #E34B8C; border-width: 1px;
    padding: 20px; padding-bottom: 10px;
    margin: 0px; margin-top: 10px; margin-left: 200px;
}
.contentHalfBlockRight {
    background-color: #ffffff; /* #FBEAE3; */
    border-style: solid; border-color: #E34B8C; border-width: 1px;
    padding: 20px; padding-bottom: 10px;
    margin: 0px; margin-top: 10px; margin-left: 200px;
}
.contentHighlightNote {
    background-color: #FBEAE3; 
    border-style: solid; border-color: #ffffff; border-width: 1px;
    padding: 20px; padding-bottom: 10px;
    margin: 0px; margin-top: 10px; margin-left: 200px;
}
.contentResults {
    background-color: #ffffff; /* #eef8fe; Pale blue */
    border-style: solid; border-color: #ffffff; /* pink */
    border-width: 1px;
    padding: 10px; padding-bottom: 10px;
    margin: 0px; margin-left: 200px;
}
.contentTitle {
    color: #E34B8C; /* Pink */
    font-weight: bold; font-size: 120%; padding: 0px; margin: 0px;
    margin-bottom: 12px;
}
.contentSubTitle {
    color: #E34B8C; /* Pink */
    font-weight: bold; font-size: 100%; padding: 0px; margin: 10px;
    margin-bottom: 5px;
}
.contentText {
    margin-bottom: 10px;
}
.contentDate {
    margin-bottom: 10px; font-size: 90%; color: #898989;
}
.pageDescription {
    padding: 0px; margin: 0px; margin-bottom: 20px; margin-left: 220px;
}
div.spacer  {
    clear: both; height: 0px; display: block;
}
#footer {
    background-color: #6699ff;
    border-top-color: #6699ff; border-top-style: solid; border-top-width: 1px;
    padding-left: 20px; padding-right: 20px; padding-bottom: 12px; padding-top: 5px;
    clear: both; width: 728px; margin: 0px auto; font-size: 110%;
}
#footer a {
    text-decoration: none; color: #000000;
}
#footer a:hover {
    color: #000000; text-decoration: underline;
}
.itemBlock {
    border-bottom-color: #E34B8C; /* Pink */
    border-bottom-style: dashed; border-bottom-width: 1px; margin-bottom: 5px;
    padding-bottom: 10px; vertical-align: top;
}
.itemBlockDescription {
    padding-left: 10px;
}
.itemBlockEvents {
    padding-left: 10px; padding-top: 5px; margin-bottom: 10px;
    font-size: 90%; font-weight: bold; color: #E34B8C; /* #898989; Light Grey */
}
.itemBlockMetadata {
    padding-left: 10px; font-style: italic; padding-top: 5px;
}
.itemBlockImage {
    border-bottom-color: #E34B8C; /* Pink */
    border-bottom-style: dashed; border-bottom-width: 1px; vertical-align: top;
}
.itemBlockContent {
    float: right; position: relative; border-bottom-color: #E34B8C; /* Pink */
    border-bottom-style: dashed; border-bottom-width: 1px;
}
img.noBorder {
    border: none 0 #ffffff; width: 90px; height: 120px;
}
#AdRotator {
    position: relative; float: left; width: 200px; margin: 0px; margin-top: 50px;
}
.AdRotator {
    position: relative; float: left; width: 180px; margin: 0px; margin-top: 50px;
}
.txbContent {
    background-color: #ffffff; width: 350px;
}
.txbRequired {
    background-color: #ffffcc; width: 150px;
}
hr {
    color: #e34b8c; height: 1px;
}
ul.pink 
{
  list-style-type: square; color: #E34B8C;
}
li.spacing {
    padding-bottom: 0.5em;
}
.contactTitle {
    color: #E34B8C; /* Pink */
    font-weight: bold; font-size: 120%; padding: 0px; margin: 0px; width: inherit;
    margin-bottom: 5px; border-bottom: solid 1px #E34B8C;
}
.labelLeft {
    width: 300px; font-weight: bold; padding-left: 10px;
}
.labelRight {
    width: 300px; font-weight: normal;
}
/* Nice Guidance styles */
.NiceGuidance_SubTitle {
    color: #E34B8C; /* Pink */
    font-weight: bold; font-size: 100%; padding: 0px; margin: 0px;
    margin-bottom: 5px;
}
.NiceGuidance_Content {
    color: #000000; /* Black */
    padding: 10px 0px 0px 10px; margin: 0px;
}
/* LevelMenuItemStyles */
.lvl3 {
    padding: 3px 5px 3px 5px; border: solid 1px #ffffff; text-align: right;
}
/*** Styles used for the menu ***/
.navigation {
    font-family: inherit; font-size: 13px; background: #ffffff; border: none 0px; width: 180px;
    padding: 0px; margin: 0px; font-weight: normal;
}
.navigation ul {
    margin: 0px; padding: 0px;
}
.navigation ul.MenuLevel4 {
    margin: 0px; padding: 0px; text-align: right;
}
.navigation li {
    list-style: none; margin: 0px; padding: 0px;
}
.navigation li a {
    background: #F6F6F2; color: #000000; display: block; padding: 2px 5px 2px 5px; text-decoration: none;
    border-bottom: 1px solid #F6F6F2; border-top: 1px solid #ffffff;
}
.navigation li a.mnuLvl1 {
    padding: 2px 5px 2px 5px; background: #F6F6F2; color: #000000; display: block; text-decoration: none;
    border-bottom: 1px solid #F6F6F2; border-top: 1px solid #ffffff;
}
.navigation li a.mnuSelected {
    border: solid 1px #ffffff; font-weight: bold;
    padding: 2px 5px 2px 5px; background: #E34B8C; color: #ffffff; display: block; text-decoration: none;
    border-bottom: 1px solid #F6F6F2; border-top: 1px solid #ffffff;
}
.navigation li a:hover {
    background: #FBEAE3; color: #000000;
    border-bottom: 1px solid #F6F6F2; border-top: 1px solid #ffffff;
}