/* 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... */
* {padding, margin:0;}

h3 {font-size:18px; text-transform:capitalize;
        font-variant: small-caps; font-family:Arial black, arial; padding-top:30px; margin-top:30px;}


#trans {
	position:absolute;
	padding:0;
	margin-left:32px;
	margin-top:35px;
	z-index:1;
	}
#joy {
	color:#ffffcc; position:absolute;
	margin-top: 112px;
	margin-left: 125px;
	letter-spacing:1px;
	font: 16px Trebuchet MS, Verdana, serif;
	font-weight:normal;
	font-style:italic;
	z-index:2;}
	
#bt { 
	letter-spacing:2px;
	text-transform:uppercase;
	font-weight:normal;
	font-style:normal;
	color:#c33;
	}
body {
	margin:20px;
	padding:0px;
	font-family:Arial,Helvetica,sans-serif;
	font-size:12px;
	background:#fff;
	color:#000;
	text-align:center;/*centre for ie5 */
}
#container {
	width:auto;
	margin:auto;/* centre for compliant browsers*/
	text-align:left;
	/* border:1px solid #000; */
}
#header {
	height:175px;
	background:#000 url("../img/top_bar.gif") top no-repeat;
	display:block;
	text-align:left;
}
#left {
	display:none;
	margin-left:-18px;/*must be 1 pixel less than width */
	float:left;
	width:18px;/* this width is the same as the margin on #middle */
	position:relative;
	left:-2px;/* line it up exactly without losing pressure on footer*/
}
#middle {
    background:none;/* background colour of right column */
	margin-left:18px;/*this is the space for the left column */
	margin-right:18px;
}
* html #middle {height:1%;margin-left:188px}/* combat ie's 3 pixel jog */
#footer {
	clear:both;
	height:70px;
	background:url("../img/bot_bar.gif") bottom no-repeat;
	text-align:center;
}

.imgcommentr {float:right; margin:10px;}
.imgcommentl {float:left; margin:10px;}