html, body {
	text-align:center;
	font-family:Arial, Helvetica, sans-serif;
	margin:0;
	padding:0;
	background-color: #EEE685; background-image: url("images/woodbg.jpg");
}
#pagewidth {
	width:1024px;
	text-align:left;
	margin-left:auto;
	margin-right:auto;
	border: black 1px solid;
}
#header {
	position:relative;
	height:165px;
	width:100%;
	background-image: url(images/pines05_01.png);
}
#leftcol {
	width:379px; 
	height:415px;
	float:left;
	position:relative; background-image: url(images/pines05blank_02.png);
}
#twocols {
	width:645px;
	float:right;
	position:relative;
}
#rightcol {
	width:339px;
	height:415px;
	float:right;
	position:relative;
	background-image: url(images/pines05_04.png);
}
#title {
	width: 306px;
	height: 45px;
}
#maincol {
	float: left;
	display:inline;
	position: relative;
 	width:306px; 
	height:415px;
 	background-image: url(images/pines05blank_03.png);
}
#iframe_content { width:306px; padding:0px 0px 5px 5px; }
#content { margin:0px 7px 0px 0px; overflow:auto; height:360px; text-align:center; padding-right:0px; }
#footer {
	height:50px;
	width:1024px;
	background-image:url(images/pines05_05.png);
	background-repeat:no-repeat;
	text-align:center;
	clear:both;
}
#design_by{ font-size:9px; color:#FFFFFF; padding:20px 0px 0px 0px; margin:0px 0px 0px 0px; }
#design_by a:link{ color: #FFFF99;
}
#design_by a:hover { color:#339933}


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