/* pale blue colour = #B5DBFF */

html body {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: Navy;
	background-color: #FFFFFF;
	font-size= 100%;
	padding: 0;
	margin:0;
}
/* ------ Using a comment hack, the following is sent to NN4 only. ------ */
	#left-nav {
	float: left;
	width: 185px;
	text-align: left;
	padding-right: 15px;
	}
/*  Using the Simplified Box Model Hack, and the @import rule to hide it from NN4.x, the following is sent to all other browsers. */
div#left-nav {
	float: left;
	width: 170px;
	\width: 185px;
	w\idth: 170px;
	text-align: left;
	padding-right: 15px;
	}

/* --- right column ---------- */
/* ------ Using a comment hack, the following is sent to NN4 only. ------ */
#right-nav {
	float: right;
	width: 185px;
	text-align: left;
	padding-left: 15px;
	}
/*  Using the Simplified Box Model Hack, and the @import rule to hide it from NN4.x, the following is sent to all other browsers. */
div#right-nav {
	float: right;
	width: 170px;
	\width: 185px;
	w\idth: 170px;
	text-align: left;
	padding-left: 10px;
	}

/* --- center column  ---------- */
/* ------ Using a comment hack, the following is sent to NN4 only. ------ */
#center content {
	width: 100%;
	text-align: justify;
	}
/*  Using the Simplified Box Model Hack, and the @import rule to hide it from NN4.x, the following is sent to all other browsers. */
div#center-content {
	width: auto;
	\width: 98%;
	w\idth: auto;
	min-width: 125px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:80%;
	margin-top: 0;
	margin-right: 10px;
	margin-bottom: 0;
	margin-left: 185px;
	}
	
/* --- header ---------- */

div#header {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: Navy;
	font-size: 80%;
	background-color:#0066CC;
}
div#top-nav {
	background-color: #0066CC;
	color: Navy;
	width: 100%;
	text-align: center;
	padding-top: 0px;
	height: 80px;
}
/* --- footer ---------- */

div#footer {
	text-align: center;
	border-top: 1px solid #dcdcdc;
	border-bottom: 1px solid #dcdcdc;
}
div#tagline {
float: right;
position:relative;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 80%;
	color: white;
	background-color:#0066CC;
}
.sitenav {
	background-color: #6ab6ff;
	color:Navy;
	text-align:center;
}
.sitenavlink {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 85%;
	text-decoration: none;
	color:Navy;
	background-color:#b5dbff;
	font-weight:normal;
	padding-left: 10px;
	padding-right: 10px;
	width: 10%;
	padding-top: 0px;
}
.sidenav {
	padding: 5px;
	background-color: #b5dbff;
	color:Navy;
	border: thin solid #ffffff;
	text-align: center;
}
/*div#sidenav0 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 75%;
	text-decoration: none;
	color:Navy;
	font-weight:normal;
	padding: 5px;
	border: thin solid #ffffff;
	width: 80%;
	text-align: center;
}
.sidenavlink {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 80%;
	text-decoration: none;
	color:navy;
	background-color:#b5dbff;
	font-weight:normal;
	padding: 5px; */
}
#accesstextonly {
	font-size: 70%;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	}
h1 {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 120%;
	text-align:left;
}
p {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 100%;
}
a:link {
	color: #0000CD;
}
a:visited {
color:#0000ff;
	}
a:active {
	color: #FF0000;
}
a:hover {
	background-color: #B5DBFF;
	
}
/*
.sitenavlink:hover {
	color:navy;
	background-color:#b5dbff;
}
.sitenavlink:link {
	color: #ffffff;
}
.sitenavlink:visited {
color:#ffffff;
	}
.sitenavlink:active {
	color: #FF0000;
}
.sidenavlink:hover {
	color:#FFFFFF;
	background-color:#0000FF;
}
.sidenavlink:link {
	color: #ffffff;
}
.sidenavlink:visited {
color:#ffffff;
	}
.sidtenavlink:active {
	color: #FF0000;
}
*/
h2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 95%;
}
div#sitenavgroup {
	width: 80%;
	padding-top: 0px;
}

li {
	padding: 2px;
}
.norm {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 75%;
}
.font {
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
img#logo {
	border: 0px none #FFFFFF;
}
p#weboktag {
	text-align: right;
	padding: 2px;
	font-size: 60%;
}
p#smaller {
	padding-left: 2px;
	font-size: 80%;
}
/*
div#sidenavtitle {
	border: 1px solid #6AB6FF;
	text-align: center;
	font-size: 75%;
	background-color: #b5dbff;
	font-weight: bold;
}
*/
.photoright {
	float: right;
	padding-left:10px;
}
img.photoright {
	float: right;
	padding-left:10px;
	vertical-align: text-bottom;
}
img.photoleft {
	float: left;
	padding-right:10px;
}td.humdityblue {
	background-color: #66CCFF;
}
.steadyarrow {
	background-color: #FFFFFF;
	text-align: center;
	border:0;
}
.steadycellboarder {
	border: 1px solid #0000FF;
}
.clear {
	clear: both;
	}

	/* Navigation for top and side nav only */
	
a.nav-main:link{
	color: #FFFFFF;
	font-size: 90%;
	text-decoration: none;
}
a.nav-main:visited{
	color: #FFFFFF;
	text-decoration: none;
	font-size: 90%;
	}
a.nav-main:hover{
	color:#FF9900;
	text-decoration: none;
	font-size: 90%;
	background-color: transparent;
}
a.nav-main:active{
	color: #FFFFFF;
	text-decoration: none;	
	font-size: 90%;
	}
	.sidebuttons{
	background-color: #0066CC;
	text-align: center;
	padding: 3px;
	margin: 3px;
	border: 2px white solid;
	font-size: 90%;
	}
	
a.plain:link{
	color: white;
	font-size: 90%;
	text-decoration: none;
	background-color: white;
}
a.plain:visited{
	color: white;
	font-size: 90%;
	text-decoration: none;
	background-color: white;
	}
a.plain:hover{
	color: white;
	font-size: 90%;
	text-decoration: none;
	background-color: white;
}
a.plain:active{
	color: white;
	font-size: 90%;
	text-decoration: none;
	background-color: white;
	}
.imglogo {
background-position: top-left;
padding-bottom: 5px;
margin-bottom: -2px;
border: 0px;
}
.alignleft {
text-align:left;
}