html, body {
  background-color: white;
  margin:0 auto;
  padding:0;
  border:none;
}
#container {
  width: 100%;
  max-width: 1000px;
  min-width: 1000px;
  margin: 0 auto;
  padding: 0;
}
#container h1 {
  width: 100%;
  background-image:url('sun1.jpg');
  margin: 0 0;
  padding: 0;
  border: none; /* remove this line to remove the border */
}
#container hmenu {
  clear: both;
  background-color: red;
  border: none; /* remove this line to remove the border */
}
#container h2 {
  clear: both;
  border: none; /* remove this line to remove the border */
}
#thin-col {
  width: 20%;
  max-width: 200px;
  min-width: 100px;

  float: left; above; /* switch this to right and above to left to change the column locations */
  border: none; /* remove this line to remove the border */
} 
#thick-col {
  width: 78%;
  max-width: 1000px;
  min-width: 100px;

  float: right; /* switch this to left and below to right to change the column locations */
  border: none; /* remove this line to remove the border */
}


.menu4 {padding:0 0 0 200px; margin:0; list-style:none; height:25px; background:url(menu0.gif);}
.menu4 li {float: left;}
.menu4 li a {display:block; float:left; height:25px; line-height:24px; color:#ffffff; text-decoration:none; font-family:corbel, arial, verdana, sans-serif; text-align:center; padding:0 0 0 14px; cursor:pointer; font-size:15px;}
.menu4 li a b {float:left; display:block; padding:0 18px 0 14px;}
.menu4 li.current a {color:#fff; background:url(menu2.gif);}
.menu4 li.current a b {background:url(menu2.gif) no-repeat right top;}
.menu4 li a:hover {color:#fff; background: url(menu1.gif);}
.menu4 li a:hover b {background:url(menu1.gif) no-repeat right top;}
.menu4 li.current a:hover {color:#fff; background: url(menu2.gif); cursor:default;}
.menu4 li.current a:hover b {background:url(menu2.gif) no-repeat right top;}