/*********************************** comments ******************************
margin: 0 auto;						container. used to centre all content in the browser window
margin-bottom: 0px;					pageheader. in case we want to separate the test from the header
float: right; in #navbar li 		switches lists to reverse order (ensures consistency with IE which auto reverses!)
change fonts to em rather than pt
make line height separate

height of mainframe					::	514px is  minimum needed to avoid scrollbars in IE (that's img+34px)
height of bottomframe				::	100px is  minimum needed to avoid scrollbars in IE (that's img+25px)
*/

/********************************* basic elements *****************************/
body {
	background-color: #869b95	;
	background-image: none;
	color: white;
	font-family: Trebuchet, Geneva, Arial, Helvetica, sans-serif;
	font-size: 9pt;
	}
	
p {
	text-align: justify;
	border-width: 0px;
	}
	
a:link, a:visited {
	text-decoration: none;
	font-style: italic;
	color: #ffffe1;
	}

a:hover, a:active {
	text-decoration: none;
	color: #f36;
	}
			
#container {
	width: 740px;
	margin: 0 auto;
	padding-top: 20px;
	}
	
h3 {
	text-align: center;
	color: white;
	font-family: Trebuchet, Geneva, Arial, Helvetica, sans-serif;
	font-size: 18pt;
	font-weight: bold;
	}

/********************************* top of page *****************************/