/*---------------------------------------------------
The Regulars
---------------------------------------------------*/
* { padding:0;margin:0;}
h1, h2, h3, h4, h5, h6, p, pre, blockquote, form, label, ul, ol, dl, fieldset, address { margin:20px 0; }
li, dd, blockquote { margin-left: 40px; }
fieldset { padding:10px; }
body {background: url(../images/background.jpg); font-size: 14px; font-family: Tahoma, Arial, sans-serif; text-align: center;}
.clear {clear: both;}
.clearfix:after {content: "."; display: block;height: 0; clear: both; visibility: hidden;}
.clearfix {display: inline-block;}
* html .clearfix {height: 1%;}
.clearfix {display: block;}
a {font-family: Trebuchet MS,Arial, Helvetica, sans-serif;font-size: 12px; color:#666600;}
a:link {text-decoration: none; color:#666600}
a:visited {text-decoration: none;color: #666600;}
a:hover {text-decoration: underline;color: #666;}
a:active {text-decoration: none;color: #666600;}

a.other {font-family: Trebuchet MS,Arial, Helvetica, sans-serif;font-size: 12px; color:#666600;}
a.other:link {text-decoration: none; color:#666600}
a.other:visited {text-decoration: none;color: #666600;}
a.other:hover {text-decoration: underline;color: #000;}
a.other:active {text-decoration: none;color: #FF6600;}

a.lightgreen {font-family: Trebuchet MS,Arial, Helvetica, sans-serif;font-size: 12px; color:#c8c18d;}
a.lightgreen:link {text-decoration: none; color:#c8c18d}
a.lightgreen:visited {text-decoration: none;color: #c8c18d;}
a.lightgreen:hover {text-decoration: underline;color: #fff;}
a.lightgreen:active {text-decoration: none;color: #c8c18d;}

a.bigLink {font-family: Trebuchet MS,Arial, Helvetica, sans-serif;font-size: 14px; color:#c8c18d;}
a.bigLink:link {text-decoration: none; color:#fff}
a.bigLink:visited {text-decoration: none;color: #fff;}
a.bigLink:hover {text-decoration: underline;color: #fff;}
a.bigLink:active {text-decoration: none;color: #fff;}

/*---------------------------------------------------
The Images
---------------------------------------------------*/

img { border: 0px; }
img.floatLeft {float: left; margin: 4px;}
img.floatRight {float: right; margin: 4px;}


/*---------------------------------------------------
The Fonts
---------------------------------------------------*/
.header_lightgreen {
	font-size: 20px;
	color: #f6eccd;
}
.yellowsmaller {
	font-size: 16px;
	color: #E4CE6C;
}
.style2 {color: #FFCC00}
.orange_text {color: #993300}
.countrytitleheaders {font-size: 18px;color: #666600;}
.bodyquotestext {color: #333333}
.headerwhites {font-size: 18px;color: #FFFFFF;}
.smallerwhiteheaders {font-size: 13px; color:#FFFFFF;}
.whiteText {font-size: 13px; color: #E4E4E4; font-weight: normal; }
.blackText {font-size: 14px; color: #E4E4E4; }
.feeText {font-size: 13px; color:#FFFFFF; font-weight: normal;}
.grayText {font-size: 13px; color: #333333;}
.graySmallText {font-size: 11px; color: #333333; padding: 2px;}
.greenTitles {font-size: 15px; font-weight: bold; color: #26302C; }
.greenText {font-size: 13px; font-weight: normal; color: #26302C; }
.prices {font-size: 13px; font-weight: bold; color: #26302C; }

/*---------------------------------------------------
The Structure
---------------------------------------------------*/
div#outer-top {width: 956px;height: 105px;margin-left: auto;margin-right: auto;background: url(../images/header-top.jpg) no-repeat;overflow: hidden;}
div#outer-middle {margin-left: auto;margin-right: auto;width: 956px;height: 832px;background: url(../images/content-bkg.jpg) no-repeat;padding: 1px 0;text-align: left;}
div#outer-middle2 {
	margin-left: auto;
	margin-right: auto;
	width: 956px;
	height: auto;
	background: url(../images/background_growing.jpg) repeat-y;
	padding: 1px 0;
	text-align: left;
	vertical-align: top;
}
div#outer-bottom { width: 956px;margin-left: auto;margin-right: auto; height: 19px;background: url(../images/footer-bkg.jpg) no-repeat;overflow: hidden;padding: 1px 0;}
div#outer-bottom2 {width: 956px;margin-left: auto;margin-right: auto;height: 19px;background: url(../images/footer-bkg2.jpg) no-repeat;overflow: hidden;padding: 1px 0;}

/*---------------------------------------------------
The Inner Top Tags
---------------------------------------------------*/

div#inner {}
div#top { background-color: #e5d8a5;padding-top: 5px;margin-top: 2px;width: 913px;margin-left: 20px;height: 220px;}
div#top2 {background-color: #e5d8a5;padding-top: 5px;margin-top: 2px;width: 913px;margin-left: 20px;_margin-left: 10px;height: 30px;float:left;}
div#top3 {background-color: #e5d8a5; margin-top: 0px;margin-bottom:0px;width: 913px;}
div#top_empty {width: 915px; height: 321px;}

/*---------------------------------------------------
The Inner Middle Tags
---------------------------------------------------*/
div#middle_content {padding:20px;}
div#middle {width: 915px;height: 321px;background: url(../images/middle-bkg.jpg) no-repeat;margin-left: 18px;}

/*---------------------------------------------------
The Innter Bottom Tags
---------------------------------------------------*/
div#bottom {height: 254px;margin-left: 16px;}

/*---------------------------------------------------
The Choosing a program tags | Index
---------------------------------------------------*/
div#choose-program {width: 264px;height: 192px; background-color: #818050; background: url(../images/choose-program.jpg) no-repeat;float: left;margin-left: 0px;display: inline;}
div#choose-program h2 {font-size: 128%;color: #faf8f3;font-weight: lighter;margin: 8px 6px;}
div#choose-program h3 {font-weight: lighter;color: #6c3b38;margin-left: 110px;margin-top: 16px;margin-bottom: 10px;}
div#choose-program p {margin-left: 110px;margin-right: 10px;margin-top: 10px; color: #534842; font-size: 12px;}

/*---------------------------------------------------
The Waiting Box tags | Index
---------------------------------------------------*/
div#waiting-box {width: 620px;height: 192px;background: url(../images/waiting-bkg.jpg) no-repeat;float: right;margin-right: 3px;font-size: 93%;color: #5a5a5a;display: inline;}
div#waiting-box p#waiting1 {position: absolute;margin-top: 151px;margin-left: 40px;  font-size:11px; font-weight: bold;}
div#waiting-box p#waiting2 {position: absolute;margin-top: 151px;margin-left: 225px;  font-size:11px; font-weight: bold;}
div#waiting-box p#waiting3 {position: absolute;margin-top: 151px;margin-left: 442px; font-size:11px; font-weight: bold;}

/*---------------------------------------------------
The Video Box | Index
---------------------------------------------------*/

div#video-box {width: 245px;height: 321px;float: left; background:#6F7040; padding-left:10px; padding-right:10px; z-index:0; }
div#video-box h2 {font-size: 128%;font-weight: lighter;color: #a23e46;margin: 10px 0 0 0; background-color:#E5D8A4; }
div#video-box p {line-height: 150%;color: #f3f3f3;margin-top: 10px;}

/*---------------------------------------------------
The Story | Index
---------------------------------------------------*/
div#story-box {width: 263px;height: 321px;padding: 0 10px;float: left;  background-color:#4E4D29;}
div#story-box h2 {font-size: 128%;font-weight: lighter;color: #a23e46;margin: 10px 0 0 0; background-color:#E5D8A4; }
div#story-box p {line-height: 150%;color: #f3f3f3;margin-top: 10px;}

/*---------------------------------------------------
The Getting started box | Index
---------------------------------------------------*/
div#getting-started-box {width: 337px;   padding-left:15px; padding-right:15px; height: 321px;float: left; background: url(../images/ethiopia-box.jpg) no-repeat; background-color:#4E4D29;}
div#getting-started-box h2 {font-size: 128%;font-weight: lighter;color: #a23e46;margin: 15px 0 10px 290px;}
div#getting-started-box h3 {margin: 205px 0 5px 20px;font-size: 128%;font-weight: lighter;color: #a23e46;}
div#getting-started-box ul {margin-left: 310px;margin-top: 10px;list-style-type: none;}
div#getting-started-box ul li {list-style-type: none;margin-left: 0;line-height: 150%;}
div#getting-started-box  a:link, div#getting-started-box ul a:visited {color: #615c5c;}
div#getting-started-box p {margin: 0 20px;line-height: 150%;color: #534842;}

/*---------------------------------------------------
The aid-box | index
---------------------------------------------------*/
div#aid-box {width: 554px; height: 254px;background: url(../images/aid-bkg.jpg) no-repeat;float: left;}
div#aid-box div { width: 180px; margin: 105px 0 0 30px; line-height: 150%; color: #252516;}
div#aid-box div p { font-size: 12px; font-weight: bold; margin: 5px 0; }
div#newsletter-box {float: left;}

/*---------------------------------------------------
The Forms
---------------------------------------------------*/
.rightAlign { text-align: right;}

form#search { float: right; margin-right: 48px;margin-top: 70px;display: inline;}
form#search input {vertical-align: middle;}
form#search input.txt {width: 200px; height: 19px; padding: 2px; border: 1px solid #918b8d; background-color: #f7eece; }
/*---------------------------------------------------
The navigation
---------------------------------------------------*/

ul#nav { background-color: #9d9e6a; height: 25px; width: 909px; margin-left: 0px; margin-bottom: 10px;margin-top: 0;padding-top: 5px;color: #d8d8c3;font-size: 93%;}
ul#nav li {float: left;list-style-type: none;margin: 0;padding: 0 10px;border-right: 2px solid #d8d8c3;display: inline;}
ul#nav li.last {border-right: none}


#secondnav {width:897px; height:25px; float:left; margin:0;  padding-left:20px;}
#secondnav a:link, #secondnav a:visited {color: #d8d8c3;text-decoration: none;}
#secondnav  a:hover {text-decoration: underline;}



.menu ul{list-style-type:none;padding:0;margin:0; z-index:2000;}
.menu li{float:left;position:relative;z-index:1000;margin: 0px; }
.menu table{position:absolute;border-collapse:collapse;z-index:800;left:-1px;top:25px;}
.menu a, .menu :visited {display:block;font-size:12px;width:100px;padding:7px 0;color:#fff;background:#949e7c;text-decoration:none;margin-right:1px;text-align:center;}
.menu :hover{color:#444;background:#d4d8bd;}
.menu ul ul {visibility:hidden;position:absolute;width:100px;height:0;}
.menu ul li:hover ul,.menu ul a:hover ul{visibility:visible;}

/*---------------------------------------------------
The Country Layout
---------------------------------------------------*/
#content_container_2 {
	padding-left:20px;
	padding-right:20px;
	padding-top:5px;
	vertical-align: top;
}
#country_top {background:#e5d8a5; width:900px; height:170px; padding:5px; margin:0;}
#country_left {
	width:520px;
	height:auto;
	float:left;
	margin-left:3px;
	background-color:#C9BA7D;
}
#country_left_1 {
	background-color:#9d9e6a;
	padding:5px;
	width:510px;
	margin-top:5px;
	float: left;
}
#country_left_1_inner {background-color:#797a51; padding:5px; width:500px; height:auto;}
#country_left_2 { padding:5px; width:510px; height:auto;  margin-top:5px;}
#country_left_1_inner2 {padding:5px; width:500px; height:auto;}
#country_right {
	width:360px;
	padding-right: 15px;
	float: right;
	top: 1px;
}
#country_right_1 {
	background-color:#c8c18d;
	padding:5px;
	width:350px;
	margin-top: 5px;
}
#ghostlyGreen {background-color:#CBCCA6; padding:5px; width:auto; height:auto;  margin-top:5px;}
#darkGreen {background-color:#9d9e6a; padding:5px; width:auto; height:auto;}
/*---------------------------------------------------
The Humanutarian Aid Content
---------------------------------------------------*/
#humanitarianAid_content {width:880px; height:auto; background-color:#9d9e6a; margin-left:5px; padding:10px;}
#humanitarianAid_video {width:400px; height:400px; float:left; background:#5a5a39; margin-right:10px; padding-left:10px; padding-top:10px;}

/*---------------------------------------------------
The waitingChildren Content
---------------------------------------------------*/
#waitingChildren_top {width:890px; height:auto; padding:5px; background:#c9ba7d;}
.waitingchildrenbox {width:880px; height:autp; padding:5px; margin-top:10px; background:#776c44;}
#waitingChildren_content {width:890px; height:auto; padding:10px;}
#waitingChildren_child1 {width:700px; height:130px; padding:5px; margin-left:10px; margin-top:10px; background:#776c44;}
#waitingChildren_child2 {width:700px; height:130px; padding:5px; margin-left:120px; margin-top:10px; background:#776c44;}
#waitingChildren_child3 {width:700px; height:130px; padding:5px; margin-left:150px; margin-top:10px; background:#776c44;}
#waitingChildren_child4 {width:700px; height:130px; padding:5px; margin-left:120px; margin-top:10px; background:#776c44;}

/*---------------------------------------------------
The gettingStarted Content
---------------------------------------------------*/
#staff_namebar {width:890px; height:24px; background:#5a5937; padding:5px; margin-left:6px;}
#staff_content {width:880px; height:auto; background:#dac792; margin-top:5px; padding:10px;margin-left:6px;}

#familyStories_top {background:#e5d8a5; width:890px; margin-left:5px; height:auto; padding:5px; }
#contact_top {background:#e6dbc7; width:890px; margin-left:5px; height:auto; padding:5px; }
#about_top {background:#e6dbc7; width:890px; margin-left:5px; height:auto; padding:5px; }
#about_left {background:#e6dbc7; width:880px; margin-left:5px; margin-top:15px; height:auto; padding:10px; float:left; }
#about_right {background:#c8c18d; width:200px; margin-left:5px; margin-top:15px; height:auto; padding:5px; float:left; }

/*---------------------------------------------------
And now for something completely generic
---------------------------------------------------*/
#greenWide {background-color:#9d9e6a; padding:5px; width:900px; height:auto; margin-top:5px;}
#beigeWide {background-color:#E2D8A9; padding:5px; width:900px; height:auto; margin-top:5px;}
#content_generic_wrapper {padding:40px;}