/* CSS Document */
/*================================================================
LAYOUT stylesheet for the website.
Define layout and backgrounds for:
  - Body
  - Wrapper Encloses entire web page
  - Header Seasonally Changing Graphic
  - Google Should of bought IPO
  - Content 100% width of content
  - Col 30%
  - Col 50%
  - Col 70%
  - Content
  - Footer
  ( Navigation is defined in nav.css )
  ***  NO TYPOGRAPHY STYLES HERE PLEASE  ***
 COLOR PALETTE
 	Text #333333
	H's #002200
	Background Light #ffeebf
	Background Dark #004009
================================================================*/
/* BODY 
----------------------------------------------------------------*/
body {background-color:#d2852d;} /* WinIE behavior call */
/* WRAPPER
----------------------------------------------------------------*/
#wrapper {width: 1040px; margin-left:auto; margin-right:auto; background-color:#FFFFFF; border: #402410 solid 2px;}

/* NAV (Separate css file
----------------------------------------------------------------*/

/* HEADER
----------------------------------------------------------------*/
#header {width:1040px;}
#header img {width:100%;}

/* MENU
----------------------------------------------------------------*/
#menu {margin:5px;}

/* BLOCKQUOTE
----------------------------------------------------------------*/
blockquote {width: 100%; margin-top:5px;}
/* SIDEBAR
----------------------------------------------------------------*/

/* CONTENT
----------------------------------------------------------------*/
div#content {width:700px; padding:10px; background:#FFFFFF; float:left;}




/* FOOTER
----------------------------------------------------------------*/
#footer {
  clear: both;
  width:100%;
  height:auto;
  }
  



/* CURRENT PAGE INDICATORS
-----------------------------------------------------------------
 If you define your body id's and also set each nav link to a 
 class of the same name, then you have a very handy method of
 defining the style for nav buttons relative to the current page.
----------------------------------------------------------------*/






/* for understanding browsers */
.container {
min-height:18em; 
height:auto;
}
/* for Internet Explorer */
/*\*/
* html .container {
height: 18em;
}
/**/



                    
