/*
NHS Breast Cancer Screening Programme copyright (c) 2010
*/

* {
padding:0;
margin:0;
}

body {
font-family: Arial, Helvetica, sans-serif;
font-size:1.0em;
background-color: #FFFFFF;
padding:0;
height:100%;
color: #000000;}

/*
structure 
*/

#container {
min-height:100%;
margin:0 auto;
width: 990px;
}

#header {
padding: 0em;
background-color: #FFFFFF;
margin: 0em;
height: 66px;
background-image: url(images/england.gif);
background-repeat: no-repeat;}

#header H1 {
color: #000000;
font-size: 1.1em;
font-weight: normal;
padding-top: 1.5em;
margin-left: 85px;
padding-bottom: 0em;
padding-right: 0em;
width: 600px;
margin-top: 0em;}

#header P {
color: #000000;
font-size: 1.1em;
font-weight: normal;
padding-top: 1.5em;
margin-left: 85px;
padding-bottom: 0em;
padding-right: 0em;
width: 600px;
margin-top: 0em;}

/*
top-nav
*/


#navigation {
background-color: #0066CC;
color: #FFFFFF;
margin:0 auto;
padding-top: 1em;
padding-bottom: .5em;
padding-left: 1em;
background-image: url(images/programmes-top-curves.gif);
background-repeat: no-repeat;
background-position: top;
min-height: 20px;
}

#nav-bottom {
background-image: url(images/programmes-bottom-curves.gif);
background-color: #06C;
background-repeat: no-repeat;
background-position: bottom;
height: 10px;
margin:0 auto;
width: 990px;}

#navigation a:link,  #navigation a:visited {
color: #FFFFFF;
background-color: #0066CC;
padding-left: .5em;
padding-right: .5em;
margin: 0em;
font-size: 90%;
font-weight: normal;
text-decoration: none;
padding-top: 0em;
padding-bottom: 0em;
}

#navigation a:hover {
color: #FFFFFF;
font-weight: normal;
background-color: #0066CC;
text-decoration: underline;
border: none;}

#navigation form {
margin: 0em;
background-color: #0066CC;
float: right;
padding-right: 1em;
display: inline;
}

#navigation P {
margin: 0em;
padding: 0em;
}

#programmes {
background-color: #FFF;
padding: 0em;
color: #000000;
width: 990px;
margin-left: 0px;
margin-bottom: 10px;
height: 31px;
margin-top: 0em;}

#bs {
float: left;
width: 260px;}

#bs a {
display:block;
width:260px;
height:31px;
background: url(images/nhs-breast-screening2.gif);
background-position: left top;
background-repeat: no-repeat;
}  

#bs a:hover {
background-image: url(images/nhs-breast-screening2hover.gif);
border: none;}

#bs a:hover img {position:absolute; left:-999em; top:-999em;}  

#cs {
float: left;
width: 235px;}

#cs a {
display:block;
width:235px;
height:31px;
background:url(images/nhs-cervical-screening2.gif);
background-position: left top;
background-repeat: no-repeat;
}  

#cs a:hover {
background-image: url(images/nhs-cervical-screening2hover.gif);
border: none;}

#cs a:hover img {position:absolute; left:-999em; top:-999em;
} 

#bcs {
float: left;
width: 235px;}

#bcs a {
display:block;
width:235px;
height:31px;
background:url(images/nhs-bowel-cancer-screening2.gif);
background-position: left top;
background-repeat: no-repeat;
}

#bcs a:hover {
background-image: url(images/nhs-bowel-cancer-screening2hover.gif);
border: none;}

#bcs a:hover img {position:absolute; left:-999em; top:-999em;} 

#pcrm {
float: left;
width: 260px;}

#pcrm a {
display:block;
width:260px;
height:31px;
background:url(images/nhs-prostate-cancer-risk-management2.gif);
background-position: left top;
background-repeat: no-repeat;
}

#pcrm a:hover {
background-image: url(images/nhs-prostate-cancer-risk-management2hover.gif);
border: none;}

#pcrm a:hover img {position:absolute; left:-999em; top:-999em;} 

/*
main-structure 
*/

#main {
background-image:url('images/middle.gif');
background-repeat:repeat-x;
background-position:top left;
height:50px;
}

#mainright {
background-image:url(images/rh.gif);
background-repeat:no-repeat;
background-position:top right;
height:50px;
}

#mainleft {
background-image:url(images/lh.gif);
background-repeat:no-repeat;
background-position:top left;
height:50px;
padding-top:0px;
padding-left:24px;
}

#mainleft h1 {
font-size: 1.05em;
font-weight: normal;
padding-top: 1.2em;
margin-left: 1em;
padding-bottom: 0em;
padding-right: 0em;
margin-top: 0em;
}

#mainleft h2 {
font-size: 1em;
font-weight: normal;
padding-top: 1.2em;
margin-left: 2em;
padding-bottom: 0em;
padding-right: 0em;
margin-top: 0em;
}

/*
#content {
border-left: 6px #0099CC solid;
border-right: 6px #0099CC solid;}
*/

#content {
background-image: url(images/middle-line.gif);
min-width: 500px;}

/*
pagecontent 
*/

#page {
background-color: #FFFFFF;
width: 65%;
float: left;
min-height:350px;
padding-top: 0px;
padding-bottom: 20px;
padding-left: 2em;
margin-left: .5em;
padding-right: 1em;}

#rightcolumn {
width:25%;
float:left;
height: 100%;
background-color: #fff;}

#rightcolumn ul {
list-style:none;
margin:0;
padding:0;
}

#rightcolumn ul li {
font-size: .9em;}

#rightcolumn ul li a {
display:block;
padding: 10px 5px 10px 7px;
text-decoration:none;
margin-bottom: 1px;
border: 1px #06C solid;}

#rightcolumn ul li a:hover {
background-color: #FFF;
background-image: url(images/arrow-white.gif);
background-repeat: no-repeat;
background-position: right;
}

.breast {
background-color: #906;
color: #fff;}

.cervical {
background-color: #096;
color: #fff;}

.bowel {
background-color: #f60;
color: #fff;}

.prostate {
background-color: #09c;
color: #fff;}

#rightcolumn-feed {
width:28%;
float:left;
height: 100%;
background-color: #fff;}

#rightcolumn-feed P {
font-size: .9em;
margin-top: .5em;
margin-bottom: .5em;
line-height: 1.4em;
color: #333333;
background-color: #FFF;
padding-left: 0em;
padding-right: 0em;
margin-left: 0em;}

#rightcolumn-feed a:link {
border: none;
color: #0000ff;
font-weight: normal;
background-color: #FFF;
text-decoration: underline;}

#rightcolumn-feed a:hover {
border: none;
color: #0000ff;
font-weight: normal;
background-color: #FFF;
text-decoration: underline;}

#rightcolumn-feed a:visited {
border: none;
color: #800080;
font-weight: normal;
background-color: #FFF;
text-decoration: none;}

/*
screening-links
*/
a {
color: #FFFFFF;
}

a:hover {
color: #0066CC;
font-weight: normal;
border: 1px #06C solid;
}

#rightcolumn ul li a.selected, #rightcolumn ul li a.selected:hover {
background-color: #EEE;
font-weight: normal;
color: #000;
margin-bottom: 2px;
border: 1px #06C solid;
background-image: none;}

#rightcolumnpublications ul li a.selected, #rightcolumn ul li a.selected:hover {
background-color: #EEE;
font-weight: normal;
color: #000;
margin-bottom: 2px;
border: 1px #06C solid;
background-image: none;}

#number {
color: #F60;
font-family: Verdana, Helvetica, Arial, sans-serif;
font-size: 1.25em;
background-color: #FFF;
font-weight: bold;
padding-top: 1em;
padding-bottom: .5em;
padding-left: 2em;
margin-left: 250px;}

#highlight {
color: #000000;
margin-bottom: 0em;
margin-top: 1em;
margin-left: 270px;
margin-right: 0em;
background-color: #FFFFFF;
padding-top: 1em;
padding-left: 1em;
width: 700px;
border-top: 1px #F60 solid;
border-bottom: 1px #F60 solid;
padding-bottom: 1em;}

#highlight p {
background-color: #FFFFFF;
color: #000000;
font-family: Verdana, Helvetica, Arial, sans-serif;
font-size: 1em;
line-height: 1.3em;
margin-left: 0px;
padding-top: 0em;
padding-bottom: 0em;
margin-bottom: .5em;
margin-top: .5em;
margin-right: 1em;}
#highlight1 {
color: #000000;
margin-bottom: 0em;
margin-top: 1em;
margin-left: 260px;
margin-right: 0em;
background-color: #FFFFFF;
padding-top: 0em;
padding-left: 0em;
width: 720px;
background-image: url(publications/images/2009-publications.gif);
background-repeat: no-repeat;
background-position: left;
border-bottom: 1px #DDDDDD solid;
padding-bottom: 1em;}
#highlight1 p {
background-color: #FFFFFF;
color: #000000;
font-family: Verdana, Helvetica, Arial, sans-serif;
font-size: 1em;
line-height: 1.3em;
margin-left: 210px;
padding-top: 0em;
padding-bottom: 0em;
margin-bottom: .5em;
margin-top: 1em;
margin-right: 0em;
padding-right: 0em;}

#page H1 {
font-size: 1.1em;
color: #000;
padding-top: 0em;
padding-bottom: .5em;
padding-left: 0em;
margin-left: 0em;
margin-right: 2em;
font-weight: normal;}

#page H2 {
font-size: 1em;
color: #000000;
padding-top: .25em;
margin: 0em;
padding-bottom: .25em;
padding-left: 0em;
font-weight: normal;
background-color: #FFFFFF;
line-height: 1.5em;}

#page H3 {
font-size: .9em;
color: #333;
padding-top: .5em;
padding-bottom: .5em;
margin-bottom: 0em;
margin-top: 0em;
font-weight: bold;
}

#page P {
font-size: .9em;
margin-top: .5em;
margin-bottom: .5em;
line-height: 1.4em;
color: #333333;
background-color: #FFF;
padding-left: 0em;
padding-right: 2em;
margin-left: 0em;}

#page ul {
padding: 0em;
padding-top: 0em;
padding-bottom: .5em;
margin-left: 2em;
}
#page li {
list-style-type: disc;
display: list-item;
list-style-position: outside;
color: #333333;
background-color: #FFF;
font-size: .9em;
margin-top: .5em;
margin-bottom: .5em;}

#page a:link {
color: #00F;
font-weight: normal;
background-color: #FFF;
text-decoration: underline;}

#page a:visited {
font-weight: normal;
color: #800080;
background-color: #FFF;
text-decoration: none;}

#page a:hover {
color: #00F;
font-weight: normal;
background-color: #FFF;
text-decoration: underline;
border: none;}

.page-hr {
background-color: #FFF;
color: #09C;
background-image: url(images/hr.gif);
height: 1px;
background-repeat: repeat-x;
margin-top: .5em;
margin-bottom: .5em;
margin-left: 0em;
margin-right: 2em;}


#publications {
margin-right: 0em;
margin-left: 0em;}

#publications H2 {
font-size: 1.0em;
color: #333333;
padding-top: .25em;
margin: 0em;
padding-bottom: 0em;
padding-left: 0em;
font-weight: bold;
background-color: #FFFFFF;
line-height: 1.5em;}

#publications H3 {
font-size: .9em;
color: #333333;
padding-top: 0em;
padding-bottom: 0em;
padding-left: 0em;
font-weight: bold;
background-color: #FFFFFF;
margin-bottom: 0em;
margin-top: 1em;
line-height: 1.5em;
padding-right: 0em;}

#publications P {
font-size: .9em;
margin-top: 0em;
margin-bottom: .5em;
line-height: 1.4em;
color: #333333;
background-color: #FFF;
padding-left: 0em;
padding-right: 1em;
margin-left: .25em;}

#news H3 {
margin-bottom: 0em;
padding-bottom: 0em;
font-size: 1.3em;
background-color: #FFFFFF;
color: #666666;}

#news P {
margin-bottom: 1em;
padding-bottom: 0em;
font-size: 1.2em;
background-color: #FFFFFF;
color: #666666;}

#faq H1 {
font-family: Arial, Helvetica, sans-serif;
font-size: 1.4em;
color: #666;
letter-spacing: .1em;
padding-top: 1em;
margin: 0em;
padding-bottom: 1em;
padding-left: 0em;
font-weight: normal;
line-height: 1.5em;}

#faq ul {
padding-top: .5em;
padding-bottom: .5em;
margin-left: 3em;}

#faq li {
list-style-type: decimal;
padding: 0em;
display: list-item;
list-style-position: outside;
font-family: Arial, Helvetica, sans-serif;
font-size: 1.25em;
margin-top: .5em;
margin-bottom: .25em;
line-height: 1.5em;}


#footnote {
font-family: Arial, Helvetica, sans-serif;
font-size: .7em;
margin-top: 1em;
margin-bottom: 1em;
color: #000000;
background-color: #FFF;
padding-left: 0em;
padding-right: 0em;
padding-bottom: .5em;
border-top: 1px #06C solid;
border-bottom: 1px #06C solid;
padding-top: 1em;
margin-left: 0em;
margin-right: 1em;}

#footer {
background-image: url(images/programmes-bottom-curves.gif);
background-color: #06C;
background-repeat: no-repeat;
background-position: bottom;
color: #FFFFFF;
padding-bottom: 1em;
padding-left: 3em;
height: 20px;
margin-top: 1em;
clear: both;
margin-bottom: 0em;}

#footer p {
font-size: .7em;
color: #FFFFFF;
background-color: #0066CC;
padding-top: 10px;
margin: 0em;
margin-bottom: 1em;}

#footer a:link {
color: #FFF;
background-color: #0066CC;
text-decoration: none;
font-weight: normal;}

#footer a:visited {
text-decoration: none;
font-weight: normal;
color: #EEE;
background-color: #0066CC;}

#footer a:hover {
color: #FFF;
text-decoration: underline;
font-weight: normal;
background-color: #0066CC;}

abbr {
border-bottom-width: 1px;
border-bottom-style: dotted;
cursor: help; border-bottom: none;}

.abbr {
border-bottom-width: 1px;
border-bottom-style: dotted;}