html, body { 
  margin:0; 
  padding:0; 
  border:none; 
}
#container {
  width: 100%;
  max-width: 1000px; 
  min-width: 300px; 
  margin: 0 auto; 
  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: left; /* 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 {
  width: 68%; 
  float: left; /* switch this to left and col1 to right to change the column locations */
}
#col2 {
  width: 68%;
  float: left;
  border: thin solid red; /* remove this line to remove the border */
}
#col3 {
  width: 30%;
  float: right;
  border: thin solid green; /* remove this line to remove the border */
} 
#menu
{
position: relative;
background: #333;
/*background: #333 url('images/menubg.gif') repeat-x top left;*/
height: 3.5em;
padding: 0em 1.0em 0em 1.0em;
margin-bottom: 2px;
}

#menu ul
{
position: absolute;
top: 1.1em;
}

#menu ul li
{
position: relative;
display: inline;
}

#menu ul li a
{
padding: 0.5em 1.0em 0.9em 1.0em;
color: #ffffff;
text-decoration: none;
}

#menu ul li a:hover
{
text-decoration: underline;
}

#menu ul li a.active
{
/*background: #999999 url('images/menuactive.gif') repeat-x top left;*/
background: #999999;
}

#menubottom
{
/*background: #ffffff url('images/border1.gif') repeat-x;*/
background: #ffffff;
height: 14px;
margin-bottom: 1.5em;
}