P {
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size : 85%;
	font-style : normal;
	margin-left : 10px;
	text-align : left;
	margin-right : 10px;
}

H1{
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size : 140%;
	font-style : normal;
	margin-left : 5px;
	font-weight : bold;
	text-align : left;
	color : Black;
}
H2 {
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size : 105%;
	font-style : normal;
	margin-left : 5px;
	font-weight : bold;
	text-align : left;
	color : Black;
}

H3 {
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size : 95%;
	font-style : normal;
	margin-left : 5px;
	font-weight : bold;
	text-align : left;
	color : #006699;
}

LI {
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size : 85%;
	list-style-position : outside;
	margin-left : 20px;
	margin-bottom : 5px;
	margin-right : 10px;
}

.stext {
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size : 70%;
	font-style : normal;
	margin-left : 10px;
	margin-right : 10px;
	color : White;
	
}
.footer {
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size : 70%;
	font-style : normal;
	margin-left : 10px;
	margin-right : 10px;
	
}
/* Used on the RH side of the Home page - the following removes any underlining from the links and set their colours. Use the syntax:<a class="rhbar" href="link.html">text</a>*/
.rhbar {
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size : 70%;
	font-style : normal;
	margin-left : 0px;
	color: White;
	}
		
a.rhbar:link {text-decoration: underline; color:white;}     /* unvisited link */
a.rhbar:visited {text-decoration: none; color:white;}  /* visited link */
a.rhbar:hover {text-decoration: none; color: #F8BF24;}   /* mouse over link */
a.rhbar:active {text-decoration: none; color: white;}   /* selected link */