body {
	font-family: Arial, Helvetica, sans-serif;
/*	
background-color: #BBBBBB;
Having a grey background means edges of graphical menus etc have a white border which throws out alignment by overflowing into the grey.
No time to spend on this. 
Maybe later can trim and change - not worth it now.
*/
	background-color: #FFFFFF;
	font-size: 10px;
}

a.navlink:link {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: blue;
	text-decoration: underline;
}
a.navlink:visited {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: blue;
	text-decoration: underline;
}
a.navlink:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #FF0000;
}
a.navlink:active {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: blue;
}
.MainHeading {
	font-size: 18px;
	color: #CC0000;
}
.SectionHeading {
	font-size: 12px; 
	font-weight: bold; 
	text-transform: capitalize; 
	color: #CC0000; 
}
.SectionBody {
	font-size: 11px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
}
.RedBody
{
	color:#CC0000;
	font-size: 11px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
}
.RedItalics {
	font-style: italic;
	color: #CC0000;
	font-size: 12px;
}
.VheaderItalic{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-style: italic;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	text-transform: none;
	color: #CC0000;
}