@charset "utf-8";
body {
	text-align: center;
	width: 100%;
	position: absolute;
	background-image: url(images/back.png);
	background-position: left top;
	background-attachment: fixed;
	background-repeat: no-repeat;
	margin: 0px;
	padding: 0px;
}

/* Tips for Elastic layouts 
1. Since the elastic layouts overall sizing is based on the user's default fonts size, they are more unpredictable. Used correctly, they are also more accessible for those that need larger fonts size since the line length remains proportionate.
2. Sizing of divs in this layout are based on the 100% font size in the body element. If you decrease the text size overall by using a font-size: 80% on the body element or the #container, remember that the entire layout will downsize proportionately. You may want to increase the widths of the various divs to compensate for this.
3. If font sizing is changed in differing amounts on each div instead of on the overall design (ie: #sidebar1 is given a 70% font size and #mainContent is given an 85% font size), this will proportionately change each of the divs overall size. You may want to adjust based on your final font sizing.
*/
#container  {
	text-align: center; /* this overrides the text-align: center on the body element. */
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	width: 1000px;
	padding: 0px;
}

#header  {
	width: 1000px;
	position: relative;
	text-align: center;
	border-bottom-width: thin;
	border-bottom-style: solid;
	border-bottom-color: #FED800;
	float: left;
	margin: 0px;
	padding: 0px;
	background-color: #FFF;
} 



#header #logo {
	position: relative;
	margin-right: 0px;
	margin-left: 5px;
	width: 260px;
	height: 146px;
	float: left;
	margin-top: 15px;
}
#header #nav ul{
	display: block;
	font-family: "Myriad Pro", Andalus, Arial;
	list-style-type: none;
	float: right;
	padding-top: 20px;
	width: 720px;
	margin: 0px;
	text-transform: uppercase;
	position: relative;
	padding-bottom: 10px;
}

#header #nav ul li{
	font-family: "Myriad Pro", Andalus, Arial;
	display: inline;
	line-height: 1em;
	position: relative;
	list-style-type: none;
	float: left;
	color: #000;
	font-size: 22px;
	padding-top: 120px;
	margin-left: 30px;
}
#header #nav {
	width: 720px;
	float: right;
}

#mainContent  {
	width: 720px;
	text-align: left;
	font-size: 1.2em;
	font-family: "Myriad Pro", Andalus, Arial;
	float: right;
	position: static;
}



#mainContent p {
	line-height: 1.4em;
	text-align: left;
	font-weight: normal;
	font-size: 1.2em;
	text-indent: 1em;
	padding-left: 20px;
}
.oneColElsCtrHdr #container #mainContent p .clear {
	clear: both;
}

#mainContent p .quote {
	font-size: 0.6em;
	color: #060;
	line-height: 1.4em;
}

#mainContent img {
	position: relative;
	padding: 10px;
	display: block;
	text-align: center;
	float: left;
	clear: right;
	background-image: none;
	margin-right: 15px;
	margin-left: 15px;
	border: thin solid #339C35;
}
#mainContent ul li   {
	font-size: 18px;
	width: 600px;
	font-style: normal;
	line-height: 1.2em;
}
#container #mainContent img.three{
	float: left;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 10px;
	border: 2px solid #090;
	padding: 10px;
}


#mainContent ol li {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 1em;
	width: 600px;
	margin-left: 0px;
	color: #FFF;
	background-color: #3C0;
	display: block;
	padding: 5px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FFF;
	list-style-type: decimal;
	list-style-position: outside;
}
#mainContent .donate {
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	padding: 0px;
	left: 400px;
	margin-top: 20px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}


#mainContent h1 {
	font-family: "Myriad Pro", Andalus, Arial;
	font-size: 2em;
	color: #090;
	font-size: 2em;
	line-height: 1.2em;
	text-align: center;
	margin-top: 30px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;
	border-bottom-width: 4px;
	border-bottom-style: solid;
	border-bottom-color: #090;
}
#mainContent h2 {
	color: #090;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight: lighter;
	text-align: center;
	margin: 0px;
	font-variant: small-caps;
	font-size: .8em;
	letter-spacing: .4em;
}
#mainContent  h3 {
	color: #090;
	text-align: center;
	font-size: 24px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight: lighter;
	clear: both;
}
#mainContent h4 {
	font-family: "Myriad Pro", Andalus, Arial;
	color: #093;
}

#mainContent #largePhoto  {
	margin-right: auto;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 75px;
}
#mainContent #smallPhoto  {


}
#mainContent table {
	font-family: "Myriad Pro", Andalus, Arial;
	color: #006738;
}
#container #mainContent blockquote p strong {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 32px;
	color: #F90;
	font-weight: bold;
	font-variant: small-caps;
	line-height: 1.2em;
	margin-right: 5px;
	margin-left: 5px;
}
#mainContent blockquote .quote  {
	font-size: 0.9em;
	font-weight: lighter;
	color: #060;
	line-height: 1em;
	text-indent: -1em;
}
.home {
	background-image: url(images/lettuce.png);
	background-repeat: no-repeat;
	text-align: center;
	background-position: center top;
	width: 120px;
}
.aboutUs {
	background-image: url(images/cauliflower.png);
	background-repeat: no-repeat;
	background-position: center top;
	text-align: center;
	width: 120px;
}
.theChallenge {
	background-image: url(images/navveg1.png);
	background-repeat: no-repeat;
	background-position: center top;
	text-align: center;
	width: 170px;
}
.theApproach {
	background-image: url(images/navveg2.png);
	background-repeat: no-repeat;
	background-position: center top;
	text-align: center;
	width: 170px;
}



#sidebar {
	width: 250px;
	margin: 0px;
	padding: 0px;
	float: left;
}




#sidebar p {
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 18px;
	text-align: right;
	line-height: 1.2em;
	color: #333;
	position: static;
}
#sidebar p strong {
	font-size: 1.2em;
}
#sidebar p #img {
	margin-right: 10px;
	text-align: center;
	margin-left: 10px;
}

#sidebar ul {
	text-align: center;
	font-size: 18px;
	position: relative;
	float: left;
}
#sidebar li {
	text-align: center;
	list-style-type: none;
	font-family: Georgia, "Times New Roman", Times, serif;
	line-height: 1em;
	margin-top: 10px;
	border-top-width: thin;
	border-bottom-width: thin;
	border-top-style: dotted;
	border-bottom-style: dotted;
	border-top-color: #FCD600;
	border-bottom-color: #FCD600;
	padding-top: 5px;
	padding-bottom: 5px;
}
#sidebar ul li a   {



}

#container #footer {
	text-align: center;
	clear: both;
	position: static;
	background-color: transparent;
}

.oneColElsCtrHdr #container #mainContent h1 img {
	padding: 10px;
	margin-right: 15px;
	margin-left: 15px;
}
#mainContent .doubleDug{
	float: right;
	margin: 0px;
	padding: 0px;
}
#mainContent object {
	margin-top: 30px;
	margin-bottom: 0px;
	margin-left: 0px;
}
#container #mainContent img#banner {
	padding: 0px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 10px;
	margin-left: auto;
}
#mainContent p img {
	padding: 5px;
	width: auto;
}


#footer  {
	position: relative;
	padding: 0;
	text-align: center;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #999;
	overflow: visible;
	clear: both;
	margin: 0px;
} 
#sidebar ul .current {
	font-size: 1.4em;
	line-height: 1.2em;
}

a:link {
	text-decoration: none;
	color: #060;
}
a:visited {
	text-decoration: none;
	color: #999;
}
a:hover {
	text-decoration: none;
	color: #FDDC03;
}

a:active {
	text-decoration: none;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
td #smallPhoto {
	margin: 0px;
}
#strategymap {
	clear: both;
	float: left;
	display: block;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
.sidebarLogo {
	margin-right: 10px;
	margin-left: 10px;
}
#sidebar .calmbottle {
	text-align: center;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-right: 60px;
}
.oneColElsCtrHdr #container #mainContent blockquote ul li strong {
	font-size: 36px;
	line-height: 1em;
	color: #F90;
	font-weight: bold;
	font-family: "Arial Black", Gadget, sans-serif;
	margin-right: 5px;
	margin-left: 5px;
}

.dalelinda {
	left: 100px;
	margin-top: 30px;
	text-align: center;
	clear: both;
}
#mainContent #project {
	padding: 10px;
	color: #FFF;
	margin: 0px;
	width: 700px;
	text-align: left;
}
#mainContent #project p {
	color: #000;
	font-weight: normal;
	font-family: Georgia, "Times New Roman", Times, serif;
}
.oneColElsCtrHdr #container #mainContent table td {
	padding: 5px;
}
.oneColElsCtrHdr #container #mainContent table tr {
	color: #006738;
}
.supported {
	color: #FFF;
	background-color: #090;
	text-align: center;
	width: 100px;
}
#mainContent h4 .flag {
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	padding: 0px;
	margin-top: 0px;
	margin-right: 5px;
	margin-bottom: 0px;
	margin-left: 0px;
}

#container #mainContent table  .unsupported{
	color: #FFF;
	background-color: #EEA21F;
	text-align: center;
	width: 120px;
}
.oneColElsCtrHdr #container #mainContent #sprytrigger1 tr a {
	color: #FFF;
}
#container #mainContent table tr a {
	color: #FFF;
}

#mainContent #newsItem {
	background-image: url(images/africa.jpg);
	color: #333;
	padding: 10px;
	font-weight: bold;
	border: 4px double #090;
	background-position: center center;
	background-repeat: no-repeat;
	width: 550px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}
#mainContent #newsItem p {
	font-family: "Myriad Pro", Andalus, Arial;
	color: #000;
	text-align: center;
	text-indent: 0px;
	margin: 0px;
	padding: 0px;
	font-size: 1.2em;
}
#mainContent #newsItem p img {
	margin-left: 100px;
}

#mainContent #newsItem h3 {
	font-family: "Myriad Pro", Andalus, Arial;
	font-size: 36px;
	color: #090;
	font-weight: bold;
	margin: 0px;
	padding: 0px;
	border-bottom-width: 4px;
	border-bottom-style: inset;
	border-bottom-color: #090;
	clear: left;
}

#mainContent #newsItem img {
	padding: 0px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	width: auto;
}

#newsItem p strong a {
	text-align: center;
}



#mainContent table tr {
	height: auto;
	width: auto;
}
#mainContent #donationBox {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #FCD600;
	width: 400px;
	text-align: center;
	left: 300px;
	top: 80px;
	float: right;
	font-size: 24px;
}
#mainContent p #manor {
	text-align: center;
	clear: both;
}
.highlight {
	background-color: #FF3;
	text-align: center;
}
.oneColElsCtrHdr #container #mainContent #gallery1 {
	width: 700px;
}
#mainContent ol .fourgoals {
	background-color: #FFF;
	color: #333;
	text-align: center;
	list-style-type: decimal;
}
.oneColElsCtrHdr #container #mainContent ol .fourgoals a:link {
	color: #060;
}
.oneColElsCtrHdr #container #mainContent blockquote p .moringa {
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	padding: 0px;
	border: 0px;	
	text-align: center;
	position: relative;
	left: 40px;
}
.doubleDug {
	float: right;
}