/* Relate: IE5+

/* body

*/

	body {margin-left: 0px; margin-top: 0px; color: #07334C; font-family: verdana,arial,helvetica,sans-serif; font-size: 100%;}

	form {padding-right: 0px; padding-left: 0px; padding-bottom: 0px; margin: 0px; padding-top: 0px;}

    input, select {font-size: .71em;}

	table,td,th {font-size: 100%;}



/* headings

*/

	h1 {font-size: 1em; margin-left: 8px; margin-top: 20px;}

	h2 {font-size: .86em;}

	h3 {font-size: .86em; margin-left: 30px;}

	

/* general copy

*/

	p, div {font-size: .71em; margin: 0px;}	

	ol {font-size: .76em; margin-left: 80px;}

    .hbar {font-size: .71em; margin-left: 8px;}

	.copy {font-size: .76em; margin-left: 30px; margin-right: 8px; margin-bottom: 20px; }

	.footnotecopy {font-size: .69em; margin-left: 30px; margin-right: 8px; }

	.faq {font-size: .76em; margin-right: 8px;}

	.listcopy {font-size: .76em; margin-left: 30px; margin-right: 8px; margin-bottom: 10px;}

	.indentcopy {font-size: .76em; margin-left: 50px; margin-right: 8px; margin-top: -12px; margin-bottom: 20px;}

    .path {font-size: .71em; margin-left: 8px; margin-top: 8px;}		

    .linkbox {font-size: .71em; margin-top: 3px; margin-bottom: 3px; font-weight: normal; color: #ffffff;}

	.linkboxheading {font-size: .71em; margin-top: 3px; margin-bottom: 3px; font-weight: bold; color: #FFFFFF;}

    .linkboxlight {font-size: .71em; margin-top: 2px; margin-bottom: 2px;}

	.bookdet {font-size: .76em; margin-left: 6px; margin-right: 6px; margin-bottom: 20px;}

	.homecopy {font-size: .76em; color: #07334C;}		

	

	.jobheading {font-size: .76em; color: #FFFFFF; font-weight: bold;}	

	.jobtbltext {font-size: .76em;}

	.jobtitle {font-size: .76em; font-weight: bold;}

	.jobtext {font-size: .76em; margin-left: 20px;}

	

	.colourtitle {font-weight: bold;}

	.colourtext {font-size: .76em; margin-left: 10px;}

	

	.polltitle {font-size: .71em; margin-left: 5px; margin-top: 3px; margin-bottom: 3px; font-weight: bold; color: #ffffff;}

	

	li.body {font-size: .71em; margin-left: 5px;}	

	li.box {margin-left: 0px;}	

/*	li.copybullet {font-size: .76em; margin-left: 30px;}*/

	li.copybullet {font-size: .76em; margin-left: 10px; margin-right: 8px; margin-bottom: 8px;}

	

	.tbl {margin-left: 30px;}

	.tblcolour {margin-left: 30px; border: 1px solid #00AFEF;}

	.tbladmin {margin-left: 30px; font-size: .76em;}



/* links

*/

	a, a:link,a:visited {text-decoration: none; font-size: 1em; font-weight: bold; color: #000000;}

	a.plain, a.plain:link,a.plain:visited {text-decoration: none; font-size: 1em; font-weight: normal; color: #000000;}

	a.nav, a.nav:link,a.nav:visited {text-decoration: none; font-size: 1em; font-weight: bold; color: #FFFFFF;}

	a.nav:hover {text-decoration: underline; }

	

/*	blue */

	a.home, a.home:link,a.home:visited {text-decoration: none; font-size: 1em; font-weight: bold; color: #0091D4;}

	a.homebody, a.homebody:link,a.homebody:visited {text-decoration: underline; font-size: 1em; font-weight: bold; color: #0091D4;}

	a.homefact, a.homefact:link,a.homefact:visited {text-decoration: none; font-size: 1em; font-weight: bold; color: #0091D4;}



/*	green */

	a.advice, a.advice:link,a.advice:visited {text-decoration: none; font-size: 1em; font-weight: bold; color: #75B41C;}

	a.advicebody, a.advicebody:link,a.advicebody:visited {text-decoration: underline; font-size: 1em; font-weight: bold; color: #75B41C;}

	a.advicefact, a.advicefact:link,a.advicefact:visited {text-decoration: none; font-size: 1em; font-weight: bold; color: #75B41C;}

	

/*	orange */

	a.charge, a.charge:link,a.charge:visited {text-decoration: none; font-size: 1em; font-weight: bold; color: #E5721E;}

	a.chargebody, a.chargebody:link,a.chargebody:visited {text-decoration: underline; font-size: 1em; font-weight: bold; color: #E5721E;}

	a.chargefact, a.chargefact:link,a.chargefact:visited {text-decoration: none; font-size: 1em; font-weight: bold; color: #E5721E;}

	

/*	red */

	a.sex, a.sex:link,a.sex:visited {text-decoration: none; font-size: 1em; font-weight: bold; color: #CA0000;}

	a.sexbody, a.sexbody:link,a.sexbody:visited {text-decoration: underline; font-size: 1em; font-weight: bold; color: #CA0000;}  

	a.sexfact, a.sexfact:link,a.sexfact:visited {text-decoration: none; font-size: 1em; font-weight: bold; color: #CA0000;}

	

/*	purple */

	a.family, a.family:link,a.family:visited {text-decoration: none; font-size: 1em; font-weight: bold; color: #813180;}

	a.familybody, a.familybody:link,a.familybody:visited {text-decoration: underline; font-size: 1em; font-weight: bold; color: #813180;}

	a.familyfact, a.familyfact:link,a.familyfact:visited {text-decoration: none; font-size: 1em; font-weight: bold; color: #813180;}

	

	/*

	blue

	a.home, a.home:link,a.home:visited {text-decoration: none; font-size: 1em; font-weight: bold; color: #00AFEF;}

	a.homebody, a.homebody:link,a.homebody:visited {text-decoration: underline; font-size: 1em; font-weight: bold; color: #00AFEF;}

	

	green

	a.advice, a.advice:link,a.advice:visited {text-decoration: none; font-size: 1em; font-weight: bold; color: #8FC740;}

	a.advicebody, a.advicebody:link,a.advicebody:visited {text-decoration: underline; font-size: 1em; font-weight: bold; color: #8FC740;}

	

	orange

	a.charge, a.charge:link,a.charge:visited {text-decoration: none; font-size: 1em; font-weight: bold; color: #F58735;}

	a.chargebody, a.chargebody:link,a.chargebody:visited {text-decoration: underline; font-size: 1em; font-weight: bold; color: #F58735;} 

	

	pink

	a.sex, a.sex:link,a.sex:visited {text-decoration: none; font-size: 1em; font-weight: bold; color: #EF3F9F;}

	a.sexbody, a.sexbody:link,a.sexbody:visited {text-decoration: underline; font-size: 1em; font-weight: bold; color: #EF3F9F;}  

	

	purple

	a.family, a.family:link,a.family:visited {text-decoration: none; font-size: 1em; font-weight: bold; color: #90378F;}

	a.familybody, a.familybody:link,a.familybody:visited {text-decoration: underline; font-size: 1em; font-weight: bold; color: #90378F;}

	*/

	

	a:hover, a.home:hover, a.homefact:hover, a.advice:hover, a.advicefact:hover, a.charge:hover, a.chargefact:hover, a.sex:hover, a.sexfact:hover, a.family:hover, a.familyfact:hover {text-decoration: underline;}	

	

/* general images

*/    

    .banner {margin-bottom: 0px;}

    .logo {margin-bottom: 0px;}

    .button {margin-left: 6px; margin-right: 3px; margin-top: 0px;}

    .pollbutton {margin-left: 6px; margin-bottom: 6px; margin-top: 2px;}	

	.panelimg {margin-left: 0px; margin-bottom: 20px; border: 4px solid #90378F;}

    

/* Home page colours - blue

*/

	.homebgdark {background-color: #00AFEF;}	

	.homebgmed {background-color: #B3E7FA;}	

	.homebglight {background-color: #DBF4FD;}	

	.homebgvlight {background-color: #FFFFFF;}

	.homevline {border-left: 1px solid #00AFEF;}

    .hometext {color: #07334C;}    /* #07334C */

	.homeimg {margin-left: 30px; margin-bottom: 20px; border: 4px solid #00AFEF;}

	.homeimgnolink {border: 1px solid #07334C;}

	.homeborder {border: 1px solid #00AFEF;}

	.homeadvert {background-color: #FFFFFF; border: 4px solid #00AFEF;}	

	.homelinkbox {font-size: .71em; margin-top: -4px; margin-bottom: 0px; margin-left: 25px; color: #00AFEF;}

	.homefact {font-size: 1em; font-weight: bold; color: #0091D4;}

	

/* Want Advice colours - green

*/

	.advicebgdark {background-color: #8FC740;}	

	.advicebgmed {background-color: #DEEEC6;}	

	.advicebglight {background-color: #EFF7E4;}	

	.advicebgvlight {background-color: #ffffff;}

    .advicevline {border-left: 1px solid #8FC740;}

	.advicetext {color: #75B41C;}    /* #8FC740 */

	.adviceimg {margin-left: 30px; margin-bottom: 20px; border: 4px solid #8FC740;}

	.adviceborder {border: 1px solid #8FC740;}

	.adviceadvert {background-color: #FFFFFF; border: 4px solid #8FC740;}

	.advicefact {font-size: 1em; font-weight: bold; color: #75B41C;}

	.advicelinkbox {font-size: .71em; margin-top: -4px; margin-bottom: 0px; margin-left: 25px; color: #8FC740;}

	.advicecentralimg {margin-left: 0px; margin-bottom: 20px; border: 4px solid #8FC740;}

    

/* Take Charge page colours - orange

*/

	.chargebgdark {background-color: #F58735;}	

	.chargebgmed {background-color: #FCDBC3;}	

	.chargebglight {background-color: #FDECDF;}	

	.chargebgvlight {background-color: #ffffff;}

    .chargevline {border-left: 1px solid #F58735;}

    .chargetext {color: #E5721E;}    /* #F58735 */

	.chargeimg {margin-left: 30px; margin-bottom: 20px; border: 4px solid #F58735;}

    .chargeborder {border: 1px solid #F58735;}

	.chargeadvert {background-color: #FFFFFF; border: 4px solid #F58735;}

	.chargefact {font-size: 1em; font-weight: bold; color: #E5721E;}

	.chargelinkbox {font-size: .71em; margin-top: -4px; margin-bottom: 0px; margin-left: 25px; color: #E5721E;}

	.chargecentralimg {margin-left: 0px; margin-bottom: 20px; border: 4px solid #F58735;}



/* Sex Problems colours - red

*/

	.sexbgdark {background-color: #CA0000;}	

	.sexbgmed {background-color: #FCC2C2;}	

	.sexbglight {background-color: #FDDBDB;}	

	.sexbgvlight {background-color: #ffffff;}

    .sexvline {border-left: 1px solid #CA0000;}

    .sextext {color: #CA0000;}    /* #D80000 */

	.seximg {margin-left: 30px; margin-bottom: 20px; border: 4px solid #CA0000;}

    .sexborder {border: 1px solid #CA0000;}

	.sexadvert {background-color: #FFFFFF; border: 4px solid #CA0000;}

	.sexfact {font-size: 1em; font-weight: bold; color: #CA0000;}

	.sexlinkbox {font-size: .71em; margin-top: -4px; margin-bottom: 0px; margin-left: 25px; color: #CA0000;}

	.sexcentralimg {margin-left: 0px; margin-bottom: 20px; border: 4px solid #CA0000;}

	

/* Sex Problems colours - pink

	.sexbgdark {background-color: #EF3F9F;}	

	.sexbgmed {background-color: #FAC6E2;}	

	.sexbglight {background-color: #FDE4F1;}	

	.sexbgvlight {background-color: #ffffff;}

    .sexvline {border-left: 1px solid #EF3F9F;}

    .sextext {color: #D7398F;}    /* #EF3F9F

	.seximg {margin-left: 30px; margin-bottom: 20px; border: 4px solid #EF3F9F;}

    .sexborder {border: 1px solid #EF3F9F;}	

	.sexadvert {background-color: #FFFFFF; border: 4px solid #EF3F9F;}

*/

	

/* Family Life colours - purple

*/

	.familybgdark {background-color: #90378F;}	

	.familybgmed {background-color: #DEC3DE;}	

	.familybglight {background-color: #EDDFED;}

	.familybgvlight {background-color: #ffffff;}

    .familyvline {border-left: 1px solid #B67DB6;}    

    .familytext {color: #813180;}    /* #90378F */

	.familyimg {margin-left: 30px; margin-bottom: 20px; border: 4px solid #90378F;}

	.familyborder {border: 1px solid #90378F;}

	.familyadvert {background-color: #FFFFFF; border: 4px solid #90378F;}	

	.familyfact {font-size: 1em; font-weight: bold; color: #813180;}

	.familylinkbox {font-size: .71em; margin-top: -4px; margin-bottom: 0px; margin-left: 25px; color: #90378F;}

	.familycentralimg {margin-left: 0px; margin-bottom: 20px; border: 4px solid #90378F;}

	

	td.family {width: 102px; background: url(graphics/curve.gif); background-repeat: no-repeat; background-color: #90378F;}



/* Colour guide

*/

	.coolbluedark {background-color: #0000FF;}

	.fieryreddark {background-color: #FF0000;}

	.earthgreendark {background-color: #008000;}

	.sunshineyellowdark {background-color: #F1BC03;}

	.coolbluelight {background-color: #9595FF;}

	.fieryredlight {background-color: #FF7575;}

	.earthgreenlight{background-color: #53FF53;}

	.sunshineyellowlight{background-color: #FDD95E;}

	

	.cgtxt {margin: 10px;}



/* Relate Online

*/

	.ro {background-color: #f5f5f5;}



/*	Forms */



	.fm_formmasterForm {margin-left: 30px;}



	TABLE.FormTableWidth { width: 95%; }

	TABLE.FormSuccessTableWidth { width: 95%; margin-left: 30px; }



	.FormText { font-size: .76em; }



	.FormQuestion {background-color: #00AFEF; color: #ffffff; font-weight: bold; padding: 4px ;}	



	input.formfield, select.formfield, textarea.formfield { color: #000000;}



	input.errorformfield, select.errorformfield, textarea.errorformfield { background-color:#ffcc00; color: #000000;}



	input.mandatoryformfield, select.mandatoryformfield, textarea.mandatoryformfield { background-color:#D9E8F7; color: #000000;}



	.FormNavigation { text-align: right; }



	.FormHelpPanel {background-color:#B3E7FA; font-size: .71em; color: #000000; margin: 2px; }    



	.fm_errorMessage {color: #ff6633;}

	.mandatorySign {color: #0066CC; }



	.fm_progressBarPercent {font-size: .71em; color: #000000; }