/* undohtml.css */
/* (CC) 2004 Tantek Celik. Some Rights Reserved.             */
/*   http://creativecommons.org/licenses/by/2.0                   */
/* This style sheet is licensed under a Creative Commons License. */

/* Purpose: undo some of the default styling of common (X)HTML browsers */


/* link underlines tend to make hypertext less readable, 
   because underlines obscure the shapes of the lower halves of words */
:link,:visited { text-decoration:none }

/* no list-markers by default, since lists are used more often for semantics */
ul,ol { list-style:none }

/* avoid browser default inconsistent heading font-sizes */
/* and pre/code too */
h1,h2,h3,h4,h5,h6,pre,code { font-size:1em; }

/* remove the inconsistent (among browsers) default ul,ol padding or margin  */
/* the default spacing on headings does not match nor align with 
   normal interline spacing at all, so let's get rid of it. */
/* zero out the spacing around pre, form, body, html, p, blockquote as well */
/* form elements are oddly inconsistent, and not quite CSS emulatable. */
/*  nonetheless strip their margin and padding as well */
ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input
{ margin:0; padding:0 }

/* whoever thought blue linked image borders were a good idea? */
a img,:link img,:visited img { border:none }

/* de-italicize address */
address { font-style:normal }
/* ======================================================*/
/* Standard settings for Greenweeds website */
h1, h2, h3, h4 {
  color: #b5b203;
  font-family: calibri, GillSans, Trebuchet, sans-serif;
}

h1 {
  font-size: 14px;
  background-color: #ffffff;
  margin-bottom:0px;
}

h2 {
  font-size: 14px;
  margin-bottom: 0;
  padding: 5px 0px 3px 25px;
}

h3 {
  font-size: 14px;
  margin-bottom: 5px;
  padding: 5px 0px 3px 25px;
}

body {
  color: #2F2420;
  font-size: 13px;  
  font-family: calibri, GillSans, Trebuchet, sans-serif;
  background: #FFEEAF;
  text-align: center;
}

p, td, th, div, blockquote, dl, ul, ol {
  color: #2F2420;
  font-size: 13px;
  background-color:#FFEEAF;
  font-family: calibri, GillSans, Trebuchet, sans-serif;
  margin-bottom: 6px;
  }

p {
  margin-top: 0;
  margin-left: 25px;
}

a:link , a:visited{
  text-decoration: underline;
  color: #b5b203;
  font-size: 13px;
}

a:hover, a:active
{
  text-decoration: underline;
  color: #b5b203;
  font-size: 13px;
}

html {
        height: 100%
}

/* Page Demarcation */

#wrapper {
  width: 750px;
  margin-left: auto;
  margin-right: auto;
  margin-top: 25px;
  text-align: left;
}

#mainContent {
  float: left;
  width: 100%;
  min-height:450px;
  background: #FFEEAF;
  overflow: auto;
  margin-top: -25px;
}

/* for IE6 and below */
* html #mainContent {
  height: 450px;
}


#mainContent .boxText {
   float: right;
   width: 250px;
   margin: 20px;
   background: #2F2420;
   color: #FFEEAF;
   text-align: center;
   font-size: 12px;
}

#mainContent .boxText h2 {
   color: #FFFFFF;
   font-size: 12px;
   padding-left: 5px;
}

#mainContent .rightBoxText {
   float: right;
   width: 350px;
   min-height: 240px;
   margin-top: 10px;
   text-align: left;
   font-size: 11px;
}

#mainContent .leftBoxText {
   float: left;
   width: 250px;
   min-height: 200px;
   margin-top: 10px;
  background: #FFEEAF;
   text-align: left;
   font-size: 11px;
}

#mainContent .leftBoxText p{
  margin: 7px 5px 10px 7px;
}
#mainContent .rightBoxText p{
  margin: 7px 0px 10px 7px;
}

#mainContent .etsy {
   width: 90%;
   padding: 10px;
   margin: 20px;
   background: #FFEEAF;
   color: #FFFFFF;
   text-align: center;
   font-size: 11px;
}

#banner {
  height: 225px;
  background:  #2F2420;
}


/* hide from ie on mac \
html {
      height: 100%;
      overflow: hidden;
}                       */

#flashcontent {
        width: 450px;
	height: 90%;
	margin: 10px;
	}

/* end hide */

/* Individual paragraph variations */
.footer {
  clear: both;
  font-size: 13px;
  color: #2F2420;
  text-align: center;
  width: 730px;
  height: 40px;
  padding: 10px 0px 0px 0px;
  background: #FFEEAF;
  border-top-style: double;
  border-top-color: #2f2420;
  border-top-width: thin;
}

.footer a:link, a:visited  {
  text-decoration: underline;
  font-size: 13px;
  color: #2F2420;
}

.footer a:hover, a:active  {
  text-decoration: underline;
  font-size: 13px;
  color: #8FD21B;
}

.quote {
 float: right;
 font-size: 0.85em;
 color: #2F2420;
 width: 110px;
 background-color: #E0D1C6;
 text-align: left;
 margin-right: 20px;
 padding-right: 20px;
}

.quote2 {
 color: #2F2420;
 width: 100px;
 text-align: center;
 margin-right: 10px;
 margin-left: 180px;
 padding-right: 10px;
}

/* Tabbed Navigation*/

.nav{
  position: relative;
  float: left;
  text-align: left;
  background: #2F2420 ;
}

ul.nav {
  position: relative;
  top: -50px;
  float: left;
  margin: 0;
  list-style: none;
  text-align: right;
  width: 100%;
}

ul.nav li  {
      display:inline;
      margin:0;
      padding:0;
}

ul.nav a {
      float:left;
      margin:0;
      padding:0 0 0 10px;
      text-decoration: none;
}

ul.nav a span {
      float: left;
      display:block;
      padding:5px 10px 0px 6px;
      margin-left: 8px;
      color:#FFFFFF;
      font-family:  calibri, GillSans, Trebuchet, sans-serif;
      font-weight: bold;
}


ul.nav a span 
     {float:none;
      font-size: 16px;
      }

ul.nav a:hover span {
      color:#b5b203;
      text-decoration: none;
      }