html
{
   margin:0;
   padding:0;
   height:100%;
}



body
{
   margin:0;
   padding:0;
   height:100%;
   color:black;
   text-align:center;
   background: #e9ece2;
}

/*
   background: #CDC99C; fairly monochrome
   background: #EFECCA; base of sandy stone beach ocean
   background: #E0E0E0; gray
   background: #fff8e8; parchment
   background: #e9ece2; very pale
   background: #DCDBD7; more like normal gray
   background: #faebd7; antique white
   background: #ffebcd; blanched almond
   background: #cdc8b1; dark cornsilk
   background: #eee8dc; light cornsilk
   background: #eee5de; light seashell
   background: #ffe4c4; bisque
   http://www.tayloredmktg.com/rgb/

   background-image:url(../Images/background.gif);
   background-repeat:repeat-x;
*/

/*main layout components*/

div#wrapper
{
   min-height:99.5%;
   position:relative;

   color: black;
   background-color:white;
   text-align:left;
   border-left:1px solid #B0B0B0;
   border-right:1px solid #B0B0B0;
   border-bottom:1px solid #B0B0B0;
   
   width:930px;
   /*prefer to be max-width, but ie6 does not support*/
   margin-left:auto;
   margin-right:auto;
   margin-top:0;
   margin-bottom:0;
   padding:0;
   padding-bottom:0;

   /*http://www.svendtofte.com/code/max_width_in_ie/*/
   /*didn't seem to be working*/
   width:expression(document.body.clientWidth>800? "800px":"auto");


   h\eight:100%;
   h\eight:500px;


}


/*hack to target IE6 and below only*/

* html div#wrapper
{

}


/*in the end probably want
   width:970px;
  this will require a wider background text for the introductory text and section headings
*/


div#header
{
   background-color:white;
}

div#pagebody
{
   color:black;
   width:100%;
   border-bottom:35px;
}


div#footer
{
  position:absolute;
  bottom:0;
  height:35px;
  width:930px;
}