/* CSS Document */

html, body, ul, ol, li, p, h1, h2, h3, h4, h5, h6, form, fieldset {  
	margin: 0; 
	padding: 0; 
	border: 0; 
}

html {
	min-height: 100%;
	margin-bottom: 1px;
}

body {
	font-size: 100.01%;
	text-align:center; /* IE5 workaround 1*/
	background-color:#fcfceb;
	background-image:url(Images/background_yellow.gif);
	font-family: "Times New Roman", Times, serif;
	color:#333;
}

#wrapper {
	margin: 0px auto;
	width: 770px;
	border: 0px solid #000000;
	text-align:left; /*close IE5 workaround 1*/
	}
	
#wrapper h1 a{
	text-decoration:none;
	color:#666666;
	font-size: smaller;
	}
	
	
#wrapper h1 a:hover, #wrapper h1 a:focus{
	color:#0099FF;
	text-decoration:none;
	}
	
	#banner{
	margin:0px;
	padding:0px;
	background-image:url(Images/banner_IOcoloured.gif);
	height:255px;
	border-bottom:5px solid #ebdae8;
	}
	
	#content{
	margin:0px;
	padding:0px;
	background-color:transparent;
	color:#333;
	text-align:left;
	}
	
	
	
	
	
	
	#content h1{
	font-size:130%;
	font-weight:bold;
	font-size: medium;
	padding:5px;
	}
	
	#content p{
	font-size:90%;
	padding:0 5px 5px 5px;
	}
	
	
	#leftcol{
	margin:0px 0 0 0;
	padding:15px 0 0 0;
	float: left;
	color:#666666;
	background-color:transparent;
	width:365px;
	}
	
	#leftcol h1{
	font-size:160%;
	color:#333;
	text-align:left;
	margin:0 0 20px 0;
	text-decoration:none;
	}
	
	
	#leftcol h2{
	font-size:110%;
	font-weight:bold;
	margin:0px;
	padding:5px 5px 0px 5px;
	text-decoration:none;
	}
	
	#leftcol h2 a{
	text-decoration:none;
	color:#666666;
	}
	
	#leftcol h2 a:hover, #leftcol h2 a:focus{
	color:#0099FF;
	text-decoration:none;
	}
	
	
	#leftcol p{
	margin:0px;
	padding:15px 5px 15px 5px;
	}
	
	#leftcol p a{
	text-decoration:none;
	color:#666666;
	}
	
	#rightcol{
	margin:0px 0 0 0;
	padding:15px 0 0 0;
	float: right;
	color:#666666;
	background-color:transparent;
	width:365px;
	}
	
	#rightcol h2{
	font-size:110%;
	font-weight:bold;
	margin:0px;
	padding:5px 5px 0px 5px;
	}
	
	#rightcol h2 a{
	text-decoration:none;
	color:#666;
	}
	
	#rightcol h2 a:hover, #rightcol h2 a:focus{
	color:#0099FF;
	text-decoration:none;
	}
	
	#rightcol p{
	margin:0px;
	padding:15px 5px 15px 5px;
	}
	
	
	#rightcol p a{
	text-decoration:none;
	color:#666666;
	border:transparent;
	}
	
	
	.imageleft{
	float: left;
	margin:5px 5px 5px 5px;
	border:1px solid #000000;
	}
	
	.imageright{
	float: right;
	margin:5px 5px 5px 5px;
	border:1px solid #000000;
	}
	
	.clearright{
	clear:both;
	}
	
	.clearleft{
	clear:both;
	}
	
	.container{
	margin:5px;
	padding:0px;
	border:2px solid #ddd;
	font-size:medium;
	font-weight:bold;
	}

	
	.container h3{
	margin:5px;
	padding:0px;
	border:2px solid #ddd;
	font-size:medium;
	font-weight:bold;
	color:#0099FF;
	}
	
	.clearit{
	clear:both;
	/*clears any residual effect of imageright and imageleft and stops the next item appearing in the wrong place*/
	}
	
	
	#link a{
	margin:0px 0 0 0;
	/*border:3px solid #ccc;*/
	}
	
	#nearlyfooter{
	background-color:transparent;
	color:#333;
	margin:15px 0 0px 0;
	padding:5px;
	}
	
	#nearlyfooter p{
	font-size:90%;
	/*font-weight:bold;*/
	color:#333;
	text-decoration:none;
	}
	
	#footer{
	clear:both;
	margin:30px 0 0 0;
	padding:0px;
	color:#999;
	background-color:#ddd;
	text-align:right;
	font-size:12px;
	}