body{ 
	margin:0; 
	padding:0;
	text-align:center;   
	} 
 
#pagewidth{ 
	width:800px; 
	text-align:left;  
	margin:10px auto 0 auto; 
	}
	
#graphwidth{ 
	width:1000px; 
	text-align:left;  
	margin:10px auto 0 auto; 
	}  
 
#header{
	position:relative; 
	height:180px; 
	width:780px;
	padding: 10px;
	}
	
#leftcol{
	width:140px;
	padding: 5px;
	float:left; 
	position:relative;
 	}
 
#twocols{
	width:650px; 
	float:right; 
	position:relative;
  	}
 
#rightcol{
	width:190px;
	padding: 5px; 
	float:right; 
	position:relative;
 	}
 
#maincol{  
	width:440px;
	padding: 5px;
	float: left; 
	display:inline; 
	position: relative; 
	}

#graphcol{  
	width:840px;
	padding: 5px;
	float: right; 
	display:inline; 
	position: relative; 
	}
 
#footer{
	height:40px;  
	clear:both;
	margin-top: 30px;
 } 
 

 
 /* *** Float containers fix: http://www.csscreator.com/attributes/containedfloat.php *** */ 

.clearfix:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
	}
 
.clearfix{display: inline-table;}

/* Hides from IE-mac \*/
* html .clearfix{height: 1%;}
.clearfix{display: block;}
/* End hide from IE-mac */  

 /*printer styles*/ 
 @media print{ 
/*hide the left column when printing*/ 
#leftcol{display:none;} 

/*hide the right column when printing*/ 
#rightcol{display:none;} 
#twocols, #maincol{width:100%; float:none;}
}
