/* Site Styles Stylesheet, James Greenwood, StrawberryDigital.co.uk, April 2009 */

body
{
    background-color: #c9ed2e;
    background-repeat: repeat-x;
    font-size: 101%;
    font-family: Helvetica, Arial, Sans-Serif;
}

.clsJumpToContent{display: none;}
.clsClear{clear: both;}
a{text-decoration: none;}

#divLeftHills 
{
	background: #c9ed2e url(../img/left-bg.gif) top left repeat-x;
	height: 768px;
	width: 50%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: -1;
}
	
#divRightHills 
{
	background: #c9ed2e url(../img/right-bg.gif) top left repeat-x;
	height: 768px;
	width: 50%;
	position: absolute;
	top: 0;
	right: 0;
	z-index: -1;
}

#divSiteContainer
{
	background: url(../img/main-bg.gif) top center no-repeat;
	width: 970px;
	height: 768px;
	margin: 0 auto;
}

#divHeader{height: 175px;}
#divHeader #divH1
{
    float: left; 
    background-image: url(../img/take-control-logo.png); 
    height: 175px;  
    width: 251px; 
    text-indent: -99999px; 
    margin: 0 0 0 12px;
}

#divHeader #divH1 a{height: 175px; width: 251px; display: block;}
#divHeader #divH2
{
    float: right; 
    display: block; 
    background-image: url(../img/take-control-telephone.png); 
    height: 175px; 
    width: 474px; 
    text-indent: -99999px;
}
#divHeader #divH2 a{height: 185px; width: 471px; display: block;}

#divContraceptionHome
{
    float: left; 
    width: 325px; 
    height: 468px; 
    display: block; 
    background-image: url(../img/home-contraception.png); 
    margin: 0 10px 0 0;
}

#divContraceptionHome a
{
    display: block; 
    width: 333px; 
    height: 468px; 
    text-indent: -99999px;
}

#divPregnantHome
{
    float: left; 
    width: 313px; 
    height: 467px; 
    display: block; 
    background-image: url(../img/home-pregnant.png); 
    margin: 0 3px 0 0;
}

#divPregnantHome a
{
    display: block; 
    width: 313px; 
    height: 468px; 
    display: block; 
    text-indent: -99999px;
}

#divJustBabyHome
{
    float: left; 
    width: 318px; 
    height: 486px; 
    display: block; 
    background-image: url(../img/home-justhadababy.png);
}

#divJustBabyHome a
{
    display: block; 
    width: 318px; 
    height: 486px; 
    display: block; 
    text-indent: -99999px;
}

#divNHSSubFooter
{
    clear: both; 
    width: 970px; 
    height: 61px; 
    background-image: url(../img/nhs-footer.png); 
    display: block;
}

#divNHSSubFooter a
{
    float: right;
    width: 300px; 
    height: 61px; 
    display: block; 
    text-indent: -99999px;
}

#divSiteFooter
{
    padding: 0 0 30px 0;
}

#divSiteFooter h4
{
    text-indent: -99999px;
}

#divFooterLeft
{
    float: left; 
    margin: -30px 0 0 12px;
}

#divFooterRight
{
    float: right; 
    margin: -30px 0 0 0; 
    text-align: right;
}

#divSiteFooter ul
{
    display: inline; 
    list-style: none; 
    margin: 0; padding: 0;
}

#divSiteFooter ul li
{
    display: inline; 
    list-style: none; 
    font-size: 12px; 
    color: #231f20;
}

#divSiteFooter ul li.clsFooterDivide{border-left: solid 1px #246090; padding: 0 0 0 5px;}
#divSiteFooter a
{
    color: #231f20; line-height: 22px;
}

#divSiteFooter a:hover
{
    border-bottom: solid 1px #231f20; padding: 0 0 1px 0;
}

#divContraceptionBack
{
    background-image: url(../img/contraception-background.png); 
    background-repeat: no-repeat; 
    width: 970px;
    margin: 0 0 10px 0; 
    min-height: 468px;
}

#divPregnancyBack
{
    background-image: url(../img/pregnancy-background.png); 
    background-repeat: no-repeat; 
    width: 970px;
    margin: 0 0 10px 0; 
    min-height: 468px;
}

#divJustHadABabyBack
{
    background-image: url(../img/justhadababy-background.png); 
    background-repeat: no-repeat; 
    width: 970px;
    margin: 0 0 10px 0; 
    min-height: 468px;
}

#divContentMenu{width: 208px; float: left;}

#divContentMain
{
    float: left; 
    width: 752px; 
    padding: 0 10px 0 0;
}

#divContraceptionIllustration
{
    float: left; 
    margin: 0 0 0 -25px; 
    width: 207px; 
    height: 458px; 
    background-image: url(../img/contraception-illustration.png); 
    background-repeat: no-repeat; 
    background-position: bottom;
}

#divPregnancyIllustration
{
    float: left; 
    margin: 0 0 0 -25px; 
    width: 207px; 
    height: 458px; 
    background-image: url(../img/pregnancy-illustration.png); 
    background-repeat: no-repeat; 
    background-position: bottom;
}

#divJustHadABabyIllustration
{
    float: left; 
    margin: 0 0 0 -25px; 
    width: 207px; 
    height: 458px; 
    background-image: url(../img/justhadababy-illustration.png); 
    background-repeat: no-repeat; 
    background-position: bottom;
}

#divContentDetails
{
    float: right; 
    width: 525px; 
    padding: 0 40px 0 0;
}

#divContentDetails h2.clsH2Contraception
{
    color: #000; 
    font-size: 1.7em; 
    font-weight: normal; 
    line-height: 22px;
    margin: 35px 0 0 0;
    
}
#divContentDetails h3.clsH3Contraception
{
    color: #1e6372; 
    font-size: 1.3em; 
    font-weight: normal; 
    line-height: 26px;  
    letter-spacing: -1px;
}

#divContentDetails h2.clsH2Pregnancy
{
    color: #FFDB3F; 
    font-size: 1.7em; 
    font-weight: normal; 
    line-height: 22px;
    margin: 35px 0 0 0;
    
}
#divContentDetails h3.clsH3Pregnancy
{
    color: #fff; 
    font-size: 1.3em; 
    font-weight: normal; 
    line-height: 26px;  
    letter-spacing: -1px;
}

#divContentDetails h2.clsH2JustHadABaby
{
    color: #FADF48; 
    font-size: 1.7em; 
    font-weight: normal; 
    line-height: 22px;
    margin: 35px 0 0 0;
    
}
#divContentDetails h3.clsH3JustHadABaby
{
    color: #fff; 
    font-size: 1.3em; 
    font-weight: normal; 
    line-height: 26px;  
    letter-spacing: -1px;
}

#divContentDetails h2.clsH2SiteDetails
{
    color: #000; 
    font-size: 1.5em; 
    font-weight: normal; 
    line-height: 14px;
    margin: 35px 0 0 0;
    
}
#divContentDetails h3.clsH3SiteDetails
{
    color: #1e6372; 
    font-size: 1.2em; 
    font-weight: normal; 
    line-height: 14px;  
    letter-spacing: -1px;
}

.clsPaperHeader
{
    width: 552px; 
    min-height: 75px;     
    background-image: url(../img/paper-header.png);     
    background-repeat: no-repeat;
    margin: 30px 0 0 0;    
}

.clsPaperHeader h4.clsH4Contraception
{
    font-size: 1.1em; 
    letter-spacing: -1px; 
    color: #F26522; 
    font-weight: normal; 
    line-height: 26px;         
    padding: 25px 30px 20px 25px;    
    margin: 0;
 }
 
 .clsPaperHeader h4.clsH4Pregnancy
{
    font-size: 1.1em; 
    letter-spacing: -1px; 
    color: #E55715; 
    font-weight: normal; 
    line-height: 26px;         
    padding: 25px 30px 20px 25px;    
    margin: 0;
 }
 
  .clsPaperHeader h4.clsH4JustHadABaby
{
    font-size: 1.1em; 
    letter-spacing: -1px; 
    color: #439E27; 
    font-weight: normal; 
    line-height: 26px;         
    padding: 25px 30px 20px 25px;    
    margin: 0;
 }
 
.clsPaperBody
{
    width: 502px; 
    margin: 0; 
    padding: 0 25px 0 25px;
    background-image: url(../img/paper-body.png);
}

.clsPaperBody p{margin: 0; padding: 0 0 10px 0; font-size: 0.8em; line-height: 18px;}
.clsPaperBody h4{font-weight: bold; font-size: 1.0em; margin: 0; padding: 0 0 5px 0; color: #000;}
.clsPaperBody h5{margin: 0; padding: 10px 0 10px 0; font-size: 0.9em;}
.clsPaperBody h6{margin: 0; padding: 0; font-size: 1.0em; font-weight: normal;}
.clsPaperBody a{color: #000; font-size: 0.8em;}
.clsPaperBody a:hover{color: #ff0000;}
.clsPaperBody p a{color: #F26522; font-size: 1.0em;}
.clsPaperBody p a:hover{color: #ff0000; border-bottom: solid 1px #ff0000; padding: 0 0 1px 0;}
.clsPaperBody ul{margin: 0 0 0 20px; padding: 0 0 20px 0;}
.clsPaperBody ul li{font-size: 0.8em; line-height: 24px;}
.clsPaperBody ul li a{color: #F26522; font-size: 1.0em;}
.clsPaperBody ul li a:hover{color: #F26522; border-bottom: solid 1px #F26522; padding: 0 0 1px 0;}
.clsPaperFooter{margin: 0; padding: 0; width: 552px; height: 25px; background-image: url(../img/paper-footer.png);}

/* MENU */
#divContentMenu ul{display: block; list-style: none; margin: 0; padding: 18px 0 0 0;}
#divContentMenu ul li{display: block; list-style: none; width: 208px; height: 44px;}
#divContentMenu ul li a{display: block; width: 178px; padding: 0 0 0 25px; height: 44px; line-height: 40px; color:#000; font-size: 1.0em; font-weight: bold; letter-spacing: -1px;}
#divContentMenu ul li a:hover{background-image: url(../img/contraception-menu-back-on.png);}

/* MENU: HOME */
#divContentMenu ul li.liHome{display: block; list-style: none; width: 208px; height: 44px; margin: 0 0 10px 0;}
#divContentMenu ul li.liHome a{color: #fff; background-image: url(../img/home-back.png); background-repeat: no-repeat; line-height: 56px; height: 48px; padding: 0 0 0 75px; width: 133px;}
#divContentMenu ul li.liHome a:hover{color: #f36523;}

/* MENU: INDIVIDUAL MENU STYLES */
#divContentMenu ul li.liContraceptionMenuItem a{display: block; width: 178px; padding: 0 0 0 25px; height: 44px; line-height: 40px; color:#000; font-size: 1.0em; font-weight: bold; letter-spacing: -1px;}
#divContentMenu ul li.liContraceptionMenuItem a:hover{background-image: url(../img/contraception-menu-back-on.png);}
#divContentMenu ul li.liPregnancyMenuItem a{display: block; width: 178px; padding: 0 0 0 25px; height: 44px; line-height: 40px; color:#000; font-size: 1.0em; font-weight: bold; letter-spacing: -1px;}
#divContentMenu ul li.liPregnancyMenuItem a:hover{background-image: url(../img/pregnancy-menu-back-on.png);}
#divContentMenu ul li.liJustHadBabyMenuItem a{display: block; width: 178px; padding: 0 0 0 25px; height: 44px; line-height: 40px; color:#000; font-size: 1.0em; font-weight: bold; letter-spacing: -1px;}
#divContentMenu ul li.liJustHadBabyMenuItem a:hover{background-image: url(../img/justhadababy-menu-back-on.png);}

/* MENU: SECTION STYLES */
#divContentMenu ul li.liGoingToHaveABaby{display: block; list-style: none; width: 207px; height: 41px; margin: 10px 0 0 0;}
#divContentMenu ul li.liGoingToHaveABaby a{color: #FFDD41; background-image: url(../img/pregnancy-section.png); background-repeat: no-repeat; line-height: 38px; font-size: 0.9em; height: 41px; width: 207px; font-weight: bold;}
#divContentMenu ul li.liGoingToHaveABaby a:hover{color: #fff;}
#divContentMenu ul li.liJustHadABaby{display: block; list-style: none; width: 207px; height: 41px; margin: 10px 0 0 0;}
#divContentMenu ul li.liJustHadABaby a{color: #fff; background-image: url(../img/justhadababy-section.png); background-repeat: no-repeat; line-height: 38px;font-size: 0.9em; height: 41px; width: 207px; font-weight: bold;}
#divContentMenu ul li.liJustHadABaby a:hover{color: #FFDD41;}
#divContentMenu ul li.liContraception{display: block; list-style: none; width: 207px; height: 41px; margin: 10px 0 0 0;}
#divContentMenu ul li.liContraception a{color: #F26522; background-image: url(../img/contraception-section.png); background-repeat: no-repeat; line-height: 38px;font-size: 0.9em; height: 41px; width: 207px; font-weight: bold;}
#divContentMenu ul li.liContraception a:hover{color: #fff;}

/* ACCORDION STYLES */
.accordionHeader
{
	height: 40px;
	margin: 0;
	padding: 0 0 5px 0;
}

.accordionHeader a
{
	display: block;
	outline: 0;
	line-height: 40px;	
    /*background-color: #F26522;*/
    background-image: url(../img/button.png);
    color: #fff;
    font-size: 1.1em;
	padding: 0 0 0 25px;
}
.accordionHeader a:hover{color: #FFDD41;}
.clsContraceptionAccordionPane{padding: 10px; background-color: #fff;}
.clsContraceptionAccordionPane h4{font-weight: bold; font-size: 1.0em; margin: 0; padding: 0 0 5px 0; color: #000;}