/*
Stuff and Content
www.stuffandcontent.co.uk
*/

* { margin: 0; border: 0; padding: 0; }

body { font-family: Georgia, "Times New Roman", Times, serif; font-size: 13pt; color: black; line-height: 17pt; }

/* --------- Page Layout ---------*/

#jumpLinks, #toolbar, #textResize, #navigation { display: none; }

#banner { width: 170mm; margin-top: 5mm; }

#content { position: relative; width: 170mm; margin: 20mm auto 0 auto ; }
		#aside { float: right; width: 40mm; margin: 4mm 0 1mm 4mm; padding: 2mm 0 0 4mm; border: solid #B6ADA8; border-width: 0 0 0 1px; }
		#imageWithCaption { float: right; width: 50mm; margin: 4mm 0 1mm 10mm; padding: 1mm 0 0 0; }
		#columnRight { margin-top: 5mm }
				
#footer { clear: both; margin-top: 10mm; }

/* --------- Typography ---------*/

h1 { position: absolute; top: 0; font-size: 18pt; line-height: 21pt; font-weight: normal; }
h2 { font-size: 36pt; line-height: 39pt; font-weight: normal; padding: 0 0 3mm 0; }
h3 { font-size: 18pt; line-height: 20pt; font-weight: normal; padding: 5mm 0 3mm 0; }
	#aside h3 {font-size: 14pt; line-height: 16pt; font-weight: bold; padding: 0 0 2mm 0; }
	#columnRight h3 { font-size: 30pt; line-height: 32pt; font-weight: normal; padding: 0px 0 3mm 0; }
h4 { font-size: 14pt; line-height: 18pt; font-weight: bold; font-style: italic; padding: 1mm 0 1mm 0; }
	#columnRight h4 { font-size: 13pt; line-height: 16pt; font-weight: bold; font-style: normal; padding: 0 0 2mm 0; }	

p { padding-bottom: 3mm; }
	#columnRight p { font-size: 12pt; line-height: 15pt; }
	#aside p { font-size: 12pt; line-height: 15pt; padding-bottom: 2mm }
	#footer p { font-size: 12pt; line-height: 15pt; }
	.caption { font-size: 16pt; line-height: 20pt; font-style: italic; }
		#columnRight p.caption { font-size: 16pt; line-height: 20pt; font-style: italic; }

ul { padding: 0 0 3mm 4mm; }
	ul ul { font-size: 13pt; }
	#columnRight ul { font-size: 12pt; line-height: 15pt; }
	#footer ul { color: black; font-size: 9pt; line-height: 6pt; list-style: none; }
li { padding-bottom: 1mm; }
	#footer li { float: left; border: solid black; border-width: 0 0 0 0.2mm; padding: 0 2mm 0 2mm }	
	#footer li.first { border: 0; text-indent: -6mm; }
 		li li { padding-bottom: 0; }
	
dl { font-size: 12pt; line-height: 16pt; padding-bottom: 3mm; }
dt { font-weight: bold; padding-top: 3mm; }
dd {  }

a:link, a:visited, a:hover, a:active { color: black; text-decoration: none; border-bottom: dotted #444444 1px; }

strong  { color: black; font-weight: normal; }
	.caption strong { color: black; }

hr { color: #555555; }

img { }
img.left { float: left; padding: 1mm 5mm 3mm 0; margin-bottom: 10mm; }
img.right { float: right; padding: 1mm 0 3mm 5mm; }
	#columnLeft img.right { padding-top: 3mm; }