/* commented backslash hack v2 \*/ 
	html, body{
		height:100%;
	} 
	
	/* end hack */ 
	
	#outer{
		height:100%;
		min-height:100%;
		margin-left:213px;
		margin-right:224px;
		margin-bottom:-52px;
	}
	 
	html>body #outer{
		height:auto;
	} 												/*for mozilla as IE treats height as min-height anyway*/
	
	#header{
		position:absolute;
		top:0;
		left:0;
		width:100%;
		height:106px;
		overflow:hidden;
	}
	
	#left {
		position:relative;							/*ie needs this to show float */
		width:213px;
		float:left;
		margin-left:-216px;							/*must be 1px less than width otherwise won't push footer down */
	}
	
	* html #left {
		padding-bottom:52px ;
		margin-right:-3px;
	}												/*fix gap in ie next to float and clear footer because we've moved float too far left*/
	
	#right {
		position:relative;							/*ie needs this to show float */
		width:224px;
		float:right;
		margin-right:-223px;						/*must be 1px less than width otherwise won't push footer down */
	}
	
	* html #right {
		padding-bottom:52px ;
		margin-right:-223px;
	}												/* stop float drop in ie */
	
	#footer {
		width:100%;
		clear:both;
		height:50px;
		text-align:center;
		position:relative;
	}
	
	* html #footer {								/*only ie gets this style*/
		\height:52px;								/* for ie5 */
		he\ight:50px;								/* for ie6 */
	}
	
	#clearheader{
		height:103px;
	}												/*needed to make room for header*/
	
	#clearfooter{
		clear:both;height:50px;
	}												/*needed to make room for footer*/
	
	* > html #clearfooter {
		float:left;width:100%;
	}											/*clear top margin for mozilla*/
	
	* html #centrecontent {
		height:1%;margin-bottom:12px;
	}
													/* combat IE's 3 pixel jog */
	#centrecontent {
		float:right;
		width:100%;
		position:relative;
		margin: 0 -0.5%;
	}
	
	.outerwrap {
		float: left;
		width: 99%;
	}