/* Main Structure
----------------------------------------------*/
body {
	font-size: 62.5%; /* Resets 1em to 10px */
	font-family: Verdana, Arial, Sans-Serif;
    background-color: #333;
	text-align: center;
	margin: 0;
	padding: 0;
}
#page {
	position: relative;
	width: 750px;
  background: #fff;
  border: 1px #000 solid;
	margin: 0 auto;
	padding: 0;
	text-align: left;
}
#header {
	width: 750px;
	height: 110px;
  background: #333 url(../img/header.png) no-repeat top left;
}
#navcontainer {
	margin:0;
	padding:0;
}
#nav {
	float: left;
	width: 750px; /* 710 px for FF???*/
	list-style: none;
	background: url(../img/li-gradient.png) repeat-x top left;
  background-color: #333;
  border-top: 1px #666 solid;
	border-bottom: 5px #fff solid;
	margin:0;
  padding:0;
}
#nav li {
	float: left;
	margin: 0;
	padding: 0;
}
#nav a {
	float: left;
	font-size: 10px;
	padding: 10px 13px;
	text-decoration: none;
	color: #fff;
  border-right: 1px #666 solid;
	border-bottom: none; /*IE*/
}
#nav li.active { background: #fff;}
#nav li.active a { color: #333;}
#wrap {
	float:left;
	width: 550px;
	margin: 0;
	padding: 0;
}
#leftnav-container, #rightnav-container {
	margin: 0 5px; /* IE container fixes to box model */
}
#leftnav {
	float:left;
  width:170px;
	background-color: #faf4e1;
 	margin:0;
	padding: 0;
}
#content {

  float: left;
  width: 500px;
	text-align: justify;
	background: #fff;
	font-family: Arial, Verdana, Sans-Serif;
  font-size: 1.2em;
  margin:0;
  padding: 0 10px;
}
#rightnav {
	float:right;
  width: 200px;
	margin:0;
	padding:0;
}

/* Common*/

a {
	color: #264e76;
}

h1, h2, h3 {
text-align:left;
  font-family: 'Palatino Linotype', 'Book Antiqua', 'Palatino', serif;
  font-weight: bold;
	color: #84714c;
}
h2 {
	font-size: 1.8em;
	margin: 0;
}
h3 {
font-size: 1.4em;
}
h4, h5, h6 {
	font-family: Verdana, Arial, Sans-Serif;
}
#content table a{
	font-size: 0.8em;
}
.button {
	background-color: #b71010;
	border: 1px solid #fff;
}
.indent {
	padding: 0 10px 0 25px;
}
#img-container {
	float:left; padding-right: 5px; margin:0; /*used on homepage */
}

/* DESIGN */
#rightnav {

}
#rightnav h3 {
	font-family: Garamond, times, serif;
	font-size: 1.4em;
	font-weight: bold;
	margin:0;
}
#rightnav h3 {
border:#8cc63f solid;
border-width: 1px 1px 0 1px;
	color: #fff;
	background-color: #8cc63f;
  /*background: url(../img/h-gradient.gif) repeat-x top left;*/
  padding: 6px 0 2px 10px;
}
#rightnav ul{
	margin: 0;
	padding: 10px 0;
}

#footer-container {
	clear: both;
	width: 750px;
  height: 60px;
  background: #000;
  border-top: 1px #333 solid;
}
#footer {
	margin: 15px 0 15px 180px;
  	color: #fff;
}
#footer a {
	color: #fff;
  text-decoration: none;
  padding: 0 5px;
}
#how-container {

/*  	background: url(../img/how-bkg.png) repeat-x top left;*/
	margin: 0;
  pading:0;
}
ul#how {
/*	list-style: none;*/
/*  margin:0;*/
	padding: 0 0 0 20px;
	
  border: 1px #8cc63f solid;

}#how li {
	padding: 10px 0;
}

form{ margin:0;padding:0;}
#how li a {
	text-decoration:none;
					font-family: Arial, Verdana, Sans-Serif;
					font-size: 1.3em;
          font-weight: bold;
					color: #000;
}
#signup{margin: 10px 0 0 0;}
#signup input {color: #ccc; font-size: 10px;}
.button { margin-left: 5px;}
#keys {
	background-color: #e5eaef;
	margin: 10px 0;
}
#keys ul { padding: 10px 20px;}
form#volunteer {
background-color:#f1f1e6;
border: 1px #e9e9d6 solid;
padding: 10px;
}