/* generated by csscreator.com */

html, body{ 

 margin:0; 

 padding:0; 

 } 

 

#pagewidth{ 

 max-width:100%;  



 min-width:100%;  

}

 

#header{
	position:relative;
	height:100px;
	background-color:#CCCCCC;
	width:100%;

} 

 

#leftcol{
	width:10%;
	float:left;
	position:relative;
	background-color:#CCCCCC;
	height: 600px

}

 

#twocols{
	width:90%;
	float:right;
	position:relative;
	background-color: #CCCCCC;

  }

 

#rightcol{
	width:12%;
	float:right;
	position:relative;
	background-color:#CCCCCC;
	height: 600px

}

 

#maincol{
	background-color: #CCCCCC;
	float: left;
	display:inline;
	position: relative;
	width:88%;
	min-height: 600px

}

 

#footer{
	height:20px;
	background-color:#CCCCCC;
	clear:both;
 } 

 



 

 /* *** Float containers fix:

 http://www.csscreator.com/attributes/containedfloat.php *** */ 

.clearfix:after {

 content: "."; 

 display: block; 

height: 0; 

 clear: both; 

 visibility: hidden;

 }

 

.clearfix{display: inline-block;}



/* 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;}

}