/*
NHS Cancer Screening Programmes 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;} 


/*
page-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;}

#rightcolumn {
float: right;
width: 220px;
color: #000000;
background: #FFF;
margin: 0px .5em 0px 0px;
}
#rightcolumn img {
float: left;
margin-right: 10px;
margin-bottom: 10px;}

#rightcolumn P {
font-family: Arial, Helvetica, sans-serif;
font-size: .8em;
margin-top: 0em;
margin-bottom: 0em;
line-height: 1.5em;
color: #000000;
background-color: #FFFFFF;
padding-left: .2em;
padding-right: 0em;
padding-bottom: 0em;
margin-left: 0em;
margin-right: 0em;
padding-top: 2em;}

#page {
padding-left: 2em;
padding-top: 0em;
padding-right: 0em;
padding-bottom: 20px;
background-color: #FFFFFF;
float: left;
width: 700px;
margin-left: .5em;}

#page H1 {
font-family: Arial, Helvetica, sans-serif;
font-size: 1.5em;
color: #000;
letter-spacing: .1em;
padding-top: 1em;
margin: 0em;
padding-bottom: 1em;
padding-left: 2em;}

#page H2 {
font-family: Arial, Helvetica, sans-serif;
font-size: 1.20em;
padding-top: .5em;
margin: 0em;
padding-bottom: 0em;
padding-left: 2em;}

#page H3 {
font-family: Arial, Helvetica, sans-serif;
font-size: 1.2em;
color: #000;
padding-top: .5em;
padding-bottom: 0em;
padding-left: 2em;
margin-bottom: 2em;
margin-top: .5em;}

#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 a:link {
color: #0000FF;
font-weight: normal;
background-color: #FFF;
text-decoration: none;}

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

#page a:hover {
color: #0000FE;
font-weight: normal;
background-color: #FFF;
text-decoration: underline;}

#breast-screening {
float: left;
width: 325px;
padding-top: 0em;
background-color: #FFFFFF;
color: #000;
border: 1px #990066 solid;
margin-left: 0em;
padding-bottom: 0em;
height: 164px;}

#breast-screening-header {
width: 100%;
margin-top: 0px;
background-color: #990066;color: #FFF;
padding-bottom: .5em;
background-image: url(images/home-nav-breast-bg.gif);
background-repeat: no-repeat;
background-position: top right;}

#breast-screening-header h2 {
font-family: Arial, Helvetica, sans-serif;
font-size: .9em;
font-weight: normal;
padding-left: 1em;}

#breast-screening-header h2 a:link {
color: #FFFFFF;
font-weight: normal;
background-color: #990066;
text-decoration: none;
font-size: .9em;}

#breast-screening-header h2 a:visited {
font-weight: normal;
color: #FFFFFE;
background-color: #990067;
text-decoration: none;
font-size: .9em;}

#breast-screening-header h2 a:hover {
color: #FFFFF9;
background-color: #990065;
text-decoration: none;
font-weight: normal;
font-size: .9em;}

#breast-screening P {
font-family: Arial, Helvetica, sans-serif;
font-size: .8em;
line-height: 1.3em;
color: #000000;
background-color: #FFFFFF;
padding: 0em;
width: 35%;
margin-left: .75em;
margin-top: .75em;
margin-bottom: .75em;
margin-right: 0em;}

#breast-screening a:link {
color: #990066;
font-weight: normal;
background-color: #FFF;
text-decoration: none;}

#breast-screening a:visited {
font-weight: normal;
color: #999;
background-color: #FFF;
text-decoration: none;}

#breast-screening a:hover {
color: #990067;
background-color: #FFF;
text-decoration: underline;
font-weight: normal;}

#breast-screening ul {
list-style:none;
margin:0;
padding:0;
width: 100px;}

#breast-screening ul li {
font-size: .8em;}

#breast-screening ul li a {
background-color: #FFFFFF;
display:block;
padding: 6px 0px 6px 3px;
text-decoration:none;
margin-bottom: 0px;
border-bottom: 1px #906 solid;}

#breast-screening ul li a:visited {
display:block;
padding: 6px 3px 6px 3px;
text-decoration:none;
margin-bottom: 0px;
color: #990066;
background-color: #FFFFFF;
border-bottom: 1px #906 solid;}

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

a:hover {
color: #990066;
font-weight: normal;
}

#cervical-screening {
float: right;
width: 325px;
padding-top: 0em;
background-color: #FFF;
color: #000;
border: 1px #009966 solid;
margin-right: 2em;
height: 164px;
}

#cervical-screening-header {
width: 100%;
margin-top: 0px;
background-color: #009966;
color: #FFF;
padding-bottom: .5em;
background-image: url(images/home-nav-cervical-bg.gif);
background-repeat: no-repeat;
background-position: top right;}

#cervical-screening-header h2 {
font-family: Arial, Helvetica, sans-serif;
font-size: .9em;
font-weight: normal;
padding-left: 1em;}

#cervical-screening-header h2 a:link {
color: #FFFFFF;
font-weight: normal;
background-color: #009966;
text-decoration: none;
font-size: .9em;}

#cervical-screening-header h2 a:visited {
font-weight: normal;
color: #FFFFFE;
background-color: #009967;
text-decoration: none;
font-size: .9em;}

#cervical-screening-header h2 a:hover {
color: #FFFFF9;
background-color: #009965;
text-decoration: none;
font-weight: normal;
font-size: .9em;}

#cervical-screening P {
font-family: Arial, Helvetica, sans-serif;
font-size: .8em;
line-height: 1.3em;
color: #000000;
background-color: #FFFFFF;
margin-left: .75em;
margin-top: .75em;
margin-bottom: .75em;
margin-right: 0em;
padding: 0em;
width: 35%;}

#cervical-screening a:link {
color: #009966;
font-weight: normal;
background-color: #FFF;
text-decoration: none;}

#cervical-screening a:visited {
font-weight: normal;
color: #999;
background-color: #FFF;
text-decoration: none;}

#cervical-screening a:hover {
color: #009967;
background-color: #FFF;
text-decoration: underline;
font-weight: normal;}

#bowel-cancer-screening {
float: left;
width: 325px;
padding-top: 0em;
background-color: #FFF;
color: #000;
border: 1px #FF6600 solid;
margin-top: 1em;
margin-left: 0em;
clear: left;
height: 164px;
padding-bottom: 0em;}
#bowel-cancer-screening-header {
width: 100%;
margin-top: 0px;
background-color: #FF6600;
color: #FFF;
padding-bottom: .5em;
background-image: url(images/home-nav-bowel-bg.gif);
background-repeat: no-repeat;
background-position: top right;}

#bowel-cancer-screening-header h2 {
font-family: Arial, Helvetica, sans-serif;
font-size: .9em;
font-weight: normal;
padding-left: 1em;}

#bowel-cancer-screening-header h2 a:link {
color: #FFFFFF;
font-weight: normal;
background-color: #FF6600;
text-decoration: none;
font-size: .9em;}

#bowel-cancer-screening-header h2 a:visited {
font-weight: normal;
color: #FFFFFE;
background-color: #FF6609;
text-decoration: none;
font-size: .9em;}

#bowel-cancer-screening-header h2 a:hover {
color: #FFFFF9;
background-color: #FF6601;
text-decoration: none;
font-weight: normal;
font-size: .9em;}

#bowel-cancer-screening P {
font-family: Arial, Helvetica, sans-serif;
font-size: .8em;
line-height: 1.3em;
color: #000000;
background-color: #FFFFFF;
margin-left: .75em;
margin-top: .75em;
margin-bottom: .75em;
margin-right: 0em;
padding: 0em;
width: 35%;}

#bowel-cancer-screening a:link {
color: #e25a00;
font-weight: normal;
background-color: #FFF;
text-decoration: none;}

#bowel-cancer-screening a:visited {
font-weight: normal;
color: #999;
background-color: #FFF;
text-decoration: none;}

#bowel-cancer-screening a:hover {
color: #e25a01;
background-color: #FFF;
text-decoration: underline;
font-weight: normal;}

#prostate {
float: right;
width: 325px;
padding-top: 0em;
background-color: #FFF;
color: #000;
border: 1px #0099CC solid;
margin-top: 1em;
margin-right: 2em;
height: 164px;}

#prostate-header {
width: 100%;
margin-top: 0px;
background-color: #0099CC;
color: #FFF;
padding-bottom: .5em;
background-image: url(images/home-nav-prostate-bg.gif);
background-repeat: no-repeat;
background-position: top right;}

#prostate-header h2 {
font-family: Arial, Helvetica, sans-serif;
font-size: .9em;
font-weight: normal;
padding-left: 1em;}

#prostate-header h2 a:link {
color: #FFFFFF;
font-weight: normal;
background-color: #0099CC;
text-decoration: none;
font-size: .9em;}

#prostate-header h2 a:visited {
font-weight: normal;
color: #FFFFFE;
background-color: #0099CB;
text-decoration: none;
font-size: .9em;}

#prostate-header h2 a:hover {
color: #FFFFF9;
background-color: #0099CD;
text-decoration: none;
font-weight: normal;
font-size: .9em;}

#prostate P {
font-family: Arial, Helvetica, sans-serif;
font-size: .8em;
line-height: 1.3em;
color: #000000;
background-color: #FFFFFF;
margin-left: .75em;
margin-top: .75em;
margin-bottom: .75em;
margin-right: 0em;
padding: 0em;
width: 35%;}

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

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

#prostate a:hover {
color: #0099CD;
background-color: #FFF;
text-decoration: underline;
font-weight: normal;}

#footnote {
font-family: Arial, Helvetica, sans-serif;
font-size: 1em;
margin-top: .5em;
margin-bottom: .5em;
color: #0066CC;
background-color: #FFF;
padding-left: 2em;
padding-right: 2em;
padding-bottom: .5em;
}

#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;
}

#footer p {
font-family: Arial, Helvetica, sans-serif;
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: #0067CC;}

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

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

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

.none {
display: none;}

.address {
float: left;
margin-right: 150px;}