/* RESET AND SENSIBLE DEFAULTS
-------------------------------------------------------------------------------- */
fieldset,img{border:0;}
caption,th {text-align:left;}
/* FORMS
-------------------------------------------------------------------------------- */
label {
  display: block;
  margin-top:10px;
}
input, textarea { 
  font: normal 14px Arial, sans-serif;
  padding: 2px;
}
.submit {
  padding-top: 4px;
}
.error_message {
  color: #333;
  background-color: #FFFFCC;
  padding: 4px;
  float: right;
  font-weight: bold;
}

body {
  background: #F4F2EE url(/img/header_bg.gif) no-repeat;
  background-position: top center;
  font-family:  Arial, sans-serif, Helvetica;
  margin: 0;
  font-size: 12px;
  color: #5e4c3d;
}

#page {
  background: url(/img/bg.gif) repeat-y;
  background-position: top center;
}

#find {
  background-color: #D10E16;
  padding: 10px;
  color: #fff;
}

#find strong {
  background-color: #fff;
  padding:3px;
  padding-left:5px;
  padding-right:5px;
  color: #5E4C3D;
}

#find ul {
  list-style-type: none;
  margin: 0;
  padding: 10px;
  
}

#find li {
  
  padding-top: 2px;
  padding-bottom: 2px;
  
}

#find h2 {
color: #fff;
  margin-top: 10px;
  margin-bottom: 10px;
  margin-left: 10px;
  font-weight:normal;
  font-size:17px;
}
#find a {
  color: #fff;
  font-weight:normal;
  font-size:13px;
}

#main h2 {
  margin: 0;
  margin-bottom: 5px;
}

.container {
  width: 720px;
  overflow: hidden;
  margin: 0 auto;
  padding-right: 20px;
}

#main {
  float: left;
  width: 520px;
}

#sidebar {
  float: right;
  width: 180px;
}

#bottomcontainer {
  border-top: 1px solid #F4F2EE;
  clear: both;
}

#bottomcontainer h3 {
  margin-bottom: 5px;
}

/*#heading {
  width: 100%;
  height: 117px;
  margin: 0;
}

#heading h1 {
  margin: 0;
  text-indent: -1000px;
}*/

#homebox {
  padding: 10px;
  height: 225px;
  margin-bottom: 10px;
  background-color: #f4f2ee;
}

#homeimage {
  float: left;
  width: 420px;
}

#homeblurb {
  float: left;
  width: 236px;
  padding: 0 20px 20px 20px;
  color: #5E4C3D;
  font-size: 20px;
}

#viewimage {
  width: 500px;
  background-color: #f4f2ee;
  padding: 10px;
}

#projectlink {
  background: url(/img/redsquare.gif) ;
  background-position:0px 0px;
  background-repeat:no-repeat;
  width:280px;
  background-color: #FAC40B;
  color:#333;
  font-size:14px;
  line-height:20px;
  letter-spacing:-0.5px;
  padding-left:10px;
  padding-right:10px;
  padding-top:10px;
  padding-bottom:10px;
  margin-left:200px;

}

#projectaction {
  width:280px;
  background-color: #D10E16;
  color:#fff;
  padding: 5px;
  font-size:14px;
  font-weight:normal;
  padding-left:10px;
  padding-right:10px;
  padding-top:10px;
  padding-bottom:10px;
  margin-left:200px;
  clear:both;
  text-align:right;
}

#projectlink a {
  padding:0;
  margin:0;
}

#projectaction a {
  color: #fff;
  padding:0;
  margin:0;
}


#projectinstruction {
  width:280px;
  background-color: #5B2314;
  color:#fff;
  padding: 5px;
  font-size:14px;
  padding-left:10px;
  padding-right:10px;
  padding-top:10px;
  padding-bottom:10px;
  margin-left:200px;
  clear:both;
  text-align:right;
}


#viewbox {
  width: 520px;
  float: left;
}

/*#viewquote {
  font-size: 12px;
  font-style:italic;
  padding: 10px 0 10px 0;
}*/

#viewblurb {
  width: 500px;
  padding: 0;
  color: #5E4C3D;
  font-size: 18px;
}

#projectdetails {
  float: left;
  width: 180px;
  margin-left: 20px;
  font-size: 12px;
}

#donationsoptions {
  
  width: 520px;
  float: left;
}

#projectOverview {
  width: 520px;
  font-size: 14px;
  margin: 10px 0 0 0; 
}

/*#find2 {
  background-color: #F4F2EE;
  padding: 10px;
  width: 156px;
  font-size: 12px;
}*/

/*#newsbox {
  width: 500px;
  float: left;
  color: #5e4c3d;
}*/

.newsbox p {
  height: 70px;
  margin-top: 3px;
}

.newsbox h3 {
  margin-bottom: 0;
}

.newsImage {
  /*float: left;*/
  border: 5px solid #f4f2ee;
  margin: 0 10px 0 0;
}

.newsContent {
  /*float: left;*/
  /*font-size: 12px;*/
  margin: 10px 0 0 0;
  /*width: 457px;*/
  /*height: 81px;*/
}

a {
  color: #E41021;
  
  line-height: 1.4286em;
}
a:hover {
  text-decoration: none;
}

/*.readmore {
  color: #e01a22;
  font-size: 20px;
}*/

h1 {
  color: #5E4C3D;
  font-size: 20px;
  letter-spacing: -.048em;
  line-height: 30px;
  margin: 0;
  padding-bottom:10px;
}

h1 a {
  color: #E41021;
  text-decoration: none;
}

h2 {
  color: #5E4C3D;
  font-size: 14px;
}

h3 {
  color: #5e4c3d;
  font-weight: normal;
  font-size: 16px;
}

.homeh3 {
  color: #5e4c3d;
  font-weight: normal;
  font-size: 16px;
  margin: 0;
  padding: 10px 0 10px 0;
}

p a {
  font-size: 1em;
}

/********** =header **********/

.blue {
  background-color: #EFF6FF;
}
.yellow {
  background-color: #FFFFCC;
  clear: both;
}
.green {
  background-color: #D3F9BB;
  clear: both;
}
.red {
  background-color: #F8D6D7;
  clear: both;
}
.grey {
  border-bottom: none;
  background: #fff url(/img/bg_gradient_small.jpg) repeat-x scroll 0pt;
  clear: both;
}


/********** =nav **********/

#navigation {
  width: 785px;
  margin: 0 auto;
  padding-right: 75px;
  background: url(/img/nav_bg.gif) no-repeat;
  background-position: bottom center;
  height: 139px;
}

#navigation ul {
  list-style-type: none;
  padding: 0;
  margin: 0;
  float: right;
}

#navigation ul li {
  float: left;
  text-align: center;
  margin-left: 6px;
}

#navigation ul li a {
  background-repeat: no-repeat;
  text-indent: -9999px;
  display: block;
  outline: none;
}

#home a {
  background: url('/img/nav_home.gif');
  width: 68px;
  height: 74px;
  margin-top: 63px;
}
#home.active a {
  background: url('/img/nav_home_active.gif');
}

#about a {
  background: url('/img/nav_about.gif');
  width: 68px;
  height: 65px;
  margin-top: 71px;
}
#about.active a {
  background: url('/img/nav_about_active.gif');
}

#projects a {
  background: url('/img/nav_projects.gif');
  width: 83px;
  height: 84px;
  margin-top: 52px;
}
#projects.active a {
  background: url('/img/nav_projects_active.gif');
}

#news a {
  background: url('/img/nav_news.gif');
  width: 55px;
  height: 74px;
  margin-top: 62px;
}
#news.active a {
  background: url('/img/nav_news_active.gif');
}

#contact a {
  background: url('/img/nav_contact.gif');
  width: 74px;
  height: 64px;
  margin-top: 72px;
}
#contact.active a {
  background: url('/img/nav_contact_active.gif');
}


/********** =layout can remove if not needed
.primary {
  display: inline;
  float: left;
  padding-bottom: 2.5em;
  clear:both;
}

.secondary {
  display: inline;
  float: right;
  padding-bottom: 2.5em;
}

.tertiary {
  clear: both;
  width: 100%;
}**********/

/********** =box **********/

.box a.more {
  font-style: italic;
}

.forms {
  background: #dff1ff;
}

.info {
  background: #F2F3F5; 
}

/********** forms **********/

div.field {
  margin-bottom: .5em;
}

div.field label {
  display: block; 
}

div.field input, textarea {
  font-family: arial, helvetica,  sans-serif;
  font-size: 12px;
  padding: .125em;
}

textarea {
  line-height: 1.4286em;
  width: 98%;
}


/********** foot **********/
#footer {
  background: url(/img/footer_top_bg.gif) no-repeat;
  background-position: top center;
  clear: both;
  color: #5e4c3d;
  font-size: 10px;
  padding: 25px 0 0 0;
}

#footer p {
  text-align: center;
}