#header {
position:relative; 
height:100px;
width:100%;
vertical-align:center;
text-align:center;
font-size:40px;
color: #787848;
padding-top: 10px;
padding-bottom: 10px;
}

#leftcol {
	position:relative;
	width:15%;
	float:left;
	border:none;
	background-color:inherit;
	padding:5px;
}

#maincol {
	position:relative;
	float:right;
	display:inline;
	width:80%;
	border:none;
	background-color:inherit;
	padding:10px;
}

#pagewidth {
	width:800px;
	height:100%;
	margin-left:auto; 
	margin-right:auto;  
	margin-top:20px;
	font-family:"Tahoma";
	font-size:14px;
	background-color: #FFFFFF;
	border:none;
}

.thetitle {
	font-size:20px;
	font-weight:300;
}

a:link {
	color: #304878;
}

a:visited {
	color: #304878;
}

a:hover {
	color: #6078A8;
}

a:active {
	color: #787848;
}

.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 */