html, body {margin:0px; background:#e5e5e5; font-family: Verdana, Arial, Helvetica; font-size:90%; color:#023333; line-height:18px;}
H1 {color: #e57a02; background-color: transparent; font: normal 180%  Arial, Verdana, Helvetica; margin:0; line-height:25px}
H2 {color: #e57a02; background-color: transparent; padding: 0px; margin: 0; font: normal 16px Verdana, Arial, Helvetica;}
H3 {color: #e57a02; background-color: transparent; padding: 0px; margin: 10px 0 0 0; font: normal 120% Verdana, Arial, Helvetica; text-decoration: underline}
H4 {color: #e57a02; background-color: transparent; padding: 0px; margin: 0px 0 0 0; font: bold 100% Verdana, Arial, Helvetica; text-decoration: none}
H6 {color: #e57a02; background-color: transparent; font: bold 100% Verdana, Arial, Helvetica; margin:0; }
p { margin: 0 }

.p1{background: url(../images/map.gif) no-repeat; height:310px}
a:active {color: #2C0700; text-decoration: none; }
a:link {color: #2C0700; text-decoration: none; }
a:visited {color: #2C0700; text-decoration: none; }
a:hover {color: #808080; text-decoration: none; }

.links01 {font-family: Verdana, Arial, Helvetica, sans-serif; height: 15px; font-size: 92%; color: #2C0700; background-color: transparent;font-weight:bold}
a.links01:link {text-decoration : none; color: #2C0700; background-color: transparent; }
a.links01:visited {text-decoration : none; color: #2C0700; background-color: transparent;}
a.links01:hover {text-decoration : none; color: #666666; background-color: transparent;}
a.links01:active {text-decoration : none;}


/* This bit centres page */
#container { background: url(../images/greenBkg.png) no-repeat; MARGIN: 4px auto 25px; WIDTH: 1002px; height:680px; padding: 0; position:: relative; text-align:: left; z-index: 2; visibility: visible; top: 0px; }


/* The logo 
#headfoot00 {;width:748px; padding: 0px; height: 56px; z-index: 30; top:0px;}
.headfoot001 a{float:left; width:376px; height:37px; background: url(../images/greenLogo.png) no-repeat 4px 0px; margin:0;}
.headfoot002 a{float:left; width:370px; height:38px; background: url(../images/listen.png) no-repeat 20px 1px; margin: 0;}
#headfoot01 {width:748px; padding: 0px; height: 60px; z-index: 30; background:#afc8ab; margin: 0 0 2px 0; text-align:center }
 */

/* The header and top navigation  */
#headfoot {width:990px; padding: 0px; height: 80px; z-index: 30;}
.headfoot{float:left; width:260px; height:92px; background:transparent url(../images/phoneNo.gif) no-repeat 30px 50px ; margin:0}
.headfoot00{float:left; width:153px; height:175px; background:transparent url(../images/greenLogo.gif) no-repeat center ; margin:10px  0  0 30px}
.headfoot2{float:left; width:720px; height:80px; background:transparent url(../images/textLogo.gif) no-repeat 20px 35px; padding: 0; text-align:center; margin: 0}
.headfoot3{float:left; width:220px; height:80px; background:transparent url(../images/cert.gif) no-repeat ; margin:5px 0 0 40px}
.headfoot4{float:left; width:150px; height:55px; background:transparent url(../images/ECDL_rgb.gif) no-repeat ; margin:8px 0 0 0 }

/* This code does all the main body work */
#middleContainer {
	float:left;
	position:relative;
	padding:0px;
	width:100%;
	height:auto;
	border: 0px;
	margin:  0;
}

/* Begin - sets each colums width */
#firstCol{padding: 57px 0 0 0 ;float: left; width:230px; height:421px;}
.first02 {background-color:transparent; margin:0; padding:0; height: 370px; } 
#secondCol{padding: 30px 0 0 0; width:345px; float:left; height: 100px; font-size:90%; }
.second01 {background-color:transparent; margin:0; padding:0; min-height: 300px; width: 330px} 
#thirdCol{padding: 0 0 0 20px ;float: left; width:205px; height:380px;  margin: 0;  font-size: 96%; line-height:10px;}
.thirdCol02{float: left; width:200px; margin:0px ; padding:0; height: 15px; font-size: 86%; line-height:13px; margin: 5px 0 0 0 }
.thirdCol03{float: left; width:180px; margin:0px ; padding:0; height: 50px; font-size: 86%; line-height:13px; margin: 5px 0 0 0 }
.fourth01 {margin:0 0 0 0; padding:0; min-height: 300px; width: 330px} 
#fourthCol{padding: 42px 0 0 10px; width:535px; float:left; min-height: 100px; font-size:90%; }

#greenCol{ margin: 2px 0 0 0;padding: 0;float: left; width:190px; height:473px;}
#greenCol2{margin: 0;padding: 0px ;float: left; width:190px; height:474px; margin: 0 0 0 12px}
#redCol{background: url(../images/greenBkg.png) ; margin:  0 0 0 18px;padding: 0px ;float: left; width:190px; height:475px;}
#blueCol{background: url(../images/greenBkg.png) ; margin:  0 0 0 18px;padding: 0px ;float: left; width:190px; height:475px;}

#scrolldiv {width: 350px; height: 425px; overflow: auto; margin: 0px; padding: 0 5px 0 0; }
#scrolldiv2 {width: 500px; height: 405px; overflow: auto; margin:0 ; padding: 0 5px 0 0; }
/* End - sets each colums width */


/* Begin - The header and top navigation  */
#footer {background:transparent; height: 54px; clear: both; width: 984px; font-size: 14px; text-align:left; font-weight: normal; color: #333333; margn:0; padding: 0px; line-height:16px}
.footerContent1{ float: left; width:600px; margin: 2px 15px 0 8px; height: 22px}
.footerContent2{ float: left; width: 320px; padding:2px 15px 0 0px; height: 22px; text-align: right; }
.footerContent3{background: url(../images/mission.gif) no-repeat ;float: left; width:700px; height:50px; margin:5px 0px 0 275px;}
.003300 {color: #003300;}
.footer {text-align:left; font-weight: normal; background-color:transparent; margin:0px; padding:0px; font-size: 10px;} 
a.footer:link {text-decoration : none; color: #2C0700; }
a.footer:visited {text-decoration : none; color: #2C0700; }
a.footer:hover {text-decoration : none; color: #076c6c; }
a.footer:active {text-decoration : none; }
/* End - The header and top navigation  */

.blocks {
	font-family: Arial, Helvetica, sans-serif;
	width: 320px;
	font-size: 12px;
	margin: 0 20px 0 20px;
	padding: 0 20px 0 20px;
	border-bottom-style: dotted;
	border-bottom-color: #FFFFCC;
	border-bottom-width: 1px;
}
.boldwhite {
	font-family: Arial, Helvetica, sans-serif;
	color: #660000;
	font-weight: bold;
	float: none;
	clear: none;
	text-align: right;
}
.style1 {font-size: 12px}