html, body{ 
 background: #487EBE;
 margin:0; 
 padding:0; 
  text-align:center; 
 font: 12px/18px "Lucida Grande", Arial, sans-serif;
} 

#scroll {
position:absolute;
top:0;
bottom:-0.1px;
width:1em;
z-index:-1;
}
 
#pagewidth{ 
 width:780px; 
 text-align:left;  
 margin-left:auto; 
 margin-right:auto;  
} 
 
#header{
 position:relative; 
 height:105px; 
 background-color:#487EBE; 
 width:100%;
} 
 
#maincol{
 background-color: #AAD6F3;
 border-left: 0px solid Black;
 width: 780px;  
 float: right; 
 display:inline; 
 position: relative; 
}
 
#maincol p{margin:1em;}

#footer{
 height:161px; 
 background-color:#AAD6F3; 
 clear:both;
 } 
 
.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 */