@charset "utf-8";

/* CSS Document for Hope Feeds Website */


/* ---------------------------------------------------------
        STRUCTURAL POSITIONING
   --------------------------------------------------------- */
body {
	background:#683024  url(../images/web/body-bgd.png) repeat-x;
	}
#wrapper {
	width:846px;
	margin: 0 auto;
	}
#preheader {
	width: 100%;
	height: 20px;
	}
#header {
	width: 100%;
	height: 143px;
	background:#fff;
	position:relative;
	}
#topleft {
	position:absolute;
	top:0; left:0; z-index:1000;
	width:13px; height:13px;
	background: transparent url(../images/web/topleft.png) no-repeat;
	}
#topright{
	position:absolute;
	top:0; right:0; z-index:1000;
	width:13px; height:13px;
	background: transparent url(../images/web/topright.png) no-repeat;
	}
#logo  {
	position:absolute;
	top:10px;
	left:30px;
	z-index:500;
	width:185px;
	height:120px;
	background: transparent url(../images/web/logo.png) no-repeat;
	}
#bannerimage {
	position:absolute;
	top:0; right:0; z-index:1000;
	}
#navbar {
	width: 100%;
	height: 25px;
	background:transparent url(../images/web/nav-bgd.png) no-repeat;
	}
#innerwrapper {
	width:100%;
	background:#fff;
	}
#sidebar {
	display:none;
	}
#content {
	
	padding:40px;
	}
#footer {
	width:100%;
	height:22px;
	background: transparent url(../images/web/footer.png) 0 -3px;
	clear:both;
	text-align:center;
	color:white;
	font-size:11px;
	line-height:22px;
	margin-bottom:40px; 

	}
#footer a, #footer a:visited {
	color:white;}
	
/*ul { list-style-image:url(../images/web/list-image-green.gif)
; }*/

 /* ---------------------------------------------------------
        NAVIGATION BAR
   --------------------------------------------------------- */
#navbar ul {
	list-style:none;
	margin:0; 
	}
#navbar ul li {
	display:block;
	float:left;
	margin:0;	/*border-right:1px solid #cce056;*/
	}
#navbar ul li a {
	text-transform:uppercase;
	color:white;
	padding:0 25px;
	line-height:25px;
	font-weight:bold;
	font-size:.9em;
	 
	}
#navbar ul li:hover, #navbar ul li.sfhover { 
	background:#758707; 
}
#navbar ul li a:hover {text-decoration:none}
   
   
 /* ---------------------------------------------------------
        SPECIFIC ELEMENT STYLING
   --------------------------------------------------------- */
   
.left {
	float:left;
	}
.right {
	float:right;
	}
img.left , img.right {
	padding:10px;
	border:1px solid #758707;
	}
img.left, div.left {
	margin-right:20px;}
img.right , div.right{
	margin-left:20px;}
	

div.right {text-align:center;}
div.right img {
	
	display:block; 
	
	padding:10px; 
	border:1px solid #758707;}
span.caption {
	font-size:.8em; 
	color:#758707; 
	display:block; 
	
    margin-top:5px;}
 
.clear {clear:both}

.donatelink {
	width:300px; 
	text-align:center;
	border:2px solid #ABC524;
	padding:15px;
	margin-left:25px;
	margin-top:20px;
	margin-bottom:10px;
	font-size:90%;
	float:right;
}
.donatelink a {font-size:120%}
.donatelink a:hover {background:#ccc; text-decoration:none;}
	

table.wherewework { border:1px solid #ccc;
	margin-top:40px;
	clear:both;
	
	}

.homepagetext {
	font-size:120%;
	}
	
.popup {} /* class for popup window implemented in Jquery */
 
table#transformation {
	width: 100%; margin-bottom:0;
}
table#transformation td{ 
	text-align:center; 
	padding-top:10px;
}
table#transformation td p { 
	font-size:.8em;
	margin:0; 
	line-height:1.3em; 
	color:#555;
}

#donateonline {margin-bottom:20px;}

#donateonline a { display:block;
	width:288px; height:32px;
background:url(../images/web/button_donate.gif);
background-repeat:no-repeat;}

#donateonline a:hover { 
background:url(../images/web/button_donate_hover.gif);
}

#donationtable .donateimage{ vertical-align:top; text-align:center;}

#donationtable .donateamount{ font-size:1.4em; color:#666 ; font-weight:bold; vertical-align:top;}
#donationtable .donatedesc {vertical-align:top;}



div.countrydesc {
	
	padding:1em; border:1px solid #ccc;
	width:50%; border-bottom:1px solid #ccc; 
margin-bottom:2em; font-size:.9em}
div.countrydesc p {padding:0; margin:.6em 0}

div.countrydesc h3 {padding:0; margin:0 0 .6em 0}

#map {}

#preheader a {font-weight:normal; color: white; 
line-height:16px; font-size:12px; margin-right:10px; 
}
#preheader {text-align:right; margin-top:5px;}