body { background: #000; font: normal 12px/18px Arial, sans-serif; margin: 0px; padding: 0px; text-align: center; }

* { margin: 0px; padding: 0px; }

a:link { color: #f0c061; text-decoration: none; }

a:visited { color: #f0c061; text-decoration: none; }

a:hover { background-color: #e7a612; color: #a54c0f; text-decoration: none; }

a:active { color: #f0c061; text-decoration: none; }

h1 { color: #fff; font: normal 18px/18px Arial, serif; margin-bottom: 12px; }

h1 span { background-color: #738fb6; padding: 2px; } 

h2 { color: #f0c061; font: normal 12px/20px Arial, serif; }

h2 span { background-color: #f0f0f0; }

h3 { font: normal 15px/17px Arial, sans-serif; font-weight: normal; }

h4 { font:  normal 11px/14px Arial, sans-serif; text-transform: uppercase; margin-bottom: 6px; }

span { color: #f0c061; }

.clearfloats { clear: both; }

#siteContainer { width: 720px; font: normal 12px/18px Arial, sans-serif; color: #fff; text-align: left; margin-top: 40px; margin-left: auto; margin-right: auto; }


#headerContainer { width: 720px; } 
#headerLeft { width: 178px; padding: 0px 0px 0px 16px; float: left; }
#headerRight { width: 526px; padding-top: 26px; text-align: right; vertical-align: bottom; float: left; }

#navContainer ul { padding-left: 0; margin: 14px 0 0 0; background-color: #000; color: #a84c0f; float: right; font-family: Arial, sans-serif; text-transform: lowercase; } 
#navContainer ul li { display: inline; }
#navContainer ul li a { padding: 8px 9px; background-color: #e7a612; color: #a84c0f; text-decoration: none; border-top: 4px solid #000; float: left; margin-left: 1px;  } 
#navContainer ul li a:hover { background-color: #a84c0f; color: #fff; border-top: 4px solid #a84c0f; }
#navContainer #mainCurrent { background-color: #a84c0f; color: #fff; border-top: 4px solid #a84c0f; }

#homeContainer { width: 720px; }
#contentContainer { width: 720px; }
#footerContainer { width: 720px; margin-top: 6px; border-top: 1px solid #e7a612; font: normal 11px/14px Arial, serif; padding-top: 8px; }

/* EVENTS */
#eventsContainer { width: 720px; background: #572600; min-height: 403px; height:auto !important; height: 403px; text-align: center; padding-top: 50px; } 


/* ABOUT PROJECT */
#aboutContainer { width: 720px; background: #572600 url("images/about.gif") no-repeat; min-height: 453px; height:auto !important; height: 453px; } 
#aboutText { width: 350px; padding: 35px; margin-left: 10px; float: left; }
#releases { width: 245px; padding: 35px 45px 35px 0px;  float: left; }

/* ABOUT HAITI */
#haitiLeft { width: 386px; background: #a84c0f; min-height: 453px; float: left; }
#haitiRight { width: 274px; padding: 35px 30px 0px 30px; background: #a84c0f; min-height: 418px; height:auto !important; height: 418px; float: left; }

/* INSPIRATION */
#inspirationLeft { width: 302px; padding-left: 16px; background: #572600; min-height: 453px; height:auto !important; height: 453px; float: left; }
#inspirationRight { width: 282px; padding: 35px 60px 0px 60px; background: #572600; min-height: 418px; height:auto !important; height: 418px; float: left; }

#collaborationLeft { width: 308px; padding: 35px; background: #572600; min-height: 383px; height:auto !important; height: 383px; float: left; }
#collaborationRight { width: 342px; background: #572600; min-height: 453px; height:auto !important; height: 453px; float: left; }

/* PARTNERS */
#partners { width: 720px; }
#partnersLeft { width: 378px; background: #572600 url("images/partners_yele.jpg") no-repeat; min-height: 453px; height:auto !important; height: 453px; float: left; }
#partnersRight { width: 342px; background: #572600 url("images/partners_care.jpg") no-repeat; min-height: 453px; height:auto !important; height: 453px; float: left; }
#partnersYele { width: auto; margin: 145px 84px 20px 62px; color: #572600; }
#partnersCare { width: 262px; margin: 218px 38px 20px 42px; color: #fff;  }
#partnersLeft a:link, #yeleLeft a:link { color: #e4701e; }
#partnersLeft a:visited, #yeleLeft a:visited { color: #e4701e; }
#partnersLeft a:hover, #yeleLeft a:hover { background-color: #e7a612; color: #a54c0f; text-decoration: none; }
#partnersLeft a:active, #yeleLeft a:active { color: #e4701e; }

/*  PARTNER YELE */
#yeleLeft { width: 260px; background: #572600 url("images/side_yele.jpg") no-repeat; min-height: 453px; height:auto !important; height: 453px; float: left; }
#yeleRight { width: 390px; padding: 35px; background: #572600; min-height: 383px; height:auto !important; height: 383px; float: left;  }

/*  PARTNER CARE */
#careLeft { width: 390px; padding: 35px; background: #572600; min-height: 383px; height:auto !important; height: 383px; float: left;  }
#careRight { width: 260px; float: left; }

/*  SIDE PANELS */
#insidePanel { width: 468px; padding: 35px; float: left;  background: #572600; min-height: 383px; height:auto !important; height: 383px; }
#insideSide { width: 182px; float: left; }

/* MISSION */
#missionContainer { width: 720px; background: #a84c0f; } 
#missionLeft { width: 310px; padding: 0 20px 0 30px; min-height: 187px; height:auto !important; height: 187px; float: left; }
#missionRight { width: 310px; padding: 0 30px 0 20px; min-height: 187px; height:auto !important; height: 187px; float: left; }

/* POP */
#popContainer { padding: 30px; } 


/* I AM */
#iamLeft { width: 229px; padding-top: 20px; padding-left: 16px; min-height: 453px; height:auto !important; height: 453px; float: left; }
#iamRight { width: 415px; padding: 30px 25px 0px 25px; min-height: 418px; height:auto !important; height: 418px; float: left; }
#iamText { font: normal 10px/13px Arial, sans-serif; padding: 0 30px 20px 20px; text-transform: uppercase; text-align: center; }
#iamText2 { font: normal 12px/15px Arial, sans-serif; padding: 0 40px 20px 20px; color: #efbf61;}
#iamDownload { text-align: center; }
#downloadInstructions { font: normal 10px/14px Verdana, sans-serif; color: #808080; padding: 8px 0 40px 0; }
#downloadInstructions strong { text-transform: uppercase; }


/* General Forms */
.labelLg { width: 420px; margin-bottom: 8px; font: normal 10px/14px Verdana, sans-serif; color: #808080; text-transform: uppercase; }
.labelSm { width: 203px; float: left; font: normal 10px/14px Verdana, sans-serif; color: #808080; text-transform: uppercase; }
.labelMiddle { width: 14px; float: left; }
.inputSm { width: 190px; font: normal 13px/13px Verdana, sans-serif; color: #000; margin: 4px 0; }
.inputLg { width: 410px; font: normal 13px/13px Verdana, sans-serif; color: #000; margin: 4px 0; }
.selectSm { width: 196px; font: normal 13px/13px Verdana, sans-serif; color: #000; margin: 4px 0; }
.selectLg { width: 410px; font: normal 13px/13px Verdana, sans-serif; color: #000; margin: 4px 0; }
.textAreaLg { width: 410px; font: normal 13px/13px Verdana, sans-serif; color: #000; margin: 4px 0; }
.largeTextForm { width: 410px; font: normal 24px/24px Georgia, serif; color: #000; margin: 4px 0; height: 30px;  }
.formRequired { background-color: #ffd6d8; display: inline; }
.inputHelper { font: normal 11px/16px Verdana, sans-serif; font-style: italic; }

.errorArea { background-color: #F1F1F1; color: #333333; padding: 20px; width: 85%; margin-bottom: 20px; font-size: 12px; border: 1px solid #666; }
.errorText { color: #FF0000; text-transform: uppercase; }
.errorArea ul { margin-left: 15px; }