html, body { /* saves you from the "centering jump" on short pages */
	height: 100%;
	margin-bottom: 1px;
	}

body {
	font: 75% Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
	background: #ffffff;
	text-align: center;
	margin: 0px;
	padding: 0px;
	}
	
a:link {
	color: #0E2770;
	text-decoration: none;
}
a:hover {
	color: #FE6D04;
	text-decoration: underline;
}
a:visited {
	text-decoration: none;
	color: #0E2770;
}
a:active {
	text-decoration: none;
	color: #0E2770;
}

a.special:link {
	font: 100% Verdana, Arial, Helvetica, sans-serif;
     color: #ffffff;
     background-color: transparent;
     text-decoration: none;
     }
	 
a.special2:link {
	font: 100% Verdana, Arial, Helvetica, sans-serif;
     color: #0E2770;
     background-color: transparent;
     text-decoration: none;
     }
	 
a.special2:hover {
font: 100% Verdana, Arial, Helvetica, sans-serif;
     color: #ffffff;
     background-color: #f93;
     text-decoration: none;
     }

a.special:visited {
font: 100% Verdana, Arial, Helvetica, sans-serif;
     color: #ffffff;
     background-color: transparent;
     text-decoration: none;
     }

a.special:hover {
font: 100% Verdana, Arial, Helvetica, sans-serif;
     color: #0E2770;
     background-color: #f93;
     text-decoration: none;
     }

a.special:active {
font: 100% Verdana, Arial, Helvetica, sans-serif;
     color: #ffffff;
     background-color: transparent;
     text-decoration: none;
     }

#container {
position:relative;
width: 778px;
margin:0px auto;
text-align:left;
height:100%;
background-image:url(../images/backgroundtile.gif);
}

#header {
position:absolute;
top:0px;
left:0px;
width: 778px;
height:228px;
}

#contentarea {
position:absolute;
top:228px;
left:0px;
width: 778px;
background-image:url(../images/backgroundtile.gif);
}

#footerarea {
position:absolute;
bottom: 0px;
left:0px;
width: 780px;
height:89px;
}

#footercontent {
position:absolute;
bottom: 0px;
left:0px;
width: 780px;
height:38px;
background-image:url(../images/footerbackground.gif);
}

#logo1 {
position:absolute;
top:0px;
left:0px;
width: 260px;
height:124px;
}

#mainnavigation {
position:absolute;
top:124px;
left:0px;
width: 624px;
height:54px;
}

#imageupdate1 {
position:absolute;
top:0px;
left:260px;
width: 206px;
height:124px;
}

#imageupdate2 {
position:absolute;
top:0px;
left:624px;
width: 154px;
height:228px;
}

#orangesquares1 {
position:absolute;
top:0px;
left:466px;
width: 158px;
height:124px;
}

#orangesquares2 {
position:absolute;
top:178px;
left:416px;
width: 102px;
height:50px;
}

.navtext {
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	color: #0E2770;
}

.navtextbold {
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	color: #0E2770;
	font-weight : bold;
}

.navtextboldunderline {
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	color: #0E2770;
	font-weight : bold;
	text-decoration:underline;
}


.picnavtext {
	font:79% Verdana, Arial, Helvetica, sans-serif;
	color: #0E2770;
}



.subnavtext {
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	color: #ffffff;
}

.subnavtextsel {
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	color: #0E2770;
}

.texttitle {
	font: 115% Verdana, Arial, Helvetica, sans-serif;
	color: #FE6D04;
	font-weight : bold;
}

.navdivider {
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	color: #FCA307;
}

.footer {
	font: 85% Verdana, Arial, Helvetica, sans-serif;
	color: #0E2770;
}

.footercolourblock {
	font: 85% Verdana, Arial, Helvetica, sans-serif;
	background-color:#FCA307}
	
	.footerweblink {
	font: 85% Verdana, Arial, Helvetica, sans-serif;
	color: #0E2770;
}

h1 { 
font: 170% Verdana, Arial, Helvetica, sans-serif;
color: #FE6D04;
font-weight : bold;
}

h2 { 
font: 125% Verdana, Arial, Helvetica, sans-serif;
color: #0E2770;
font-weight : bold;
}