#header {
	position:absolute;
	left:0px;
	top:0px;
	width:760px;
	height:600px;
	z-index:0;
	overflow: visible;
}

#contentBg {
	background-image: url(/main/img/backgrounds/pagetemplate2.gif);
	border-top: 123px solid #71828A;
}

#centre
	{
	position: relative;
	float: left;
	text-align: left;
	width: 556px;
	left: 204px;
	background-color:#FFFFFF;
	padding-top: 0px;
	border-top: 2px solid #FFFFFF;
	z-index:10;
	}
* html #centre
	{
	display: inline;
	}
#left
	{
	position: relative;
	float: left;
	width:202px;
	left: -556px;
	background-color:#5C6B72;
	border-right: 2px solid #FFFFFF;
	border-top: 2px solid #FFFFFF;
	z-index:10;
	}

#outer
	{
	position: relative;
	text-align: left;
	width:760px;
	margin-left: auto;
	margin-right: auto;

	border-top: 2px solid #FFFFFF;
	border-left: 2px solid #FFFFFF;
	border-right: 2px solid #FFFFFF;
	border-bottom: 2px solid #FFFFFF;
	}
/* we need this for IE 5.01 - otherwise the wrapper does not expand to the
necessary height (unless fixed, this problem becomes even more acute
weirdness as the method is enhanced */
#outer
	{
	/*float: left;*/
	float/**/: none;
	}
/* easy clearing */
#outer:after, #contentBg:after
	{
	content: '';
	display: block;
	height: 0;
	clear: both;
	}
#outer, #contentBg
	{
	display: inline-block;
	}
/*\*/
#outer , #contentBg
	{
	display: block;
	}
/* end easy clearing */