/*  Layout.css - Order NCEMixed - Side widths both fixed
	
*/
body 
	{
	margin: 5px;  /* a nice border all round the panel */ 	
	}
/* constraints */
#width 
	{
	min-width: 762px;   
	max-width: 986px;    
	margin: 0 auto;
	text-align: left;	
	/* now to fix i.e   with non-standard  feature*/
	width:expression(document.body.clientWidth > 986? "986px": "auto" ); /* hack for IE max-width */	
	}

* html #minwidth 
	{
	border-left: 762px solid #FFFFFF;
	}
* html #container 
	{
	margin-left: -762px;
	position: relative;		
	}
/*\*/
* html #minwidth, * html #container 
	{
	height: 1px;     
	}
/*/
#width {
	display: inline-block;
	}
/**/

#header 
	{ /* Need to give header a bottom border or bottom padding to stop a gap appearing between it and the columns   */
	padding-bottom: 1px;
	}
/*Place panels */
#contentWrapper
	{
	float: left;
	width: 100%;
	}
#content
	{
	margin: 0 70px 0 150px; 	
	}
#navigation
	{
	float: left;
	margin-left: -100%; 
	width: 140px;
	overflow: hidden;
	}
#extra
	{
	float: right;
	margin-left: -100%;
	width: 70px; 
	}
* html #extra
	{
	margin-left: -70px; 
	}
/*Push columns*/

 /*pushcolumns() not defined!!*/

/*macFilter*/
#content, #navigation, #extra
	{ 
	padding-bottom: 32767px !important;
	margin-bottom: -32767px !important; 
	}
@media all and (min-width: 0px) {
#content, #navigation, #extra
	{
	padding-bottom: 0 !important;
	margin-bottom: 0 !important; 
	}
#content:before, #navigation:before, #extra:before
	{
	content: '.';
	display: block;
	background: inherit;
	padding-top: 32767px !important;
	margin-bottom: -32767px !important;
	height: 0;
	}
}
	
#wrapper_extra
	{
	position: relative;
	}
* html #wrapper
	{
	position: relative;
	}
#wrapper
	{
	overflow: hidden; /* This hides the excess padding in non-IE browsers */
	}
/* we need this for IE 5.01 - otherwise the columns vanish */
* html #wrapper_extra
	{
	float: left;
	width: 100%;
	}
/* 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 */
#wrapper
	{
	float: left;
	float/**/: none;
	}
#wrapper:after
	{
	content: '.'; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
	}
#wrapper
	{
	display: inline-block;
	}
/*\*/
#wrapper
	{
	display: block;
	}
/* end easy clearing */
/*Final bits*/
#footer
	{
	clear: both;
	}
* > #footer
	{
	position: relative;
	z-index: 1000;
	}
/* Thats all folks */