html, body{ 
 	margin				: 0; 
 	padding				: 0; 
 	text-align			: center;
	background-color	: #4886C2;
	background-image	: url(img/bg.gif);
	font-family			: Geneva, Arial, Helvetica, sans-serif;
	font-size			: 12px; 
} 
 
h3 { 
	font-family			: Geneva, Arial, Helvetica, sans-serif;
	font-size			: 20px;
	font-weight			: bold;
	color				: #550000; 
}

#pagewidth{ 
	width				: 760px; 
 	text-align			: left;  
	margin-left			: auto; 
 	margin-right		: auto;  
	border				: 10px solid #FFF;
} 
 
#header{
 	position			: relative; 
 	height				: 220px; 
  	background-color	: #737F7F; 
 	width				: 100%;
	background-image	: url(img/header.jpg);
} 
 
#wrapper {
	background-image	: url(img/bg_wrapper.gif);
 }

#leftcol{
 	width				: 200px; 
 	float				: left; 
 	position			: relative; 
	padding-top			: 20px;
 }
 
#maincol{
	/*background-color	: #F0F0E8;*/  
 	float				: right; 
 	display				: inline; 
 	position			: relative; 
 	width				: 560px;
	font-family			: Verdana, Arial, Helvetica, sans-serif;
	font-size			: 100%;
	word-spacing		: 2px;
 	line-height			: 150%;
	color				: #333333;
 }

#maintext{
	padding				: 25px 25px 25px 50px; 
 }
 
#footer {
 	height				: 40px; 
  	background-color	: #FFF; /*#EAE7DE; */
 	clear				: both;
	color				: #6C6B66;
	font-size			: 11px; 
	padding-left		: 250px;
	padding-top			: 15px;
 } 
 
#footer a:link ,#footer a:visited, #footer a:hover, #footer a:active {
	color				: #6C6B66;
 	text-decoration		: none;
 } 

 
 /* *** Float containers fix:
 http://www.csscreator.com/attributes/containedfloat.php *** */ 
#wrapper:after {
 	content				: "."; 
 	display				: block; 
	height				: 0; 
 	clear				: both; 
 	visibility			: hidden;
	background-color	: #FFFFFF;
 }
 
#wrapper{display: inline-table;}

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


 
 /*printer styles*/ 
 @media print{ 
/*hide the left column when printing*/ 
#leftcol{display:none;} 
#twocols, #maincol{width:100%; float:none;}
}