@charset "UTF-8";
/* CSS Stylesheet for "perspectives on global poverty */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	background-repeat: no-repeat;
	width:100%;
	text-align:center;
	background-color:#000;
	color:#211E02;
	font-family:"Helvetica", "Arial", Sans-serif;
	background:url('http://perspectives.hopeinternational.org/images/background_middle.jpg');
	background-repeat:repeat;
}
#header {
	height: 300px;
	width:100%;
	background-image:url('http://perspectives.hopeinternational.org/images/bg_top.jpg');
	background-repeat:repeat-x;
}
  #header_content {
	  position: relative;
	  top:98px;
	  width:900px;
	  height:150px;
	  margin: 0 auto;
	  vertical-align:bottom;
  }
	#logo {
		position: relative;
		margin: 0 auto;
		vertical-align:bottom;
		text-align:left;
		float:left;
	}
	#HOPE_logo {
		position: relative;
		top:-50px;
		width:103px;
		height:104px;
		margin: 0 auto;
		margin-right:100px;
		vertical-align:top;
		text-align:right;
		float:right;
	}
#content_box {
	position:static;
	top:300px;
	width:100%;
	background:none;
}
#content_box_privacy {
	position:static;
	top:300px;
	width:100%;
	background:none;
}
  #content, #content2 {
	  position: static;
	  background:none;
	  width:900px;
	  margin: 0 auto;
	  vertical-align:top;
	  padding:20px;
	  text-align:left;
	  float:none;
	  height:auto;
  }
  #content {margin-bottom:0px;}
  #content2 {margin-top:0px;}
  #tagline {
	position: relative;
	top:top;
	background:none;
	width:860px;
	margin: 0 auto;
	vertical-align:top;
	padding:20px;
}
.tagline {
	text-align:center;
	line-height:50px;
	font-size:24px;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-style:oblique;
	color:#C60;
}
	#menu_item_about, #menu_item_resources, #menu_item_contact {
		position: static;
		background:none;
		margin: 10 auto;
		margin-right:auto;
		vertical-align:top;
		padding:20px;
		text-align:left;	
	}
	#menu_item_about {
		width:520px;
		float:left;
	}
	#menu_item_contact {
		width:260px;
		float:right;
	}
	#menu_item_resources {
		width:900px;
		margin-right:50px;
		float:none;
	}
#footer {
	position:static;
	width:100%;
	height:300px;
	background-image:url('http://perspectives.hopeinternational.org/images/worldmap.jpg');
	background-repeat:repeat-x;
}
#footer_privacy {
	top:2000px;
	position:static;
	width:100%;
	height:300px;
	background-image:url('http://perspectives.hopeinternational.org/images/worldmap.jpg');
	background-repeat:repeat-x;
}
  #navigation_bottom {
	vertical-align:top;
	text-align:center;
	color:#FFF;
	position: static;
	width:900px;
	margin: 0 auto;
  }
  #navigation_bottom h1, a {
	color:#60331B;
  }
  #navigation_bottom a {
	color:white;
	text-decoration:none;
  }
#spacer {
	width:100%;
	position:static;
	height:750px;
	background:none;
}
#spacer2 {
	width:100%;
	position:static;
	height:425px;
	background:none;
}
#spacer3 {
	width:100%;
	position:static;
	height:50px;
	background:none;
}
.whitespace {
	position:satic;
	width:100%;
	height:75px;
	background:none;
}
.whitespace_privacy {
	position:satic;
	width:100%;
	height:1575px;
	background:none;
}
h1 {
	line-height:45px;
	font-family:"Helvetica", "Arial", sans-serif;
	font-size:18px;
	font-style:normal;
	text-decoration:none;
	color:#763D20;
}
h2 {
	line-height:45px;
	font-family:"Helvetica", "Arial", sans-serif;
	font-size:14px;
	font-style:normal;
	text-decoration:none;
	color:#763D20;
}
h3 {
	line-height:45px;
	font-family:"Helvetica", "Arial", sans-serif;
	font-size:12px;
	font-style:normal;
	text-decoration:none;
	color:#763D20;
}
p {
	line-height:25px;
	font-size:13px;
}    


#booklet_preview{ 
	position:static;
	display: block; 	/* displays the link as a block or box. along with the dimension defined below this functions as a mask. */
	width: 275px;   /* 217px*/
	height: 345px;   /* 324px*/
	background: transparent no-repeat; 
	background-image: url('http://perspectives.hopeinternational.orgimages/booklet_preview.jpg');
	text-decoration:none;
}

#passbook_preview{ 
	position:static;
	top:0px;
	left:0px;
	width: 217px; 
	height: 324px; 
	background: transparent no-repeat; 
	background-image: url('http://perspectives.hopeinternational.orgimages/passbook_01.jpg');
	text-decoration:none;
}

#backtohope{
	position:static;
	top:300px;
	left:10px;	
	z-index:1000;
}

.hiddenPic {display:none;}
