body{background-color:#dddddd; text-align:center}
body{font-family:Arial, Helvetica, sans-serif; }
a:link, a:visited{color:#990000}
a:hover, a:active{color:#ff0000}
#centre{background-color:#ffffff; font-size:85%; line-height:1.5}
/*#centre{position:relative; margin:0 auto; width:760px; text-align:left; border:1px solid #990000; padding:0.3em }*/
#centre{position:relative; margin:0 auto; text-align:left; border:1px solid #990000; padding:0.3em; max-width:800px; }
#mainTitle{color:#990000}
h1{margin:0 0 10px 0; padding:0; font-size:44px}
h2{font-size:1.4em; color:#990000; margin:0}
h3{font-size:1.4em; font-weight:bold; margin-bottom:0}
h4{font-size:1.2em; font-weight:bold; margin-bottom:0}
.firstpara{margin-top:0}
.kindlelink{width:120px; font-size:small; color:#600; margin:10px auto; background-color:#fff; text-align:center; line-height:1;}
.kindlecover{}
.kindletext{margin:10px 0; font-weight:bold;}
.kindlebutton{margin:0 0 5px 0;}
p.kindlefoot {margin-top:10px; padding-top:10px; border-top:1px solid #990000}

.review{font-style:italic; margin:10px 60px 0 60px; text-align:left}
.reviewer{font-weight:bold; text-align:right; margin:0 60px 30px 60px}
.email{color:#990000; text-decoration:underline; cursor:pointer}
h1{font-family:"Times New Roman", Times, serif}
/* nav block */
#nav{margin:0 auto;}
#nav, #nav ul {	padding: 0;	margin: 0;	list-style: none;}
#nav a {	display: block;	padding:0.1em 0.25em ; color:#ffffff; font-weight:bold; background-color:#990000; text-decoration:none;}
#nav li {	float: left;	 border:1px solid black; font-family:Arial, Helvetica, sans-serif; font-size:small; margin:1px}

#nav li ul {	position: absolute;	width: 15em;	left: -999em;}
#nav li ul li {display:block; color:#ffffff; width:15em; border:1px solid black; margin:0}
#nav li ul li a{width:14.5em; text-align:left; background-color:#808080;}
#nav li:hover ul {	left: auto;}
#nav li:hover ul, #nav li.sfhover ul { /* lists nested under hovered list items */	left: auto; width:15em;}

#leftnav, #leftnav ul{	padding: 0;	margin: 0;	list-style: none;}
#leftnav li{line-height:1; margin-bottom:1em}
#leftnav li a{color:#990000; text-decoration:none}
#leftnav li a:visited{color:#990000;}
#leftnav li a:hover{color:#ff0000;}

#wholepage{clear:both; padding-top:1em; }
#leftcol{float:left; width:140px}
#rightcol{margin-left:150px; border-left:1px solid #990000; padding-left:0.5em; }

/* body class changes particular main nav items */
body.about li#navabout a,
body.early li#navearly a,
body.prof li#navprof a,
body.coping li#navcoping a,
body.family li#navfamily a,
body.death li#navdeath a,
body.grow li#navgrow a,
body.links li#navlinks a
	{color:#990000; background-color:#CCCCCC}

/* body id changes left nav but we do it via body class  */
body#intro li#leftintro a, body#intro li#leftintro a:hover,
body#full li#leftfull a, body#full li#leftfull a:hover,
body#book li#leftbook a, body#book li#leftbook a:hover,
body#author li#leftauthor a, body#author li#leftauthor a:hover,
body#first li#leftfirst a, body#first li#leftfirst a:hover,
body#finding li#leftfinding a, body#finding li#leftfinding a:hover,
body#getalong li#leftgetalong a, body#getalong li#leftgetalong a:hover,
body#doctors li#leftdoctors a, body#doctors li#leftdoctors a:hover,
body#health li#lefthealth a, body#health li#lefthealth a:hover,
body#social li#leftsocial a, body#social li#leftsocial a:hover,
body#therapists li#lefttherapists a, body#therapists li#lefttherapists a:hover,
body#psychs li#leftpsychs a, body#psychs li#leftpsychs a:hover,
body#edus li#leftedus a, body#edus li#leftedus a:hover,
body#standing li#leftstanding a, body#standing li#leftstanding a:hover,
body#facing li#leftfacing a, body#facing li#leftfacing a:hover,
body#time li#lefttime a, body#time li#lefttime a:hover,
body#making li#leftmaking a, body#making li#leftmaking a:hover,
body#ishospital li#leftishospital a, body#ishospital li#leftishospital a:hover,
body#going li#leftgoing a, body#going li#leftgoing a:hover,
body#getbreak li#leftgetbreak a, body#getbreak li#leftgetbreak a:hover,
body#cantcope li#leftcantcope a, body#cantcope li#leftcantcope a:hover,
body#alternatives li#leftalternatives a, body#alternatives li#leftalternatives a:hover,
body#stress li#leftstress a, body#stress li#leftstress a:hover,
body#brothers li#leftbrothers a, body#brothers li#leftbrothers a:hover,
body#grandparents li#leftgrandparents a, body#grandparents li#leftgrandparents a:hover,
body#baby li#leftbaby a, body#baby li#leftbaby a:hover,
body#mightdie li#leftmightdie a, body#mightdie li#leftmightdie a:hover,
body#talking li#lefttalking a, body#talking li#lefttalking a:hover,
body#death li#leftdeath a, body#death li#leftdeath a:hover,
body#ordinary li#leftordinary a, body#ordinary li#leftordinary a:hover,
body#assessments li#leftassessments a, body#assessments li#leftassessments a:hover,
body#getbest li#leftgetbest a, body#getbest li#leftgetbest a:hover,
body#helping li#lefthelping a, body#helping li#lefthelping a:hover,
body#links li#leftlinks a, body#links li#leftlinks a:hover
	{color:#000000; cursor:default ;}



.footer{clear:both; margin-top:1em}
#navfoot{padding: 0; margin:0; list-style:none; text-align:center}
#navfoot li{display:inline }
#navfoot li a{ width:9em; padding:0.5em}
#wp{margin-top:25px; font-size:x-small}
.backtotop{text-align:right}
.content{margin-left:4em}



/* SMALL SCREENS */
@media screen and (max-width: 600px){
#leftcol{float:left; max-width:140px}
#rightcol{margin-left:0; clear:both; border:0; padding:0 0 0 1px}
h1{font-size:6vw}
.epub{display:none}
}

@media print{
	#centre{width:95%; border:none; margin:0; padding:0; float:none}
	#nav{display:none}
	#leftcol{display:none}
	#rightcol{border:none; float:none; width:100%}
	#navfoot{display:none}
	#wp{display:none}
	.backtotop{display:none}
}