html, body {
  margin: 0;
  padding: 0;
}

body {
  text-align: center;
  background: #676767;
  font: 13px/1.231 arial,helvetica,clean,sans-serif; 
}

#pagewidth {
  width: 800px;
  text-align: left;
  margin-left: auto;
  margin-right: auto;
}

#wrapper, #leftcol, #maincol, #nav {
  background-color: #e7e6e5;
}

#topnav {
  height: 20px;
  text-align: right;
}

#topnav div {
  margin-top: 5px;
}

#topnav, #topnav div a {
  color: #E0E0E0;
}

#header {
  height: 150px;
  background-color: #317E9B;
  background-image: url(images/header.gif) !important;
  background-repeat: no-repeat;
  width: 100%;
}

#header h1 {
  display: none;
  margin: 0;
}


#leftcol {
  width: 320px;
  min-height: 585px;
  float: left;
  padding-bottom:25px;
}

#leftcol-wrapper {
  width: 260;
  height: 525px;
  margin-left: 26px;
}

#maincol {
  width: 480px;
  min-height: 610px;
  float: right;
  display: inline;
}

#contentwrapper {
  margin: 10px;
}

#footer {
  height: 50px;
  background: #676767;
  clear: both;
}

#footer div {
  margin-top: 12px;
  margin-left: 29px;
  color: White;
}


/* *** Float containers fix:
 http://www.csscreator.com/attributes/containedfloat.php *** */
.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 */

/*printer styles*/
@media print {
  #leftcol, #nav {
    display: none;
  }
  #maincol {
    width: 100%;
    float: none;
  }
}