/* CSS Document */

body {
	margin:10px;
	padding:10px;
	background:#5C5C5C;
	color:#000;
	text-align:center;/*centre for ie5 */
}
#container {
	width:837px;
	background:#F2F2F2;/*this colour will be left column colour */
	margin:auto;/* centre for compliant browsers*/
	text-align:left;
	border:1px solid #000;
	padding:19px 19px 19px 19px;
}
#header {
	width:837px;
	height:84px;
	background:#FFFFFF;
	background-image:url(../images/top.jpg);
	background-repeat:no-repeat;
	text-align:right;
	font-family: Arial, Helvetica, sans-serif;
	font-size:16px;
	color:#FFFFFF;
	font-weight:normal;

}

#banner {
	width:837px;
	text-align:center;
}

#bodyContent {
	width:797px;
	margin:auto;/* centre for compliant browsers*/
	text-align:left;
	font-family: Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#3B3B3B;
	line-height:18px;
	padding:30px 20px 25px 20px;
}
#bodyContentLeft {
	width:372px;
	margin:auto;/* centre for compliant browsers*/
	float:left;
	padding:0px 0px 0px 0px;
}
#contentDivider {
	width:58px;
	margin:auto;/* centre for compliant browsers*/
	float:left;
	padding:0px 0px 0px 0px;
}
#bodyContentRight {
	width:367px;
	margin:auto;/* centre for compliant browsers*/
	float:right;
	padding:0px 0px 0px 0px;
}
#footer {
	width:837px;
	height:50px;
	background:#CFCFCF;
	text-align:center;
	padding-top:10px;
	padding-bottom:10px;
}



#left {
	margin-left:-169px;/*must be 1 pixel less than width */
	float:left;
	width:170px;/* 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:5px}
#middle {
	border-left:1px solid #000;
	background:#6FACD0;/* background colour of right column */
	margin-left:170px;/*this is the space for the left column */
}
#inner{width:100%;float:left;margin-right:-1px}/* contain cleared elements from clearing other floats*/


h1,h2,h3,p {margin-top:0}

/* clear without structural mark-up from PIE website*/
.clearfix:after {
    content:"."; 
    display:block; 
    height:0; 
    clear:both; 
    visibility:hidden;
}
.clearfix {
    display:inline-block;
}

 /* mac hide \*/
    * html .clearfix {height: 1%;}
      .clearfix {display: block;}
 /* End hide */
/* do not change or amalgamate clearfix styles*/