body
{
    color: #000;
    font-size: small;
    font-family: Arial, Verdana, Helvetica, sans-serif;
    font-style: normal; 
    background-color: #912CEE;
    margin: 0;
    padding: 0;
    border: 0;
}
/* Styles for Masthead */
#masthead {
	width: 80%;
	height: 225px;
	margin-left: auto;
	margin-right: auto;
	padding: 0;
	background-color: #551A8B;
}
.imgleft {
	float: left;
}
.imgright {
	float: right;
}
.pictureLeft 
{
    margin-left:0;
    width:25%;
    float: left;
}
.textCentre 
{
    float: left;
    width:50%;
    color:white;
	margin: 5px 0px 0px 10px;
}
.pictureRight 
{
    margin-right:0;
    margin-top:0;
    width:25%;
    float:right;
}
/* Styles for Footer */
#footer {
	text-align: center;
	background-color: #551A8B;
	margin-right: auto;
	margin-left: auto;
	overflow: hidden;
	padding: 0;
	width: 80%;
	clear: both;
}
#footer p {
	color: White;
	font-size: x-small;
	margin-top: 2px;
	margin-bottom: 6px;
}
/* Styles for Content */
#container {
	width: 80%;
	margin: 0 auto;
	padding: 0;
	background-color:#EFD3E7;
}
#menuArea 
{
    width: 100%;
    float: left;
    background-color: #D2DBD8;
    line-height: 2.5;
}
#contentArea
{
    width:96%;
    margin:auto;
    /* #container color shows through */
    
}
h1 {
	color: white;
	text-align: center;
	font-size: large;
	font-family:Arial;
}
h2 {
	color: black;
	text-align: center;
	font-size:large;
}
h3 {
	color: white;
	font-size: 1.5em;
}
.iFrameCenter 
{
    margin-left:auto;
    margin-right:auto;
}