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



/**************************************************************
   #content: Sets the width of the site.  Make changes here
             to convert to a fixed width site.
 **************************************************************/

#content {  
  height: 100%;
  min-height: 100%;
  text-align: left;
}

#content,
#width {
  /* max-width hack for IE since it doesn't understand the valid css property */
  width: expression(document.body.clientWidth > 1000 ? "800px" : "94%");  
  max-width: 800px;
  margin: 0 auto;
}

#content[id],
#width[id] {
  width: 800px;
  height: auto;
}


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

#header {
  position: relative;
  height: 100px;
  background-image:url(../images/kg_header/header.jpg);
  background-repeat:no-repeat;
  width:800px;
  padding:0;
  text-align:left;
  vertical-align:top;
}

/* Holds special and extreme buttons */
#header #special {
	position: absolute;
	z-index: 3;
	top: 27px;
	left: 376px;
	width:207px;
	height:73px;
	padding: 0px;
	text-align: right;
	margin:0;
}

#header #extreme {
	position: absolute;
	z-index: 3;
	top: 27px;
	left: 583px;
	width:208px;
	height:73px;
	padding: 0px;
	text-align: right;
	margin:0;
}



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

#mainMenu { 
  float: left;
  width: 100%;
  clear: both;
  height: 50px;
  padding:0;
  margin:0;  
}




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

#page {
  float: left;
  width: 100%;
  clear: both;
  
  padding-bottom: 4em;
}




/**************************************************************
   #footer: The page footer - will stick to the bottom if not
            enough content.
 **************************************************************/

#footer {
  float: left;
  width: 100%;
  clear: both;
  
  margin-top: -3.8em;
  background: #392109 url(../images/bg/footer.jpg) repeat-x top left;
  color:#FFFFFF;
}

/* Sets the width of the footer content */
#footer #width {
  position: relative;
  z-index: 3;
  font-size: 0.85em;
  padding-top: 27px;
}

/**************************************************************
   Alignment classes
 **************************************************************/


.content {
  margin-bottom: 2em;
  text-align:center;
  background: #857655; 
}

#green_machine{
padding-left:40px;
padding-right:15px;
padding-top:10px;
font-family:Arial, Helvetica, sans-serif;
font-size:10pt;
color:#000000;
}