/* This css adapted from a stylesheet by Owen Briggs at http://www.thenoodleincident.com/tutorials/box_lesson/boxes.html Thanks & beer also due to Michael in Wellington NZ*/

body {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background-color: #FFFFFF;
; list-style-image: none; list-style-type: none; background-image: url(images/toplogo.gif); background-repeat: no-repeat}

/* a piece from Michael*/
#bodyset { padding-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px;  		margin: 0px; background: transparent; }
#bodytext { padding-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px;  		margin: 0px; background: transparent; }
a {
	text-decoration: none;
	font-weight: bold;
	color:  #0000CC;
	outline: none;
	}
a:visited {
	color:  #33FFFF;
	}
a:active {
	color:  #0000CC;
	}
a:hover {
	color: #00FFFF;
	text-decoration: underline;
	}
.ahem {
	display: none;
; list-style-position: outside; list-style-image: url(images/spot-turq1.gif)	; color: #333333}
strong, b {
	font-weight: bold;
	}
p {
	font-size: 12px;
	line-height: 22px;
	margin-top: 20px;
	margin-bottom: 10px; 
	}

/* comments from orignal tutorial stylesheet: weird ie5win bug: all line-height to font-size ratios must agree or box gets pushed around. UPDATE: this has turned out to be very rare. my current recommendation is IGNORE this warning. at the moment i'm leaving it in only in case the issue turns up again. possibly the original bug in march 2001 was caused by an unusual combination of factors, although this solved it at the time.*/

h1 {
	font-size: 24px;
	line-height: 44px;
	font-weight: bold;
	margin-top: 0;
	margin-bottom: 0;
	}
h2 {
	font-size: 18px;
	line-height: 40px;
	font-weight: bold;
	margin-top: 0;
	margin-bottom: 0;
	}
h3 {
	font-size: 16px;
	line-height: 22px;
	font-weight: bold;
	margin-top: 0;
	margin-bottom: 0;
	}
h4 {
	font-size: 14px;
	line-height: 26px;
	font-weight: bold;
	margin-top: 0;
	margin-bottom: 0;
	}
h5 {
	font-size: 12px;
	line-height: 22px;
	font-weight: bold;
	margin-top: 0;
	margin-bottom: 0;
	}
h6 {
	font-size: 10px;
	line-height: 18px;
	font-weight: bold;
	margin-top: 0;
	margin-bottom: 0;
	}
img {
	border: 0;
	}
.nowrap {
	white-space: nowrap;
	font-size: 10px;
	font-weight: bold;
	margin-top: 0;
	margin-bottom: 0;
/* must be combined with nobr in html for ie5win */
	}
.tiny {
	font-size: 9px;
	line-height: 16px;
	margin-top: 15px;
	margin-bottom: 5px; 
	}	
#top {
	margin: 0px 0px;
	padding: 0px 0px;
	border: medium #FFFFFF none;
	background: url(images/bg-gradient-2.jpg);
	height: 170px;
	z-index: 5;  
/* ie5win fudge begins */
	voice-family: "\"; clip:           rect(   ); vertical-align: middle; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 110%; font-style: normal; line-height: normal; font-weight: bold; font-variant: normal; letter-spacing: normal; text-align: center; word-spacing: normal; width: 105%; position: relative; left: 25%; top: 0px; float: none}\"";
	voice-family:inherit;
	height: 70px;
	}
html>body #top {
	height: 70px; /* ie5win fudge ends */
	}
#left {
	position: absolute;
	top: 255px;
	left: -3px;
	border: 4px #66CCCC solid; background-color: #66CCCC; background-image: url(../images/backgrounds/waterweave-medgreen-pale.jpg); background-repeat: repeat; clip:         rect(   ); width: 110px; height: 3600px; margin-top: 5px; margin-right: 5px; margin-bottom: 5px; margin-left: 5px; padding-top: 0px; padding-right: 5px; padding-bottom: 5px; padding-left: 5px# 66CCCC solid;
	background: # CCFFFF url(images/bg1.jpg) repeat;
	width: 150px; /* ie5win fudge begins */
	voice-family: "\"; clip:  rect(   )}\"";
	voice-family:inherit;
	width: 120px;
	}
html>body #left {
	width: 120px; /* ie5win fudge ends */
	}
#middle {
	margin: 10px;
	padding: 10px 15px;
	border: 0px #ccc none;
	background: #FFFFFF;
; clear: left	; top: 250px; clip:       rect(   ); z-index: 1; list-style-position: outside; list-style-image:  url(images/spot.gif); color: #666666; left: 145px; overflow: visible}

#right {
	position: absolute;
	top: 120px;
	right: 0px; /* Opera5.02 will show a space 
	at right when there is no scroll bar */
	margin: 20px;
	padding: 10px;
	border: 5px solid #ccc;
	background: #666;
	width: 150px; /* ie5win fudge begins */
	voice-family: "\"}\"";
	voice-family:inherit;
	width: 120px;
	}
html>body #right {
	width: 120px; /* ie5win fudge ends */
	}

/* a piece of magic from Michael in NZ for evening up columns*/
.auto { clear: both; padding-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 	0px; border-left: medium none; border-top: medium none; border-right: medium 	none; border-bottom: medium none; margin: 0px; font-size: 1px; height: 1px; 	background: none transparent scroll repeat 0% 0%; }

pre {
	font-size: 12px;
	line-height: 22px;
	margin-top: 20px;
	margin-bottom: 10px; 
	}

/* Added boxes to give positioning of top logo at either side */
#lefttoplogo {

position: absolute;
	top: 0px;
	left: 0px;
	margin: 0px 0px;
	padding: 0px 0px;
	border: 0px;
	background: url(../images/newnham.gif) no-repeat; 
	clip:          rect(   );; z-index: 2}

#righttoplogo { 

position: absolute;
	top: -5px;
	right: 0px;
	margin: 0px 0px;
	padding: 0px 0px;
	border: 0px;
	background: no-repeat; 
	clip:                 rect(   ); z-index: 3; vertical-align: top; visibility: visible; width: 400px; height: 380px}
	z-index: 9; 
	clip:   rect(   ); }
.lists {  list-style-position: outside; list-style-image: url(images/spot.gif)}
li {  font-size: 10px}
#bglayer {  background-image: url(images/toplogo.gif); background-repeat: no-repeat; height: 145px; width: 100%; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; z-index: 1; clip:  rect(   )}

#bottom2 {

position: absolute;
	top: 0px;
	left: 0px;
	margin: 0px 0px;
	padding: 0px 0px;
	border: 0px;
	height: 100%
	width: 100%
	vertical-align: bottom; z-index: 1}

table {  color: #666666}
.viewfen {  font-family: Arial, Helvetica, sans-serif; color: #999999}
.viewfentitle {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: x-large; font-style: normal; color: #009999}