@charset "utf-8";

/* =============================================================================
 * General styles
 * =============================================================================
 */
 
/* ------------
 * Global Reset
 * ------------
 *
 * Cross-browser style reset to a common base by Eric Meyers
 *
 */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
 	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;

}
:focus { outline: 0 } /* remember to define focus styles! */
select, input, textarea, button { font-family: Arial, "Helvetica Neue", Helvetica, sans-serif; font-size: 1em; color: #333;}

html, body {height: 100%;width:100.01%}

body {font-family:Arial,Helvetica,sans-serif;margin:0px;text-align: center; background: url(images/backg.gif) repeat-y top center;margin:0;padding:0;background-color:#E6E6E6;}
ol, ul { list-style: none }
table { border-collapse: separate; border-spacing: 0 } /* tables still need 'cellspacing="0"' in the markup */
caption, th, td { text-align: left; font-weight: normal }
blockquote:before, blockquote:after, q:before, q:after { content: "" }
blockquote, q {	quotes: "" "" }

/* --------
 * Common
 * --------
 *
 * 
 *
 */

hr {border-style: none none none none;border: 1px solid #ccc;}



/* ------------
 * Structure
 * ------------
 *
 * 
 *
 */

html{height:100%;}
body{height:100%;width:100%;text-align:center;}
 * html div.container{height:100%;}
 div.container{min-height:100%;width:960px;margin:0 auto;background: url(images/homebackg.jpg) no-repeat top left;text-align: left;}
  div.container_inner_top{width:100%;background:url('../images/container_inner_top.gif') top left repeat-x;}
  div.container_inner{width:100%;background:url('../images/container_inner.gif') -1px 0px no-repeat;}


 
/* ----
 * Head
 * ----
 *
 * 
 *
 */
 


/* ----
 * Nav
 * ----
 *
 * 
 *
 */
#mainnav {color:#eee;float:left;background: url(images/navbackg.gif) repeat-x top center;width:959px;}
#mainnav ul {margin:0px;padding:1px 0px 1px 44px;height:26px;}
#mainnav li {font-size:0.90em;margin:0px;padding:0px;list-style:none;float:left;border-right:1px solid #D8D8D8;height:25px;} 
#mainnav li.first {border-left:1px solid #D8D8D8;} 
#mainnav a {padding:3px 6px 3px 7px;display:block;float:left;text-decoration:none;color:#000;height:18px;}
#mainnav a:hover {display:block;float:left;text-decoration:none;background-color:#19501D; color:#fff;}


   #home #nav-home a, #about #nav-about a,
    #how #nav-how a, #money #nav-money a,
    #dinner #nav-dinner a, #ourwork #nav-ourwork a,
	#ecosan #nav-ecosan a, #donation #nav-donation a {
      background-color:#32A13A; color:#fff;height:18px;
      }



/* --------
 * Content
 * --------
 *
 * 
 *
 */
 
.commontopmargin {margin-top:21px;}

h1 {font-size:21px; font-weight:normal; margin:5px 0 -2px 2px;}
h2 {	font-size:15px; font-weight:normal; margin: 12px 0 14px 2px;padding:0;color: #32A13A;}
h3 {	font-size:14px; font-weight:bold; margin:5px 0 10px 0;}

a {font-weight:normal;}
a:link {text-decoration:underline; color: #32A13A; }
a:visited {text-decoration:none; color: #32A13A;}
a:hover {color: #19501D; font-size:1em; }

#homepageimages {float:left;padding:20px 0 0 44px;}
#homepageimages2 {float:left;padding:20px 0 0 0px;}
#homepageimages3 {float:left;padding:20px 0 0 0px;}

td {margin:0px;}

p {font-size:0.82em; line-height:140%; margin: 0px 0px 0px 0px;}
ul {margin:-6px 0 0px 0;padding:0 0 5px 0 ;}
li {font-size:0.82em; line-height:124%;list-style:disc;margin:0 23px 4px 25px;padding:0;}

.numberedlist {margin:1px 7px 0 0;}

#maintextcol {color:#444;
	width:348px;
	padding:0 0 20px 0px;
	margin: 20px 0 0 42px;
	clear:both;
	float:left;display:inline;
}



#block_two {
		padding:0 40px 20px 10px;float:left;	color:#444;margin:20px 0 0 30px;}
	#block_two img {margin-bottom:7px;}	
	#block_two p {font-size:0.75em; line-height:130%;display:inline;}
	#block_two table {border:1px solid #ccc;padding:0 20px 20px 20px;background-color:#f9f9f9;} 
	#block_two .formfield {width:320px;margin:3px 0 3px 0;padding:4px;border: 1px solid #aaa;}  
#block_two .button {margin:6px 0px 6px 0px;padding:12px;font-size:15px;}  

.formlabel {margin:0 8px 0 0 ;}	
	
	#block_two td {font-size:0.75em; line-height:130%;}
.block_two_innerL {
    width:250px; padding:0 16px 13px 0;float:left;clear:both;display:inline;margin:0px;}
.block_two_innerR {
    width:250px; padding:0 0 13px 0;float:right;display:inline;margin:0px;}

#column_two {
	color:#444;
	width:264px;
	padding:0 0 20px 45px;float:left;display:inline;}
	
#rhimage {width:219px;
	float:left;display:inline;}

#maintextcol p, #column_two p {font-size:0.82em;margin:12px 0 0 3px;}

a.bigbutton {
    /* Sliding right image */
    background: transparent url('images/bigbutton2R.gif') no-repeat scroll top right; 
display: block;
float: left;
height: 28px; /* SAME AS IMAGE HEIGHT */
margin-right: 6px;margin-left:2px;
padding-right: 12px; /* SAME AS RIGHT IMAGE WIDTH */
/* FONT PROPERTIES */
color: #fff;
font-family: Arial, Helvetica, sans-serif;
font-size:17px;
font-weight:normal;
text-decoration: none;
}
a.bigbutton span {
/* Background left image */ 
background: transparent url('images/bigbutton2L.gif') no-repeat; 
display: block;
line-height: 28px; /* SAME AS BUTTON HEIGHT */
padding: 0px 0 5px 30px;font-size:17px;text-decoration: none;
} 
a.bigbutton:visited span {color: #fff;font-size:17px;text-decoration: none;}
a.bigbutton:hover span {color: #fa0;font-size:17px;text-decoration: none;}

#smallprint {font-size:0.86em;color:#666;padding:0;border-top:1px solid #ccc;margin-top:6px;}



/* ----
 * Foot
 * ----
 *
 * 
 *
 */
 
    div.before_footer{height:100px;clear:both;width:960px;}
 div.footer{position:relative;width:872px;margin:-100px auto 0;clear:both;}
 
 
 div.footer_inner{width:872px;height:43px;}
 div.footer_inner p{text-align:left;padding:10px 0px;font-size:11px;color:#777;}
 div.footer_inner a {color: #32A13A; text-decoration:none;}
 div.footer_inner a:hover {text-decoration:underline;}



/* ----
 * Side
 * ----
 *
 * 
 *
 */

 div.form_contact{overflow:hidden;border:1px solid #b1aaa3;border-top:none;background:#f2f2f2;padding:20px;}
  div.block_line{overflow:hidden;width:100%;margin-bottom:8px;}
   div.block_width_left{float:left;width:110px;text-align:right;}
   div.block_width_left label{font-size:13px;}
   div.block_width_left label.label_message{display:block;float:right;margin-top:20px;}
   div.block_width_right{float:right;width:360px;}
   div.block_width_right input{border:1px solid #c2c2c2;}
   div.block_width_right input.contact_us_txt{width:350px;}
   div.block_width_right textarea.message_txt{width:350px;height:120px;border:1px solid #c2c2c2;}
   div.block_width_right input.send_message{background:url('../images/button_send_mes.gif') top left no-repeat #f3f3f3;border-bottom:1px solid #666666;font-weight:bolder;font-size:18px;line-height:25px;color:#000;padding-left:22px;height:28px;text-align:left;}
   * html div.block_width_right input.send_message{height:30px;line-height:27px;width:180px;}
   *:first-child+html div.block_width_right input.send_message{height:30px;line-height:27px;width:180px;}
   div.block_width_right p{font-size:13px;}