/* from glish.com example "3 Column - the Holy Grail" */

body {
  margin:0;
  padding:0;
  background-color:white;
}

#banner {
  top:0px;
  left:0px;
  height:123px;
  background:silver;
  padding: 0px 0px 0px 0px;
  overflow: auto;
}
#banner h1 {
  background-color:transparent;
  color: white;
  font: bold 22px "Arial", "Liberation Sans", Trebuchet, sans-serif;
  margin-top:-75px;
  margin-bottom:-30px;
  margin-left: 224px;
  padding:0;
}
  
/* from alistapart.com example "Creating Liquid Layouts with Negative Margins" */
/* Outer wrapper is below the header and above the footer*/
#outerwrapper{
  margin:0px;padding:0px 0px 0px 0px;
  background: url("../images/greyleft.gif") white repeat-y left 50%
}
/* Inner wrapper is directly inside outer wrapper, includes container, rightcontent and a clearing class*/
#innerwrapper{
  background: url("../images/greyright.gif") repeat-y right 50%
}
.clearing {
  clear: both; 
  height: 0px
}
.last {
  margin-bottom: 0;
}
/* Container is directly outside of content*/
#container{
  width:100%;
  float:left;
  margin-right:-340px;
  background:  url("../images/greyright.gif") repeat-y right 50%
}
/* Content includes left and center columns but not right*/
#content{
  background:  url("../images/greyleft.gif") repeat-y left  50%;
  margin-right:340px
}
#footer{
  background:silver ;
  left:0px;
  height:39px;
  padding: 10px ;
  overflow: auto;
}
#leftcontent {
  background-color: #848284;
  border:1px none ;
  color: white;
  float:left;
  font: bold 12.0pt sans-serif;
  padding: 10px 15px;
  width:153px;
}
#centercontent {
  font: normal 12.0pt times;
  margin-left:178px;
  padding:10px 10px 0px 10px;
}
#centercontent, #centercontent p, #centercontent ul li {
  color: #000000;
}
#rightcontent {
  background-color: #848284;
  border:1px none;
  color:white;
  float:right;
  font: bold 12.0pt sans-serif;
  padding:10px 10px 0px 10px;
  width:320px;
}