/**************************************************************
   AUTHOR:  Pat Heard (fullahead.org)
   DATE:    2006.09.12 
   PURPOSE: Controls the layout of the site and styles
            the menus
 **************************************************************/



/**************************************************************
   #wrapper & #content: wrapper positions and sets the width
   on the content.  The background is then applied to #content.
 **************************************************************/

#wrapper {
  /*width: 589px;*/
  width: 700px;
  height: 100%;
  margin: 0 auto;
  
  text-align: left;
}


#content { 
  float: left;
  /*width: 589px;*/
  width: 700px;
  height: 100%;
  min-height: 100%; 
  
  background: url(../img/bg/content.gif) repeat-y top center;
}


#content[id] {
  height: auto;  
  background: url(../img/bg/content.png) repeat-y top center;
}




/**************************************************************
   #header: Holds the site title and header images
 **************************************************************/

#header {
  /*padding: 60px 0 2em 49px;*/  
 padding: 25px 0 2em 49px; 
 background: url(../img/bg/header.jpg) no-repeat top center;  
}

/* Forces IE to set the hasLayout flag and show the header at the height of its contents \*/
* html #header {
  height: 1%;
}
/* End hide from IE-mac */



/**************************************************************
   #menu: The top level site menu
 **************************************************************/

ul#menu {
  /*width: 491px;*/
  width:1200px;
  margin: 0 auto;  
  /*padding: 0 !important;*/
  padding: 0 0 0px 10px;  
}

ul#menu li {
  display: inline;
  list-style: none;
  margin: 0;
  padding: 0;
}

ul#menu li a {
  float: left;  
  padding: 5px 0 5px 0;

  font: 400 1.54em georgia, serif;
  text-align: center;
  text-decoration: none;
  
  /*color: #61804E;*/
  border-bottom: 1px solid #512103;
}

ul#menu li a:visited {
  /*background-color: #FFF;*/
}

ul#menu li a:hover {
  color: #2E5F0F;
  background: url(../img/bg/menu.gif) repeat-x bottom left;
}

ul#menu li a.here {
  color: #512103;
  background: url(../img/bg/menu.gif) repeat-x bottom left;
}

/* helper classes to control width of links in topbar */
ul.two li a {
  width: 50%;
}

ul.three li a {
  width: 33%;
}

ul.four li a {
  width: 20%;
}

ul.five li a {
  width: 20%;
}

/**************************************************************
   #page: Holds the main page content.
 **************************************************************/

#page {  
  float: left;
  clear: both;   
  /*width: 491px !important;*/
  width: 600px !important;
  width: 100%;
  
  padding: 1em 49px;  
}






/**************************************************************
   .footer: Site footer
 **************************************************************/

.footer {
  padding-top: 3em;
  font-size: 0.85em;
}