html, body { 
  height: 101%; 
  margin: 0px; 
  padding: 0px; 
} 

.wrapper { 
    min-height: 100%; 
    height: auto;
	background-image: url(../images/bgtopp.png); background-position: center top; background-repeat: no-repeat;
} 

.header{ width: 850px; margin-left: auto; margin-right: auto; height: 100px; text-align: center; }
.navigation{ width: 850px; margin-left: auto; margin-right: auto; height: 35px; text-align: left; }
.banner{ width: 850px; margin-left: auto; margin-right: auto; height: 215px; text-align: center; }
.content{ width: 770px; margin-left: auto; margin-right: auto; padding: 20px 40px 20px 40px; height: auto; min-height: 300px; text-align: left; }

.footer{width: 850px; margin-left: auto; margin-right: auto; height: 30px; text-align: center; background-image: url(../images/footer.png); background-position: center top; background-repeat: no-repeat;}

#leftcolumn{float: left; width: 540px; height: auto; text-align: left; }
#rightcolumn{float: left; width: 230px; height: auto; text-align: center;}

div.clear {
	clear: both;
}