/* 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 One Earth website */

h1, h2, h3, h4 {
  color: #876310;
  font-family: Tahoma,Helvetica,Arial,sans-serif;
}

h1 {
  font-size: 20px;
  background-color: #FD8B00;
  margin-bottom:0px;
  font-weight: normal;
}

h2 {
  color: #876310;
  font-size: 15px;
  font-weight: bold;
  font-style: italic;
  text-align: center;
  margin-bottom: 3px;
}

h3 {
  color: #7f2c28;
  font-weight: bold;
  font-size: 13px;
  margin-bottom: 0;
  text-align: center;
  padding: 5px 0px 0px 0px;
}

h4 {
  font-size: 12px;
  margin-bottom: 0;
  padding: 5px 0px 0px 10px;
  text-align: center;
  text-decoration: bold;
}

body {
  color: #7f2c28;
  font-size: 12px;
  font-family:  Tahoma,Helvetica,Arial,sans-serif;
  background-color: #faf8e9;
  text-align: center;
}

p, td, th, div, blockquote, dl, ul, ol {
  color: #7f2c28;
  font-size: 12px;
  margin-bottom: 5px;
  }

li {
 list-style-type: none;
 margin:  0px 0px 5px 25px;
}

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

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

/* Page Demarcation */

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

#mainContent {
  float: left;
  width: 750px;
  min-height:300px;
}
/* for IE6 and below */
* html #mainContent {
  height: 500px;
}

#mainContent
{
 margin: 0px 25px 0px 25px;
}

#mainContent a:link , a:visited
{
  text-decoration: none;
  color: #327566;
  font-size: 12px;
}

#mainContent a:hover , a:active
{
  text-decoration: none;
  color: #7AA4B2;
  font-size: 12px;
}

#mainContent .boxSquare {
   float: right;
   width: 180px;
   padding: 10px;
   margin: 20px;
   background: #FD8B00;
   color: #FD8B00;
   text-align: center;
   font-size: 12px;
}

#mainContent .leftBoxSquare {
   float: left;
   width: 180px;
   padding: 10px;
   margin: 20px;
   background: #FD8B00;
   color: #FD8B00;
   text-align: center;
   font-size: 12px;
}

#sidebar {
  float: left;
  width: 100px;
  margin-top: 10px;
}

#sidebar a {
  font-size: 13px;
  font-weight: bold;
}
#sidebar li {
  font-size: 13px;
  font-weight: bold;
  padding-top: 8px;
}

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

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


#main {
  position: absolute;
  top: 200px;
  left:410px;
}

#banner {
  height:170px;
  background:  #c6a67e url("media/bar.jpg") center bottom repeat-x ;
  }

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

#flashcontent {
        float: center;
        width: 425px;
	height: 400px;
	margin: 10px;
	}

/* end hide */



/*Afghan Blog Section */

#storyContent {
  float: left;
  width: 750px;
  margin: 0px 25px 0px 25px;
}

#storyContent h1 {
  position:relative;
  padding-left: 22px;
  margin-top: 50px;
}

#storyContent h4 {
  color:  #BD8A3F;
  font-size: 12px;
}



#storyContent p {
 padding: 2px 10px 2px 0px;
}

#storyContent .boxText {
   float: right;
   width: 360px;
   padding: 10px;
   margin: 20px;
   background: #B4820F;
   color: #FFFFFF;
   text-align: center;
   font-size: 12px;
}

#storyContent .boxSquare {
   float: right;
   width: 180px;
   padding: 10px;
   margin: 20px;
   background: #FD8B00;
   color: #FD8B00;
   text-align: center;
   font-size: 12px;
}

#storyContent .leftBoxSquare {
   float: left;
   width: 180px;
   padding: 10px;
   margin: 20px;
   background: #FD8B00;
   color: #FD8B00;
   text-align: center;
   font-size: 12px;
}

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

#storyContent .boxtext a
{
  text-decoration: underline;
  color: #FFFFFF;
  font-size: 12px;
}




/* Individual paragraph variations */
.footer {
  clear: both;
  font-size: 12px;
  color: #8C2D0F;
  text-align: center;
  width: 750px;
  height: 100px;
  margin: 0 auto;
  padding-top: 5px;
}

.footer a:link, a:visited  {
  text-decoration: underline;
  font-size: 12px;
  color: #327566;
}

.footer a:hover, a:active  {
  text-decoration: underline;
  font-size: 12px;
  color: #0cf4be;
}
.quote {
 float: right;
 font-size: 0.85em;
 color: #327566;
 width: 110px;
 background-color: #BD8A3F;
 text-align: left;
 margin-right: 20px;
 padding-right: 20px;
}

.sideNote {
 font-size: 12px;
 color:  #9E9C00;
 background-color: #7AA4B2;
 margin-left: 5px;
 margin-top: 300px;
 padding: 5px;
 width: 60px;
 text-align: right;
 text-decoration: bold;
 overflow: hidden;
}

.sideNote a
  {text-decoration: underline
}

/* Tabbed Navigation*/

.nav{
  position: relative;
  float: left;
  margin: 0px 2px 0px 20px;
  text-align: left;
}

ul.nav {
  width: 100%;
  margin: -27px 0px 13px 5px;
  padding: 1px 2px 0px 10px;
  list-style:none;
}

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

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


ul.nav a span {
      float:left;
      display:block;
      padding:5px 10px 4px 6px;
      margin-left: 15px;
      color:#327566;
      font-family:  verdana,arial,helvetica,sans-serif;
      font-weight: bold;
}

ul.nav a span {float:none;
      text-decoration: bold;
      font-size: 15px;
      color: #327566;
      }

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