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

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

#centre
	{
	position: relative;
	float: left;
	text-align: left;
	width: 426px;
	border-left: 2px solid #FFFFFF;
	margin-left: 202px;
	background-color:#FFFFFF;
	border-right: 2px solid #FFFFFF;
	padding-top: 1px;
	border-top: 2px solid #FFFFFF;
	z-index:10;
	}
* html #centre
	{
	display: inline;
	}
#left
	{
	position: relative;
	float: left;
	margin-left: -632px;
	width:202px;
	background-color:#5C6B72;
	border-right: 2px solid #FFFFFF;
	border-top: 2px solid #FFFFFF;
	z-index:10;
	}
#right
	{
	position:absolute;
	float: left;
	text-align: center;
	width:128px;
	left: 632px;

	padding-top: 2px;
	border-top: 2px solid #FFFFFF;
	background-color: #5A6367;
	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 */