body{
	margin:0; 
	padding:0; 
	text-align:center; 
	background-color: #98C0D4
} 
 
#pagewidth{ 
	width:600px; 
	text-align:left;  
	margin-left:auto; 
	margin-right:auto;  
} 
 
#header{
	position:relative; 
	height:250px; 
	background: url(../images/saugeen-shores-header.jpg) no-repeat center; 
	width:100%;
} 
 
#twocols{
	background: url(../images/content-bg.jpg) repeat-y;
	width:100%; 
	float:right; 
	position:relative; 
}
	#twocols a {
		color: #800000;
		text-decoration: underline;
		font-weight: normal;
	}
			#twocols a:hover {
			color: #0090B1;
			text-decoration: none;			
		}

 
#rightcol{
	color: #0090B1;
	font-family: Arial;
	font-size: 11px;
	font-weight: normal;
	line-height: 150%;
	width:180px; 
	float:right; 
	position:relative; 
	padding: 20px 20px 20px 20px;
}
	#rightcol h2 {
		line-height: 130%;
	}

	#rightcol li {
		padding-top: 5px;
	}
	
	
 
#maincol{
	color: #725824;
	float: left; 
	font-size: 12px;
	font-family: Verdana;
	display:inline; 
	line-height: 150%;
	position: relative; 
	width:330px; 
	padding: 20px 20px 20px 20px;
}
	#maincol .error {
		color: #DF001E;
		font-weight: bold;
		font-size: 16px;
	}
 
#footer{
	height:40px; 
	background-color:#C2B59E; 
	clear:both;
} 
 

/* *** Float containers fix: *** */ 
.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 right column when printing*/ 
	#rightcol{display:none;} 
	#twocols, #maincol{width:100%; float:none;}
}