html, body {
	height: 100%;
}

body {
	font: .9em/1.4 Arial, sans-serif;
background: #E7E5CC;
	color: #444;
	overflow: -moz-scrollbars-vertical;
}

body, #content h3, p {
	padding: 0;
	margin: 0;
}

#top {
width: 100%;
background-color: #444;
color: #999;
margin: 0px;


}


#topleft {
float: left;
width: 260px;

}

#topright {
float: left;
width: 100%;
text-align:right;
}

a:link, a:visited {
	color: #5275b4;
	font-weight: normal;
	outline: none;
}

a:hover, a:active {
	color: #849cc9;
}

strong {
	color: #444;
}

em {
	font-style: normal;
	color: #769531;
}

#container {
	

	margin: 0 auto;
	min-height: 100%;
	height: auto !important;
	height: 100%; /* ie*/
}

#header {
	height: 91px; 
	width: 100%;
	margin-bottom: 0 !important;


}


h1 {
	padding: 15px 20px 10px 0px;
	font-size: 1.5em;
	font-weight: bold;
	color: #E0542F;
	letter-spacing: 1px;
	margin: 0;
	line-height: 1.1em;

}



h2 {
	padding: 38px 0px 2px 0px;
	font-size: 1.7em;
	font-weight: bold;
	color: #E0542F;
	margin: 0;
	
}

h3 {
	padding: 10px 0px 2px 0px;
	font-size: 1.4em;
	font-weight: bold;
	color: #E0542F;
	margin: 0;
}

h4 {
	padding: 10px 0px 2px 0px;
	font-size: 1.2em;
	font-weight: bold;
	color: #E0542F;
	margin: 0;
}

#content h3 {
	padding: 7px 10px;
	font-size: 1em;
	font-weight: normal;
	color: #222;
	background: #DAD7B4;
	cursor: pointer;
	border-bottom: 1px solid #fff;
	clear: both;
line-height: normal;

}



#content h4 {
	margin: 0;
	padding: 5px 10px 0;
	font-size: 12px;
	color: #333;
	border-bottom: 1px solid #eee;
	
}



h3 a:link, h3 a:visited {
	font-weight: normal;
	text-decoration: none;
	color: #222;
	line-height: normal;

}

h3 a:hover, h3 a:active {
	color: #222;
}

#content{
padding: 0px 0px;
}

#content p {
	padding: 5px 10px;
	color: #444;
	background: #fff;
}

#interactivemenu{
padding: 0px 0px;
background: #DAD7B4;
margin-top: 20px;
}

#interactivemenu p {
	padding: 5px 10px;
	color: #444;
}


#footer p {
	padding: 5px 10px;
	color: #fff;
}

#footer strong {
color: #fff;
font-weight: bold;
}

#skiptocontent {
display:none;
}

form {padding: 0px;
margin: 0px;
}

#searcharea{
width: 100%;
background: #E0DEC7;
color: #fff;
margin-bottom: 15px;
padding: 0px;
}

#searcharea2{
width: 100%;
background: #fff;
margin-bottom: 15px;
padding: 0px;
}

#searchbox{
padding-left: 10px;
padding-right: 10px;
padding-top: 10px;
padding-bottom: 10px;
}

.searchfield { 
 background-color: #ffffff; 
 border: 1px solid #666666; 
 padding: 3px;
}

#buttonsrow {
width: 100%;
background:url(/redbook/images/gradient.gif) repeat-x;
height: 30px;
float: left;
clear: both;
}

#buttons{float: left;}

#fontsizebox {height: 19px;
float: right;
}


#font1 {
padding-right: 5px;
width: 19px;
height: 19px;
float: right;
margin: 0;
border: 0;

}



#font2 {
padding-right: 5px;
width: 19px;
height: 19px;
float: right;
margin: 0;
border: 0;

}




#font3 {
padding-right: 20px;
width: 19px;
height: 19px;
float: right;
margin: 0;
border: 0;

}



/* Main layout */






#footer {
width: 100%;
background:url(/redbook/images/gradient_bottom.gif) repeat-x;
background-color: #444;
color: #FFFFFF;
padding-top: 10px;
padding-bottom: 10px;
}



#sidecol {
float: left;
width: 25%;
background-color: #E7E5CC;

}

#spacercol {width: 2%;
float:left;}

#maincol {

float: left;
width: 71%;
background-color: #E7E5CC;

}



#clear {clear: both}

p {
padding: 0px 0px 10px 0px;
color: #444;
}

ul {
color: #444;
margin: 0;
	padding: 0px 10px 5px 35px;
}

ol {
color: #444;

}

#box {
background-color:#FFFFFF;
padding: 15px 20px 10px 20px;
margin: 20px 0px 20px 0px;
}

/* image replacement */

#crest{
float: left;
margin: 0;
border: 0;
padding: 10px 10px 20px 10px;
height: 75px;
}


/* table madness! */

table {
border-collapse: collapse;
border-spacing: 0px;
border: none; 
  
/* above overrides html styling so table is acessible when viewed without css */
  
margin: 20px 0px 10px 0px;
border-top: 1px solid #ffffff;
border-left: 1px solid #ffffff;
border-bottom: 1px solid #ffffff;
}

th {
font-weight: bold;
background-color: #DAD7B4;
padding: 10px 10px 10px 10px;
border-bottom: 1px solid #ffffff;
border-right: 1px solid #ffffff;
}

td {
background-color: #E7E5CC;
padding: 10px 10px 10px 10px;
border-bottom: 1px solid #ffffff;
border-right: 1px solid #ffffff;
}

td.nobottom {
border-bottom: 1px solid #E7E5CC;
}

td.noright {
border-right: 1px solid #E7E5CC;
}

caption {display: none;}

.subtitle {
background-color: #E1DEBE;
font-weight: bold;
}

/* side nav styling */

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

#sidecol ul li

{
background-color: #E7E5CC;
border-bottom: 1px solid #ffffff;
}


#sidecol ul a {
display: block;
font-size: 1em;
font-weight: normal;
padding: 3px 0px 3px 10px;
text-decoration:none;
color: #444;
}



#pdfbox {margin-top: 30px;
border: 1px solid #FFFFFF;
margin-bottom: 30px;}

#pdfbox p {
	padding: 5px 5px 5px 5px;
	color: #444;

}

#bookcover {
background:url(/redbook/images/coverimage.gif) no-repeat;
width: 61px;
height: 68px;
padding-right: 2px;
text-indent: -5000px;
float: left;
margin: 0;
border: 0;
cursor: pointer;
}

#bookcover a {
background:url(/redbook/images/coverimage.gif) no-repeat;
width: 61px;
height: 68px;
padding-right: 2px;
text-indent: -5000px;
float: left;
margin: 0;
border: 0;
cursor: pointer;
}

fieldset
{
border: none;
}

#wrapper {
padding-bottom: 30px;
width: 100%;
min-height: 100%;
height: auto !important;
height: 100%; /* ie*/}

#mainnav li {line-height: normal;
	padding: 2px;
}

#backtotop {margin-bottom: 20px;}



/* Main nav highlighting li styling for nav */
#index .index a,
#intro .intro a,
#pregnancy .pregnancy a,
#older .older a,
#genetic .genetic a,
#oral .oral a,
#glaucoma .glaucoma a,
#urinary .urinary a,
#osteoporosis .osteoporosis a,
#unproven .unproven a,
#glossary .glossary a,
#acronyms .acronyms a,
#acknowledgements .acknowledgements a,
#disclaimer .disclaimer a,
#references .references a,
#depression .depression a,
#suicide .suicide a,
#oral2 .oral2 a,
#cancer .cancer a,
#vascular .vascular a,
#overweight2 .overweight a,
#chronicintro .chronicintro a,
#comdiseaseintro .comdiseaseintro a,
#parentintro .parentintro a,
#introduction .introduction a,
#newborns .newborns a,
#dementia .dementia a,
#parenting .parenting a,
#preventive .preventive a,
#overweight .overweight a,
#newborns .newborns a,
#infants .infants a,
#preschool .preschool a,
#school .school a,
#adolescence .adolescence a,
#falls .falls a,
#visual .visual a,
#dementia .dementia a,
#nutritionalcohol .nutritionalcohol a,
#polypharmacy .polypharmacy a,
#health .health a,
#immunisation .immunisation a,
#chlamydia .chlamydia a,
#smoking .smoking a,
#overweight .overweight a,
#nutrition .nutrition a,
#drinking .drinking a,
#physical .physical a,
#blood .blood a,
#cholesterol .cholesterol a,
#diabetes .diabetes a,
#stroke .stroke a,
#kidney .kidney a,
#melanocytic .melanocytic a,
#nonmelanoma .nonmelanoma a,
#cervical .cervical a,
#breast .breast a,
#oral .oral a,
#colorectal .colorectal a,
#Testicular .testicular a,
#app1 .app1 a,
#app2 .app2 a,
#app3 .app3 a,
#patienteducation .patienteducation a,
#development .development a,
#howtouse .howtouse a,
#new .new a,
#Prostate .prostate a,
#middle .middle a,
#skin .skin a,
#violence .violence a,
#psychointro .psychointro a

{

color:#444;
font-weight: bold;
}

/* age table */

#agetable {
border-collapse: collapse;
border-spacing: 0px;
border: none; 
  
/* above overrides html styling so table is acessible when viewed without css */
  
margin: 20px 0px 10px 0px;
border-top: 1px solid #ffffff;
border-left: 1px solid #ffffff;
border-bottom: 1px solid #ffffff;

}

#agetable th  {
font-size: .7em;
font-weight: bold;
background-color: #cccccc;
padding: 3px 3px 3px 3px;
border-bottom: 1px solid #ffffff;
border-right: 1px solid #ffffff;
}

#agetable td {
font-size: .7em;
font-weight: bold;
background-color: #E7E5CC;
padding: 3px 3px 3px 3px;
border-bottom: 1px solid #ffffff;
border-right: 1px solid #ffffff;
}


#agetable td.filled {
font-size: .7em;
font-weight: bold;
color: #DAD7B4;
background-color: #DAD7B4;
padding: 3px 3px 3px 3px;
border-bottom: 1px solid #ffffff;
border-right: 1px solid #ffffff;
text-indent: -5000px;
}

#agetable td.filledtext {
font-size: .7em;
font-weight: normal;
color: #000;
background-color: #DAD7B4;
padding: 3px 3px 3px 3px;
border-bottom: 1px solid #ffffff;
border-right: 1px solid #ffffff;
}

#agetable td.filledtextopen {
font-size: .7em;
font-weight: normal;
color: #000;
background-color: #DAD7B4;
padding: 3px 3px 3px 3px;
border-bottom: 1px solid #ffffff;
border-right: 1px solid #DAD7B4;
}

#agetable td.rec {
font-size: .7em;
font-weight: bold;
color: #E0DEC7;
background-color: #E0DEC7;
padding: 3px 3px 3px 3px;
border-bottom: 1px solid #ffffff;
border-right: 1px solid #ffffff;
text-indent: -5000px;
}

#agetable td.half {
background-image: url(/redbook/images/half.gif); 
background-repeat: no-repeat; 
background-position: center center;
font-size: .7em;
font-weight: bold;
color: #DAD7B4;
padding: 3px 3px 3px 3px;
border-bottom: 1px solid #ffffff;
border-right: 1px solid #ffffff;
text-indent: -5000px;
 
}

#agetable td.endhalf {
background-image: url(/redbook/images/halfend.gif); 
background-repeat: no-repeat; 
background-position: center center;
font-size: .7em;
font-weight: bold;
color: #DAD7B4;
padding: 3px 3px 3px 3px;
border-bottom: 1px solid #ffffff;
border-right: 1px solid #ffffff;
text-indent: -5000px;
 
}

sup {
	vertical-align: baseline;
	font-size: 0.8em;
	position: relative;
	top: -0.6em;
	}

#grey th  {
font-size: .9em;
font-weight: bold;
background-color: #ECEDED;
padding: 10px 10px 10px 10px;
border-bottom: 1px solid #ffffff;
border-right: 1px solid #ffffff;
}

#grey td {
font-size: .9em;
background-color: #ECEDED;
padding: 10px 10px 10px 10px;
border-bottom: 1px solid #ffffff;
border-right: 1px solid #ffffff;
}

#appimage {
    width: 100%;
    height: auto;
}

acronym {border-bottom: 1px dotted #ccc; cursor: help; }

.introtableleft {
border-top: none;
border-left: none;
border-bottom: none;
border-right: solid 1px #fff;
}

.introtableright {
border-collapse: collapse;
border-spacing: 0px;
border: none; 
border-top: none;
border-left: none;
border-bottom: none;
border-right: none;
}

.legal{display: none;}