html, body { 
 font-family: Verdana, Helvetica, Arial, sans-serif; 
 font-size: small; 
 margin:0; 
 padding:0; 
 border:none; 
 }
 
 #container {
 margin-left: auto;
 margin-bottom: 0;
 margin-right: auto;
 margin-top: 50px;
 top: 10%;
 position: relative;
 width: 80%;
 max-width: 1000px; 
 min-width: 300px; 
 padding: 0;
 }
 
 #container h1 { 
 /*border: thin solid green; remove this line to remove the border */
 }
 
 #container h2 { 
 /*border: thin solid blue;  remove this line to remove the border */
 }

 #col1 { 
 width: 20%; 
 float: right; /* switch this to right and container2 to left to change the column locations */
 /* border: thin solid black;  remove this line to remove the border */
 }
 
 #container2 {
 background-position: 0 50px;
 width: 79%; 
 float: left; /* switch this to left and col1 to right to change the column locations */
 }
 
 #col2 {
 width: 78%;
 float: left;
 /* border: thin solid red;  remove this line to remove the border */
 }
 
 #col3 {
 width: 20%;
 float: right;
 /* border: thin solid green;  remove this line to remove the border */
 }