html, body{ 
 margin:0; 
 padding:0; 
 text-align:center; 
} 
body {
	background-color: black;
}
 
#page{ 
	width:860px; 
	text-align:left;  
	margin-left:auto; 
	margin-right:auto;  
	margin-top: 20px;
	background: transparent url(../images/page-bg.png) top left repeat-y;
} 
#pageinner {
	width: 800px;
	margin-left: auto;
	margin-right: auto;
	background-color: white;
	margin-top: 20px;
}
 
#leftcol{
	width:476px; 
	position:relative;
}
#leftcolinner {
	width: 444px;
	margin-left: 32px;
}
#content { 
	margin-left: 20px; 
	width: 400px; 
}
 
#twocols{
	width:384px; 
	float:right; 
	position:relative; 
}
 
#rightcol{
	width:384px; 
	float:right; 
	position:relative; 
}
#rightcolinner {
	background: transparent url(../images/rightcol-bg.jpg) top left repeat-y;
	width: 357px;
}
#rightcolbottom {
	width: 357px;
	height: 30px;
	display: block;
	background: transparent url(../images/rightcol-bg-bottom.jpg) top left no-repeat;
}
/* Footer */
#footer { 
	clear: both; 
	margin: 40px 0 0 10px; 
	float: left;
	width: 400px;
}

 /* *** 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{width:100%; float:none;}
}