body {
	background-color: #ffffe0;
	width: 750px;
	padding: 0 0em;
	margin: 0;
	}
div#pageBody {
	width: 700px;
	margin-left: 25px;
	}
/* paragraphs */
	p {
		font: normal normal normal 0.8em/1.5em verdana, sans-serif;
		text-align: justify;
		}
	p.centre-img { /* for centering images */
		text-align:center;
		margin: 0;
		padding: 0;
		}
	p.centre {
		text-align:center;
		}
	p.small-centre {
		text-align:center;
		font-size: 0.7em;
		}
	p.mono {
		font: normal normal normal 1em/1.5em monospace;
		}
	p.caption {
		font-size: 0.6em;
		font-weight: bold;
		background-color: #191970;
		color: yellow;
		padding: 0 2em;
		}
	strong {
		font-weight: bold;
		}
	em {
		font-style: italic;
		}
	br.clear {clear: both;}
/* links */
	a:link, a:visited {
		color: blue;
		text-decoration: underline;
		}
	a:hover, a:active {
		background-color: #d3d3d3;
		}
/* text box div */
div.footer {
		margin-top: 1em;
		padding-top: 0.3em;
		border-top: 1px solid #d3d3d3;
		text-align: center;
}
	div.box-left {
		background-color: #e0ffff;
		border: 1px dotted blue;
		float: left;
		padding: 0 0.5em;
		margin: 1em 2em 1em 0;
		font-size: 0.9em;
		width: 200px;
		}
	div.box-right {
		background-color: #e0ffff;
		border: 1px dotted blue;
		float: right;
		padding: 0 0.5em;
		margin: 1em 0 1em 2em;
		font-size: 0.9em;
		width: 200px;
		}
	div.box-page {
		background-color: #e0ffff;
		border: 1px dotted blue;
		padding: 0 0.5em;
		margin: 1em 0;
		font-size: 0.9em;
		width: 100%;
		}
	div.email {
		padding: 0 1em;
		margin: 0 auto 0 auto;
		background-color: white;
		width: 60%;
		border: 1px solid gray;
		}
/* images */
/* remember: needs to be co-ordinated with p.caption */
	img {
		background-color: #191970;
		padding: 10px;
		}
	img.left {
		float: left;
		margin: 1em 2em 1em 0;
		}
	img.right {
		float: right;
		margin: 1em 0 1em 2em;
		}
	div.image-centre-150 {
		background-color: #191970;
		width: 150px;
		margin-right: auto;
		margin-left: auto;
		margin-top: 4em;
		padding: 0.5em 0;
		}
	div.image-centre-250 {
		background-color: #191970;
		width: 250px;
		margin-right: auto;
		margin-top: 4em;
		margin-left: auto;
		padding: 0.5em 0;
		}
	div.image-centre-350 {
		background-color: #191970;
		width: 350px;
		margin-right: auto;
		margin-left: auto;
		margin-top: 4em;
		padding: 0.5em 0;
		}
	div.image-centre-450 {
		background-color: #191970;
		width: 450px;
		margin-right: auto;
		margin-left: auto;
		margin-top: 4em;
		padding: 0.5em 0;
		}
	div.image-centre-550 {
		background-color: #191970;
		width: 550px;
		margin-right: auto;
		margin-left: auto;
		margin-top: 4em;
		padding: 0.5em 0;
		}
	div.image-left-150 {
		float: left;
		background-color: #191970;
		width: 150px;
		margin-right: 2em;
		margin-top: 4em;
		padding: 0.5em 0;
		}
	div.image-left-250 {
		float: left;
		background-color: #191970;
		width: 250px;
		margin-right: 2em;
		margin-top: 4em;
		padding: 0.5em 0;
		}
	div.image-left-350 {
		float: left;
		background-color: #191970;
		width: 350px;
		margin-right: 2em;
		margin-top: 4em;
		padding: 0.5em 0;
		}
	div.image-left-450 {
		float: left;
		background-color: #191970;
		width: 450px;
		margin-right: 2em;
		margin-top: 4em;
		padding: 0.5em 0;
		}
	div.image-left-550 {
		float: left;
		background-color: #191970;
		width: 550px;
		margin-right: 2em;
		margin-top: 4em;
		padding: 0.5em 0;
		}
	div.image-right-150 {
		float: right;
		background-color: #191970;
		width: 150px;
		margin-left: 2em;
		margin-top: 4em;
		padding: 0.5em 0;
		}
	div.image-right-250 {
		float: right;
		background-color: #191970;
		width: 250px;
		margin-left: 2em;
		margin-top: 4em;
		padding: 0.5em 0;
		}
	div.image-right-350 {
		float: right;
		background-color: #191970;
		width: 350px;
		margin-left: 2em;
		margin-top: 4em;
		padding: 0.5em 0;
		}
	div.image-right-450 {
		float: right;
		background-color: #191970;
		width: 450px;
		margin-left: 2em;
		margin-top: 4em;
		padding: 0.5em 0;
		}
	div.image-right-550 {
		float: right;
		background-color: #191970;
		width: 550px;
		margin-left: 2em;
		margin-top: 4em;
		padding: 0.5em 0;
		}
	img.footer {
			background-color: #ffffe0;
			padding: 0 1em;
	}
/* headings /*
/* need margins */
	h1 {
		font: normal normal bold 2em verdana, sans-serif;
		text-align: center;
		padding: 0.2em;
		}
	h1.header {
		font: normal normal bold 2em verdana, sans-serif;
		text-align: center;
		color: #ffffe0;
		background-color: #000000;
		padding: 0.2em;
		margin: 0;
		}
	h2 {
		font: normal normal bold 1.5em verdana, sans-serif;
		}
	h3 {
		font: normal normal bold 1.2em verdana, sans-serif;
		}
		p.caption a:visited {
			color: red;
		}