* {margin:0; padding:0;}

/* big up the man http://www.pmob.co.uk/temp/3colfixedtest_explained.htm css & div made layouts are not simple cos of browser variations - he's done the work, big him up! - if you want a psd from which you can easily make the parts for this email the webmaster for this site... */
body {
	margin: 20px 10px 10px 10px;
	padding:0;
	font-family:Arial,Helvetica,sans-serif;
	font-size:12px;
	background:#4a63ae url("../images/bg_bar.jpg") center top repeat-y;
	color:#000;
	text-align:center;/*centre for ie5 */
}

#container {
	width:790px;
	background:#fff url("../images/mid_bar.jpg") center repeat-y;/*this colour will be left column colour */
	margin:auto;/* centre for compliant browsers*/
	text-align:left;
	/* border:1px solid #000; */
}
#header {
	height:35px;
	background: #00aec5 url("../images/top_bar.gif") top no-repeat;
	text-align:left;
}
#left {
	margin-left:-203px;/*must be 1 pixel less than width */
	float:left;
	width:204px;/* this width is the same as the margin on #middle */
	position:relative;
	left:-2px;/* line it up exactly without losing pressure on footer*/
}
#left p {padding-left:15px}
#middle {
margin-right:19px;
	z-index:2;
    background: url("../images/OBIbg.gif") no-repeat top right;/* background colour of right column */
	margin-left:204px;/*this is the space for the left column */

}
* html #middle {height:1%;margin-left:198px}/* combat ie's 3 pixel jog */
#footer {
	clear:both;
	height:50px;
	background: #00aec5 url("../images/bot_bar.jpg") bottom no-repeat;
	text-align:center;
}