/* All places with color definition search with This-color-is */
html, body, div, span, object, h1, h2, h3, h4, h5, h6, p, blockquote, em, img, article, figcaption, figure, footer, header, hgroup, menu, nav, section {
   margin:0;
   padding:0;
   border:0;
   outline:0;
   font-size:100%;
   font:normal 14px/1.6 "ff-meta-web-pro-1", "Helvetica Neue", Helvetica, "sans serif";
   text-rendering:optimizeLegibility;
   vertical-align:baseline;
   background:transparent;
}                 
article, figcaption, figure, footer, header, hgroup, menu, nav, section {
   display:block;
   background-color: #BCD231
}
body {
   background:#231e00;  /* This-color-is very dark brown */
   color:#fff7dc;       /* This-color-is nearly white */
   font-weight:bold;
}
.sect {
   width: 520px;
   height: 130px;
}
.pay {
   margin: 20px;
}

.donate_button {
   margin: -16px 0 0 380px;
}

.general_donation {
   font-size: 24px; 
   color: #3D2F00; 
   font-weight:bold;
}

#helpnow {
   margin: 10px 0 0 -10px;
   border: 0px solid #E8D3A2; /* This-color-is light beige */
   padding: 4px 4px 2px 4px;
}
.global_giving_logo {
   margin: -12px 5px 0 0;
   height: 110px;
   float:left;
}

input:focus {
   background-color: #E8D3A2; /* This-color-is light beige; for button background if button is clicked */
}

img {
   margin: 0;
   padding: 0;
}
h1, h3, h4, h5, h6 {
   font-weight: bold;
}
h1 {
   padding: 10px 0;
   font: 600 16px/1 "ff-meta-web-pro-1", "Helvetica Neue", Helvetica, "sans serif";
   background: #9D0B0E; /* This-color-is red */
   text-align: left;
   line-height: 1;
   height: 110px;
}
h2 {
   margin: -10px 0 0 0;
   width: 1000px;  /* this and padding left and right must equal text_logo width: 480 + 20 + 20 = 520 */
   height: 140px;
   padding: 10px 20px 33px 20px; /* change padding-left to set horizontal text position */
   font: 500 36px/1 "ff-meta-web-pro-1", "Helvetica Neue", Helvetica, "sans serif";
   font-weight: bold;
   text-align: left;
   line-height: 1;
   color: #3D2F00;      /* This-color-is dark brown font color; */
   background: #7DB145; /* This-color-is green */
}
h3 {
   margin: 8px 0 6px 0;
   font: bold 18px/1.5 "ff-meta-web-pro-1", "Helvetica Neue", Helvetica, "sans serif";
}
h4 {
   margin: 8px 0 6px 0;
   font: normal 16px/1.5 "ff-meta-web-pro-1", "Helvetica Neue", Helvetica, "sans serif";
}
p {
   margin: 0 0 12px 0;
}
a {
   text-decoration: none;
   color: #9FA617; /* This-color-is medium light green */
}
a:hover {
   text-decoration: underline;
}

#main_left_picture {
   width: 520px;    
   height: 180px;
   float: left;
}
#top_right_picture {
   width: 520px;    
   height: 180px;
   float:right;
}
#text_logo {
   width: 920px;    
   height: 113px;   /* 137 + 113 = 250 (hight of main picture) */
   float:left;
}
#logo1 {
   margin: -176px -100px 0 0;
   height: 110px;
   float:right;
}
#container {
   width: 100%;
   height: 100%;
}
#content {
   width: 1040px;
   position: absolute;
   margin: 0px 0 0px 1px;
}

.yellow{
   background: #BCD231;  /* This-color-is is really more light green; for Seeds band */
}
.yellow_sun{
   background: #FFC425;  /* This-color-is real yellow; so far unused */
}
.green{
   background: #7DB145;  /* This-color-is green; for Integrated Approach and donate main text area background */
}
.orange{
   background: #F36523;  /* This-color-is orange; for More Food... */
}
.red{
   background: #9D0B0E;  /* This-color-is red; for Change the crop... and right text area background */
}
.blue{
   background: #4796CF;  /* This-color-is blue; for Enhanced Learning...  */
}
.dark_blue{
   background: #383bb1;  /* This-color-is dark blue; for Community Building */
}
.violet{
   background: #7b0078;  /* This-color-is violet; for get involved */
}
.dark_brown {
   background: #3D2F00;  /* This-color-is dark brown; for donate text background */
}
