/* Common */

body {
	background: #9D8159 url(../css/images/body_bg.png) repeat-x;
	font-family: arial, verdana, sans-serif;
	font-size:14px;
	margin:0;
	padding:0;
	color: #333;
}

body.splash {
	background: #9D8159 url(../css/images/splash_bg.png) repeat-x;
	font-family: arial, verdana, sans-serif;
	font-size:14px;
	margin:0;
	padding:0;
	color: #333;
}

a, a:visited { color: #29553C; text-decoration: underline; outline: none; }
a:hover { color: #29553C; text-decoration: none; outline: none; }

.constants { font-size: 11px; }

p { clear: both; float: left; display: inline; text-align: left; width: 620px; margin: 15px 0px 0px 0px; padding: 0; }
p a { color:#29553C; text-decoration: underline; }
p a:hover { color:#29553C; text-decoration: none; }
p a:visited { color:#29553C; text-decoration: underline; }

img { border: none;}

/* Layout */

div#container { float: none !important; margin:auto !important; padding:0; width:999px; background:; }


/* masthead */

.masthead { float:left; margin: 0; padding: 0; height:94px; margin: 0; padding: 0; }

.masthead-splash { float:left; margin: 0; padding: 0; height:93px; margin: 0; padding: 0; background: #FFF; }
.logo-container-splash { float: left; margin: 0px 0px 0px 6px; padding: 0; width: 987px; height:93px; background: url(../css/images/masthead_bg.gif) repeat-x;}

.logo-container { float: left; margin: 0px 0px 0px 6px; padding: 0; width: 362px; height:94px; background: url(../css/images/masthead_bg.gif) repeat-x;}
#logo { float:left; margin:0; padding:0; width:231px; height:87px; border: none; }

#l1Nav { float: left; width: 626px; height: 96px; margin: 0; padding: 0; width: ; list-style: none; }
#l1Nav li { float: left; margin: 0; padding: 0; width: ; list-style: none; text-align: left; }

#l1Nav li a#l1Nav_home { float: left; margin: 0; padding: 0; width: 79px; height: 96px; background: url(../css/images/l1Nav.gif) 0 0 no-repeat; text-indent: -9000px; }
#l1Nav li a:hover#l1Nav_home { background: url(../css/images/l1Nav.gif) 0 -94px no-repeat; }
#l1Nav li a.selected#l1Nav_home { background: url(../css/images/l1Nav.gif) 0 -94px no-repeat; }

#l1Nav li a#l1Nav_focus { float: left; margin: 0; padding: 0; width: 188px; height: 96px; background: url(../css/images/l1Nav.gif) -79px 0 no-repeat; text-indent: -9000px; }
#l1Nav li a:hover#l1Nav_focus { background: url(../css/images/l1Nav.gif) -79px -94px no-repeat; }
#l1Nav li a.selected#l1Nav_focus { background: url(../css/images/l1Nav.gif) -79px -94px no-repeat; }

#l1Nav li a#l1Nav_partners { float: left; margin: 0; padding: 0; width: 122px; height: 96px; background: url(../css/images/l1Nav.gif) -267px 0 no-repeat; text-indent: -9000px; }
#l1Nav li a:hover#l1Nav_partners { background: url(../css/images/l1Nav.gif) -267px -94px no-repeat; }
#l1Nav li a.selected#l1Nav_partners { background: url(../css/images/l1Nav.gif) -267px -94px no-repeat; }

#l1Nav li a#l1Nav_approach { float: left; margin: 0; padding: 0; width: 131px; height: 96px; background: url(../css/images/l1Nav.gif) -388px 0 no-repeat; text-indent: -9000px; }
#l1Nav li a:hover#l1Nav_aproach { background: url(../css/images/l1Nav.gif) -388px -94px no-repeat; }
#l1Nav li a.selected#l1Nav_approach { background: url(../css/images/l1Nav.gif) -388px -94px no-repeat; }

#l1Nav li a#l1Nav_contact { float: left; margin: 0; padding: 0; width: 106px; height: 96px; background: url(../css/images/l1Nav.gif) -520px 0 no-repeat; text-indent: -9000px; }
#l1Nav li a:hover#l1Nav_contact { background: url(../css/images/l1Nav.gif) -520px -94px no-repeat; }
#l1Nav li a.selected#l1Nav_contact { background: url(../css/images/l1Nav.gif) -520px -94px no-repeat; }


/* Navigation: Submenus */

#l1Nav li ul { clear: both; float: left; display: none; position: absolute; top: 87px; width: 193px; background: url(../css/images/l2Nav_bg.png) bottom no-repeat; margin: 0px 0px 0px -1px; padding: 0px 0px 9px 0px; overflow: hidden; z-index:9999; }
#l1Nav li ul li { clear: both; float: left; margin: 0; padding: 0; width: 144px; margin-left: 18px; z-index: 999; }
#l1Nav li ul li a { clear: both; float:left; margin: 0; padding: 6px 0px; width: 144px; font-size: 12px; color: #000; border-bottom: 1px dotted #CCC; text-decoration: none; }
#l1Nav li ul li a:hover { background: none; text-decoration: none; color: #61AC85; }
#l1Nav li ul li.active a, #l1Nav ul li ul li.active a.omega, #l1Nav ul li ul li.active a.omega_wTop, #l1Nav ul li ul li.active a.subset { color: #61AC85; }

#l1Nav li ul li a.alpha { padding-top: 0px; }
#l1Nav li ul li a.omega { border: none; }

/* content */

.content { float: left; position: relative; margin: 0; padding: 0px 0px 18px 0px; width:990px; min-height: 451px; background: #FFF; }
.contentIndex { float: left; position: relative; margin: 0; padding: 0px 0px 0px 0px; width:990px; min-height: 469px; background: #FFF; }
.content-long { margin: 0; padding: 0px 0px 18px 0px; width:990px; min-height: 625px; background: #FFF; }


#content-text { float: left; position: relative; margin: 18px 0px 0px 30px; padding:0; width:960px; }
#content-img { float:left; margin: 0px 0px 0px 0px; padding:0; width: 450px; height: 301px; }
#text { position: relative; float:left; margin: 0px 0px 0px 30px; padding:0; width: 460px; background: #FFF; }

#text.noScroll { overflow: none; }

#text h1, #content h1 { float:left; margin: 0; padding: 0; font-family: arial, verdana, sans-serif; font-size: 24px; line-height: 24px; color:#29553C; font-weight: normal; }
#text p, #content p { clear: both; float: left; display: inline; width: 430px; text-align: left; margin: 15px 0px 0px 0px; padding: 0; line-height: 1.45em; }
#text em, #content em, #content-img em { clear: both; float: left; margin-top: 12px; width: 400px; font-size:12px; color: #999; }
#text em a, #content em a, #content-img em a { color: #999; }

#text p.summary, #content p.summary { font-size: 16px; color: #29553C; line-height: 1.45em; }

#text ul, #content ul { clear: both; float: left; width: 410px; text-align: left; margin: 15px 0px 0px 18px; padding: 0; line-height: 1.45em; }
#text ul li, #content ul li { margin: 0px 0px 0px 0px; width: 400px; padding: 0px 0px 9px 0px; }

#text #newspaper { clear: both; float: left; width: 460px; text-align: left; margin: 15px 0px 0px 0px; padding: 0; list-style:none; }
#text #newspaper li { clear:both; float:left; margin: 0px 0px 0px 0px; width: 460px; padding: 0px 0px 0px 0px; list-style:none; }

#text #newspaper li#half a { float: left; margin: 0px 0px 0px 6px; }
#text #newspaper li#poverty a { float: left; margin: 0px 0px 0px 60px; }
#text #newspaper li#budget a { float: left; margin: 0px 0px 0px 7px; }
#text #newspaper li#private a { float: left; margin: 0px 0px 0px 22px; }

.stack { position: relative; float: left; width: 310px; }
.stack .focus { position: absolute; width: 100%; top: 0px; left: 0px; opacity: 0; filter: alpha(opacity=0) }

td .stack .overlay { width: 310px; margin: 0; padding: 6px 0px; }
td .stack .overlay a { position: absolute; top: 117px; left: 0; margin: 0px 0px 0px 9px; padding: 0; font-size: 12px; color: #000; font-weight: bold;  text-decoration: none; }
td .stack .overlay a:hover { text-decoration: underline; }

#header { margin: 0px 0px 0px 6px; padding:0; width: 987px; height: 92px; background: url(../css/images/header_bg.png) repeat-x; color: #FFF; }
#header h1 { float:left; margin: 16px 27px 0px 27px; padding: 0; width:927px; font-family: arial, verdana, sans-serif; font-size: 18px; color:#FFF; font-weight: normal; text-align: left; }
#header p { clear:both; float:left; margin: 3px 27px 0px 27px; padding: 0; width:927px; font-family: arial, verdana, sans-serif; font-size: 12px; color:#FFF; font-weight: normal; font-style:italic; }
#header p a { color: #FFF; text-decoration: none; }
#header p a:hover { color: #FFF; text-decoration: underline; }

#featured-image { clear:both; float: left; position: relative; margin: 3px 0px 0px 6px; padding: 0; border: none; }
#featured-image-text { 
	clear:both; 
	float: left; 
	position: absolute; 
	top: 193px; 
	left: 727px; 
	width: 260px; 
	height: 170px; 
	margin: 0; 
	padding:0;
	z-index: 9999;
	background: url(../css/images/links_overlay_bg.png) no-repeat; 
	filter:alpha(Opacity=90);
	opacity:0.9; -moz-opacity:0.9;
	-khtml-opacity:0.9; }

#featured-image-text h1 { clear:both; float: left; margin: 10px 0px 0px 18px; padding: 0; width: 224px; font-family: arial, verdana, sans-serif; font-size: 24px; color:#FFF; font-weight: normal; text-align: left; border-bottom: 1px solid #837462; }

#featured-image-text h2 { clear:both; float: left; margin: 0px 0px 0px 27px; padding: 0; width: 224px; font-family: arial, verdana, sans-serif; font-size: 31px; color:#FFF; font-weight: normal; text-align: left; }

#featured-image-text p { clear:both; float:left; margin: 9px 0px 0px 18px; padding: 0; width:224px; font-family: arial, verdana, sans-serif; font-size: 14px; color:#FFF; font-weight: normal; }

#featured-image-text a { color: #FFF; }


#splash-image { clear:both; float: left; position: relative; margin: 1px 0px 0px 6px; padding: 0; border: none; }

#splash-image-text { 
	clear:both; 
	float: left; 
	position: absolute; 
	top: 101px; 
	left: 0px; 
	width: 552px; 
	height: 261px;
	margin: 0; 
	padding:0; 
	background: url(../css/images/splash_overlay_bg.png) no-repeat; 
	filter:alpha(Opacity=90);
	opacity:0.9; -moz-opacity:0.9;
	-khtml-opacity:0.9; }

#splash-image-text h1 { clear:both; float: left; margin: 12px 27px 0px 27px; padding: 0px 0px 9px 0px; width: 480px; font-family: arial, verdana, sans-serif; font-size: 24px; color:#FFF; font-weight: normal; text-align: left; border-bottom: 1px solid #837462; }

#splash-image-text h2 { clear:both; float: left; margin: 0px 27px 0px 27px; padding: 0; width: 350px; font-family: arial, verdana, sans-serif; font-size: 31px; color:#FFF; font-weight: normal; text-align: left; }

#splash-image-text p { clear:both; float: left; margin: 12px 27px 0px 27px; padding: 0; width: 480px; font-family: arial, verdana, sans-serif; font-size: 14px; color:#FFF; font-weight: normal; line-height: 1.45em; text-align: left; }

#splash-image-text p.summary { clear:both; float: left; margin: 12px 27px 0px 27px; padding: 0; width: 480px; font-family: arial, verdana, sans-serif; font-size: 14px; color:#FFF; font-weight: normal; text-align: left; }

#splash-image-text p.bold { font-size: 16px; color:#FFF; font-weight: bold; }

#splash-image-text a { color: #FFF; }

.photoCredit { 
	clear:both; 
	float: left; 
	position: absolute; 
	top: 343px; 
	left: 27px; 
	width: 466px; 
	height: 20px; 
	margin: 0; 
	padding:0;
	color: #FFF;
	font-size: 12px;
	}


#mapOverlayBox {
	clear:both;
	float:left;
	position: relative;
	width:906px;
}

#textOverlayBox {
	clear:both;
	float:left;
	position: relative;
	width:990px;
}


#mapOverlay, #popup_proMujer, #popup_elPorvenir, #popup_accion, #popup_health, #popup_ffh, #popup_project, #popup_oxfam, #popup_transfair, #popup_redTomato, #popup_dzi, #popup_ide, #popup_phc, #popup_awlc, #popup_oxfamAmerica, #popup_cure, #popup_shuhada, #popup_ail, #popup_ssb, #popup_summer, #popup_cs, #popup_scm, #popup_strength, #popup_beverly, #popup_rh, #popup_wellspring, #popup_opendoor {
	float:left;
	display:none;
	width:912px;
	height:475px !important;
	position: absolute;
	top:15px;
	left: 0px;
	text-align:center;
	font:bold 12px 'Arial';
	z-index:998;
	margin: 0px 0px 0px 18px;
	background: #FFF url(../images/popup_partners_bg.png) no-repeat;
	color:#FFF;
	text-align:left;
}

#popup_whygive_1, #popup_whygive_2, #popup_whygive_3, #popup_whygive_4 {
	display:none;
	width:960px;
	height:350px !important;
	position: absolute;
	top:0px;
	left:0px;
	text-align:center;
	font:bold 12px 'Arial';
	z-index:998;
	margin: 0px 0px 0px 0px;
	padding:0;
	background:#FFF url(../images/popup_partners_bg.png) no-repeat;
	color:#FFF;
	text-align:left;
}

#popup_approach_1, #popup_approach_2, #popup_approach_3, #popup_approach_4, #popup_approach_5, #popup_approach_6, #popup_approach_7 {
	float:left;
	display:none;
	margin: 0;
	padding:0;
	overflow: hidden;
	width: 440px;
	height: 325px;
	position: absolute;
	top:0px;
	left: 0px;
	text-align:center;
	font:12px 'Arial';
	z-index:998;
	color:#000;
	text-align:left;
	background: #FFF;
}

#popup_approach_1 h1, #popup_approach_2 h1, #popup_approach_3 h1, #popup_approach_4 h1, #popup_approach_5 h1, #popup_approach_6 h1, #popup_approach_7 h1 { clear: both; float: left; margin: 9px 0px 0px 0px; padding: 0; width: 440px; }

#popup_approach_1 ol, #popup_approach_2 ol, #popup_approach_3 ol, #popup_approach_4 ol, #popup_approach_5 ol, #popup_approach_6 ol, #popup_approach_7 ol { clear: both; margin: 0px 0px 0px 0px; padding: 18px 0px 0px 0px; width: 440px; }
#popup_approach_1 ol li, #popup_approach_2 ol li, #popup_approach_3 ol li, #popup_approach_4 ol li, #popup_approach_5 ol li, #popup_approach_6 ol li, #popup_approach_7 ol li { clear: both; margin: 0px 0px 0px 0px; padding: 0px 0px 9px 0px; width: 440px; }

#popupImg { clear: both; float: left; margin: 6px 0px 0px 6px; padding: 0; width: 410px; height: 200px; }

#popupText { float: left; margin: 6px 0px 0px 30px; padding: 0; width: 420px !important; height: 200px; }

#popupText .logo { float:left; margin:0; padding:0px 12px 12px 0px; border: none; }

#popupText p { clear: both; float: left; margin: 15px 0px 0px 0px; padding: 0; width: 400px; font-size: 12px; color: #000; font-weight: normal; }
#popupText em { clear: both; float: left; margin-top: 9px; width: 400px; font-size:12px; color: #999; font-weight: normal; }


#popupText h1 { clear: both; float: left; width: 400px; margin: 9px 0px 0px 0px; padding: 0; }


a.overlayClose {
	float:left;
	font-size:11px;
	margin: 0px 18px 0px 250px;
	padding: 0;
	color: #000;
	width: 150px;
	text-align: right;
}

table {
	clear: both;
	float: left;
	margin: 15px 0px 0px 100px;
	width: 761px;
}

tr {
	width: 651px;
}

td {
	margin: 0;
	padding: 0;
	width: 261px !important;
}

td a {
	width: 200px !important;
}

table tr td .stack { position: relative; float: left; width: 217px !important; }

table tr td .stack .focus { position: absolute; width: 217px; top: 0px; left: 0px; opacity: 0; filter: alpha(opacity=0) }
table tr td .stack .noFocus { width: 217px; }
table tr td .stack .overlay { width: 217px; }


ul#contact-info { clear: both; float: left; width: 400px; margin: 15px 0px 0px 0px; padding: 0px 0px 9px 0px; overflow: hidden; z-index:9999; list-style: none; }
ul#contact-info li { clear: both; float: left; margin: 0; padding: 0; width: 400px; list-style: none; }

ul#contact-info li em { clear: both; float: left; margin: 0; padding: 0; width: 200px; font-size: 14px; }


/* footer */

.footer { float:left; margin: 0px 0px 0px 0px; padding: 0px 0px 12px 0px; color: #E1DBC4; font-size:11px; }
.footer a { color: #E1DBC4; text-decoration: none; }
.footer a:hover { color: #E1DBC4; text-decoration: underline; }

.privacy { float:left; margin: 0px 0px 0px 9px; padding: 38px 0px 12px 0px; }

.tagline { float:left; margin: 0px 0px 0px 0px; padding: 36px 0px 12px 0px; text-align: center; font-weight: bold; font-style: italic; font-size: 12px; }


.beehive { float:left; margin: 0px 0px 0px 0px; padding: 28px 0px 12px 0px; text-align: right; }
.beehive-logo { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; color:#FFF; font-size:12px; text-align:right; }