@import url("../../css/default.css?b852"); 


/* ******************************************************************************************* */
/* ******************************************************************************************* */
/*
*//*	hftn.css
*//*
*//*	Colors:	
*//*		#6a5c4c (orange | #admin > #config)							[Jan '11]
*//*		#584836 (orange | #admin > #config)							[Jan '11]
*//*		#ef4300 (orange | links)									[Jan '11]
*//*		#ffae82 (orange | donate button)							[Jan '11]
*//*		#ff7c35 (orange | #config hover, donate button)				[Jan '11]
*//*		#453420 (brown | content_border, siteLogo, mainNav a)		[Jan '11]
*//*		#8e8477 (l. brown | content_top-border, badge)				[Jan '11]
*//*		#b2e0ed (l. blue | links with brown bg, #fundingPg bg, invite-friends step)		[Jan '11]
*//*		#ece8cf (beige | body bg)									[Jan '11]
*//*	Fonts:
*//*		Droid, serif [Google Font API] (siteLogo)					[Jan '11]
*//*		Georgia, serif [Fallback] (siteLogo)						[Jan '11]
*//*		
*//*	Table of contents:
*//*		A. SITE-WIDE
*//*			1. Global
*//*				i. Typography?
*//*				ii. Colors?
*//*				iii. Tables
*//*				iv. Other
*//*			2. Top Shelf
*//*			3. Header
*//*				i. MainNav
*//*			4. Content
*//*				i. SubNav
*//*				ii. Headings
*//*				iii. Posts
*//*					a. Share/Comments
*//*			5. Footer
*//*		B. PAGE-SPECIFIC
*//*			1. Home page
*//*				i. Zone 1
*//*					a. Slideshow
*//*				ii. Zone 2
*//*			2. About pages
*//*			3. Asset pages
*//*				i. Program/Project/Champion
*//*				ii. Member
*//*			4. Other
*//*		C. Unused/Archived
*//*
/* *******************************************************************************************	*/
/*	Developer Note: If you create a new style, default to tying it to a page (page-specific).	*/
/* *******************************************************************************************	*/


/****************/
/****************/
/*  SITE-WIDE  **/
/*			   **/

/***************************/
/*  Global  -  SITE-WIDE  */
/*************************/
html {
	background-color: Transparent;
	}
body { 
	background: #ede9d0 url(images/bg_hftn.jpg) repeat-x 101px top; 
	border-top: solid 4px #0e0603; 
	font: normal 12px/1.6 Helvetica, Arial, sans-serif; 
	text-align: left;
	}
#aspnetForm {
	background-color: Transparent;
	}

	#shell_container {
		width: 996px;	/* #content_border_top_width */
		padding: 0 61px;	/* .feedback_width */
	    margin: 0 auto;
	    min-height: 100%;
		}
	#shell { 
		background: Transparent; 
		border: 0; 
		}

	/* Typography */
		#header h1,
		#header h1 a,
		#header .siteTagLine {
			font-family: Georgia, Times New Roman, Times, serif;
			font-weight: normal;
			letter-spacing: 0.004em;
			text-transform: uppercase;
			color: #453420;		}
		#header .siteTagLine a {
			color: #453420;
			}
		#header h1 a {
			font-size: 38px;	}
		#header .siteTagLine {
			font-size: 11px;
			letter-spacing: 0.001em;	}
		#mainNav a {
			font-family: Arial, Sans-Serif;
			font-weight: 500;
			text-transform: uppercase;
			color: #453420;		}
			
			/* START Google Font API */
			/* CG: The following is currently located in htfn.master.
					Better implementation coming with #2379 */
			/*#header h1,
			#header h1 a {
				font-family: 'Droid Serif', serif;
				text-transform: uppercase;
				letter-spacing: 0.001em;
				font-weight: 400;
				color: #453420;
				font-size: 40px;
				}*/
			/* END Google Font API */
			
	/* Colors */
		a,
		a:link,
		a:visited,
		a:hover,
		a:active {
			color: #ef4300;
			}
		.subnav a:link, 
		.subnav a:visited, 
		.subnav a:active, 
		.aboutSubnav a:link, 
		.aboutSubnav a:visited, 
		.aboutSubnav a:active{
			background:#6a5c4c; 
			color:#fff; 
			}
		.subnav a:hover, 
		.aboutSubnav a:hover{
			background:#584836; 
			color:#ff7c35; 
			}
		.subnav .current, 
		.aboutSubnav .current{
			background:#584836 !important;
			color:#ff7c35 !important; 
			}
		.tabSubNav a,
		#config a,
		#config a:visited,
		#config a:active {
			background-color: #ff7c35 !important;
			}
		.tabSubNav a:hover,
		.tabSubNav a.active,
		#config a:hover,
		#config a.current {
			color: #453420 !important;
			background-color: #ff5a00 !important;
			}
		.profileRow {
			background: #b2e0ed;
			}
		ol.stepsLeft li.current {
			background-color: #b2e0ed;
			}

	/* Tables */
		table{ 
			background-color:transparent; }

	/* Thickbox */
		#tBox{ 
			border-top: none;
			/*overflow:hidden; */	/* Gerb/oct-2011: Bad idea. In dire situations, there should be a scrollbar */
			}
		#tBox ul{ 
			list-style-type:none; }
		#tBox li{ 
			margin:10px 0 0 0;	/* Gerb/oct-2011: Incorrect appearance when no title in message control */
								/* Gerb/dec-2011: Incorrect appearance when in promote modal */
			}
			#tBox #promote-page li {
				margin: 0;		/* Gerb/dec-2011: Corrects above problem */
				}
			#tBox .alert li,
			#tBox .errors li, 
			#tBox .info li,  
			#tBox .warn li, 
			#tBox .done li {
				margin: 0;		/* Gerb/oct-2011: Corrects above problem */
				}
		#tBox .tabNav { 
			/*width:662px; */		/* Gerb/oct-2011: This blows modals up, why set this? */
			}
		#tBox .alert, 
		#tBox .errors, 
		#tBox .info, 
		#tBox .warn, 
		#tBox .done {
			/*width:662px; */		/* Gerb/oct-2011: This blows modals up, why set this? */
			}
	
	/* Link Buttons */
		.btnLeftIcon,
		.btnLeftIcon:link,
		.btnLeftIcon:visited {
			background-color: #534839;
			}
		.btnLeftIcon:hover,
		.btnLeftIcon:active,
		.btnLeftIcon.active,
		.btnLeftIcon.active:link,
		.btnLeftIcon.active:visited {
			background-color: #453420;
			}
		
		
		/*.go:link, 
		.go:active, 
		.go:visited{ 
			background:#534839 url(../../images/bgButton_arrowForward.png) no-repeat left top; }
		.go:hover{ 
			background-color:#453420; }
		.save:link, 
		.save:active, 
		.save:visited{ 
			background:#534839 url(../../images/bgButton_tick.png) no-repeat left top; }
		.save:hover{ 
			background-color:#453420; }
		.upload:link, .upload:active, .upload:visited{ 
			background:#534839 url(../../images/bgButton_arrowUp.png) no-repeat left top; }
		.upload:hover{ 
			background-color:#453420; }
		.add:link, 
		.add:active, 
		.add:visited{ 
			background:#534839 url(../../images/bgButton_plus.png) no-repeat left top; }
		.add:hover{ 
			background-color:#453420; }*/

	/* IE6 Browser Warning */
		#ie6Alert{ 
			float:left; 
			margin:50px 0 0 0; }

/******************************/
/*  Top Shelf  -  SITE-WIDE  */
/****************************/
	.topShelf{ 
		border-top:0; }
		.searchBar{ 
			padding-right: 0;}
		.loginInfo, 
		.loginLink{
			background-color:#fff; 
			color:#000; 
			filter:alpha(opacity=70); 
			float:left;
			margin:5px 0 0 15px;
			-moz-opacity:0.70; 
			opacity:0.70;
			padding: 8px 10px;
			
			line-height: 11px;}
		.loginInfo a,
		.loginLink a{
			float:none;
			margin:0;        
			padding:0;	}    
		.clientDonate a:link, 
		.clientDonate a:visited, 
		.clientDonate a:active{
			display: block;
			background: url(../../images/hftn/donate_btn.png) 0 0 no-repeat; 
			height:27px; 
			margin: 5px 0 0;
			padding:0;
			text-indent:-1920px; /* CG: background image suffices, move text way left */
			width: 95px;
		 	}
		.clientDonate a:hover{ 
			background-position: 0px -27px; }
			
/********************************/
/*  IE6 Warning  -  SITE-WIDE  */
/******************************/
#ie6-warn{
    clear:left;
    margin-top:20px; 
}

/***************************/
/*  Header  -  SITE-WIDE  */
/*************************/
	#header { 
		z-index: 4;						/* CG: Infront of #watermark, #content, #content_border */
		position: relative;				/* CG: Necc. for z-index */
		background:transparent url("../../images/hftn/bg_header.png") no-repeat left bottom;
		margin-left: -15px;
		padding-left: 15px;
		padding-right: 15px;
		clear:left;}
		#header h1 {
			margin-top: 60px; /* CG: up from 50px */
			padding-right: 20px;
			border-right: solid 1px #453420;}
		.siteTagLine {
			padding-top: 3px;
			height: 50px;
			margin-top: 65px;
			margin-left: 20px;
			padding-left: 61px;		/* CG: bg_image_width + 15px */
			float: left;
			background: transparent url("../../images/hftn/bg_siteTagLine.png") no-repeat 0 0;
			}

	/* MainNav */
		#mainNav { 
			background:transparent; 
			font:normal 20px/40px Georgia,Utopia,Palatino,'Palatino Linotype',serif; 
			margin-left:-15px;
			margin-top:20px;
			text-transform:uppercase;
			border: none;	}	/* CG: ? */
			#mainNav ul{ 
				width: 976px;		/* CG: Aligns right-most tab with inside right margin of #content */
				}
			#mainNav ul li{ 
				float:left; 
				margin:0; 
				text-align:center; 		}
			#mainNav ul li a {
				padding-bottom: 16px !important;	/* CG: Algins nav_select with content border */
				}
			#mainNav a.current{ 
				background: transparent url('../../images/hftn/nav_select_white.gif') no-repeat 50% bottom !important;
				color:#f65a29 !important; 
				text-decoration:none; 			}
			#mainNav a:link, 
			#mainNav a:visited, 
			#mainNav a:active{ 
				color:#5d1c0b; 
				display:block; 
				padding:0 15px 10px 15px; 
				text-decoration:none; 			}
			#mainNav a:hover{ 
				color:#f65a29; 
				}
			#mainNav .rightTab a {
				font-size: 20px !important;
				}
			#mainNav .home{ 
				margin-left:10px; 			}
		

/****************************/
/*  Content  -  SITE-WIDE  */
/**************************/
	#watermark {
		z-index: 1;					/* CG: Behind #content */
		position: absolute;			/* CG: Necc. for z-index */
		width: 268px;
		height: 268px;
		margin: -200px 0 0 -243px;
		background: url("../../images/hftn/bg_body_logo.png") no-repeat left top;
		}
		
	/* Gradient Border for #content */
		#content_border_top,
		#content_border_left,
		#content_border_right {
			z-index: 3;					/* CG: Infront of #content, behind #header */
			position: absolute;			/* CG: Necc. for z-index */
			}
		#content_border_top {
			width: 996px;
			height: 15px;
			margin: -15px 0 0 -30px;
			background: url("../../images/hftn/bg_content_border_top.png") no-repeat left top;
			}
		#content_border_left {
			margin: 0 0 0 -30px;
			}
		#content_border_right {
			margin: 0 0 0 951px;
			}
		#content_border_left,
		#content_border_right {
			width: 15px;
			height: 400px;
			background: url("../../images/hftn/bg_content_border_side.png") no-repeat left top;
			}
			
	#content{
		z-index: 2;					/* CG: Infront of #watermark, behind #content_border */
		position: relative;			/* CG: Necc. for z-index */
		margin-top: -15px;
		margin-left: -30px;
		border: solid 15px #453420;		/* border is brown */		/* width+pad+border=996px */
		background: #fff;
		padding: 20px 15px 140px;		/* padding is white */
		width: 936px;
		float:left; /* not original */   
		min-height:530px;
		}
		#mainCol, 
		#sideCol, 
		#sideColWide {
			margin:0; 
			}

	/* SubNav */
		.subnav,
		.aboutSubnav {
			background:transparent; 
			border-top:none;
			font-family: Georgia,Utopia,Palatino,'Palatino Linotype',serif; 
			min-height:0; 
			}
			.subnav .current, 
			.aboutSubnav .current{
				text-decoration:none !important; 
				}
			.subnav a:link, 
			.subnav a:visited, 
			.subnav a:active, 
			.aboutSubnav a:link, 
			.aboutSubnav a:visited, 
			.aboutSubnav a:active{
				display:block; 
				float:left; 
				font-size:12px; 
				font-weight:normal; 
				height:auto; 
				line-height:11px; 
				margin:0 1px 1px 0; 
				padding:10px; 
				text-decoration:underline;
				width: auto; 
				}
			.subnav a:hover, 
			.aboutSubnav a:hover{
				text-decoration: none;
				}
				
	/* Headings */

	
	/* Posts */
		.postItem,
		.post-page .subHdrNoCaps {
			background-color: #ece8e6;
			}

		/* Share/Comments */

/*****************************/
/*  ThickBox  -  SITE-WIDE  */
/***************************/
	#tBox .tabNav {
		/* CG: In IE7, scroll bar in ThickBox (Images). Fix here? */
		}


/***************************/
/*  Footer  -  SITE-WIDE  */
/*************************/
	#footer {
		clear: left;	/* CG: I don't know why, but this is needed */
		background: #ede9d0;
		border-top: none;
	    font-size: 12px;
	    height: 75px;
	    padding: 0 25px 20px 0;
	    margin: 0 auto;
	    text-align: left;
	    width: 966px;		
		}
		#footerNav {
			width: 100%;
			}
		#footerNav li { 
			float:right;
			}
		#footerNav a:link, 
		#footerNav a:visited, 
		#footerNav a:active, 
		#footerNav a:hover {	
			color: #333;
			border-top:0px; 
			}
		#footerNav a:hover {
			color: #000;
			text-decoration: underline;
			}
		#footer p { 
			margin: 10px 0;
			font-size: 12px;
			color:#666; 
			float: right;
			}




/********************/
/********************/
/*  PAGE-SPECIFIC  **/
/*			       **/

/*********************************/
/*  Homepage  -  PAGE-SPECIFIC  */
/*******************************/

	/* Zone 1 */
		#home .intro { 
			height:auto; 
			position:relative;			/* CG: Neccesary for buttons overlaying slideshow slides */
			}
		
		/* Slideshow */
			#home .slideshow { 
				z-index:9999;			/* CG: Below .slideshowBtns_BG, .slideshowBtns */
				}
			#home .slideshow li { 
				height: 445px !important;
				}
				#home .slideshow li.introOne { 
					background: url(images/slideshow_freedom.jpg) no-repeat left top; 
					}
				#home .slideshow li.introTwo{			
					background: url(images/slideshow_hope.jpg) no-repeat left top; 
					}
				#home .slideshow li.introThree { 
				 	background: url(images/slideshow_education.jpg) no-repeat left top; 
					}
				#home .slideshow li.introFour { 
					background: url(images/slideshow_vision.jpg) no-repeat left top; 
					}
				#home .slideshow li.introChristmas { 
					background: url(images/hftn_christmasBanner.jpg) no-repeat left top; 
					}
			#home .slideshow li p { 
				background:transparent; 
				color:#fff; 
				float:left; 
				font-family: Georgia, Times New Roman, serif; 
				font-weight: normal;
				font-size: 51px;
				letter-spacing:-1px; 
				padding:10px; 
				width:auto; 
				}
				#home .slideshow li.introOne p {			/* "freedom" */
					margin:250px 0 0 360px; 
					}
				#home .slideshow li.introTwo p {			/* "hope" */
					margin:250px 0 0 470px; 
					}
				#home .slideshow li.introThree p {			/* "education" */
					margin:130px 0 0 0; 
					}
				#home .slideshow li.introFour p {			/* "vision" */
					margin:130px 0 0 30px; 
					}

			/* Transparent Overlay Tabs */
				#home .slideshowBtns_BG { 
					position:absolute;			/* CG: Neccesary for z-index */
					z-index:10000;				/* CG: Above .slideshow, Below .slideshowBtns */
					top: 307px;					/* CG: Must match .slideshowBtns_top */
					height:70px; 
					list-style: none;
					}	
					#home .slideshowBtns_BG li { 
						background:#000; 
						float:left; 
						filter:alpha(opacity=50); 
						-moz-opacity:0.5; 
						opacity:0.5; 
						height:70px; 
						margin-right:2px; 
						width:222px; 
						}
				#home .slideshowBtns { 
					position:absolute;			/* CG: Neccesary for z-index */
					z-index:10001;				/* CG: Above .slideshowBtns_BG */
					top: 307px;					/* CG: Must match .slideshowBtns_BG_top */
					height:70px; 
					list-style: none;
					}
					#home .slideshowBtns li { 
						float:left; 
						height:70px; 
						margin-right:2px; 
						width:222px;
						}
					#home .slideshowBtns li a:link, 
					#home .slideshowBtns li a:visited, 
					#home .slideshowBtns li a:active { 
						color:#fff; 
						display:block; 
						font-size:18px; 
						font-weight:bold; 
						line-height:18px; 
						padding:17px 20px 26px; /* pad_top + pad_bottom = 43px */
						text-decoration:none; 
						}
					#home .slideshowBtns li a:hover { 
						background:#CCCC00; 
						color:#fff; 
						height: 27px;	/* CG: don't ask... */
						}
					#home .slideshowBtns a.slideshowBtnsWho:hover,
					#home .slideshowBtns a.slideshowBtnsChampion:hover { 
						filter:alpha(opacity=80); 
						-moz-opacity:0.8; 
						opacity:0.8; 
						background:#453420; 
						}
					#home .slideshowBtns .slideshowBtnsDonate:hover { 
						filter:alpha(opacity=80); 
						-moz-opacity:0.8; 
						opacity:0.8; 
						background:#990000; 
						}

		/* Sub-slideshow Intro Text Banner */
			#home .homeIntroText{ 
				background:#ece8cf url("images/bg_homeIntroText.png") no-repeat center 10px; 
				height:auto;
				padding-bottom:20px; 
				}
			#home .homeIntroText h3{ 
				color: #fff;
				background:transparent;
				font-family:Georgia, serif; 
				font-size:24px; 
				text-transform: uppercase;
				padding:30px 0 0 30px; }
			#home .homeIntroText h4 {
				font-family: Arial, Sans-Serif;
				font-size: 16px;
				padding: 0 0 15px 30px;
				margin-top: -8px;
				}
			#home .homeIntroText h4 a {
				color: #453420;
				}
			#home .homeIntroText p { 
				font-size: 15px;
				line-height:1.4;
				margin: 0 30px 5px; 
				padding: 5px 0 0; }

	/* Zone 2 */
		#home .featureCarousel{ 
			background:#f8f8f8; 
			clear:none; 
			float:right; 
			height:265px; 
			position:relative; 
			overflow:hidden; 
			width:245px; }
		#home .featureCarousel object{ 
			float:left; }
		#home .featureCarousel img{ 
			margin:6px; 
			width:245px; }
		#home .featureCarousel ul{ 
			float:left; 
			height:265px; 
			width:245px; }
		#home .featureCarousel li{ 
			float:left; 
			height:265px; 
			line-height:1.1; 
			width:245px; }
		#home .featureCarousel h3{ 
			font-size:18px; 
			font-weight:bold; 
			line-height:18px; 
			margin:10px 10px 0 10px; }
		#home .featureCarousel h4{ 
			background:#f8f8f8; 
			border:0; 
			clear:left; 
			color:#333; 
			float:left; 
			font-size:18px; 
			font-weight:bold; 
			line-height:18px; 
			margin:0 0 0 10px; 
			overflow:visible; 
			padding:0px; 
			width:auto; }
		#home .featureCarousel .buttons{ 
			border:0; 
			display:block; 
			float:left; 
			font-size:18px; 
			font-weight:normal; 
			margin:5px 0 0 10px; }
		#home .featureCarousel .buttons a:link, 
		#home .featureCarousel .buttons a:active, 
		#home .featureCarousel .buttons a:visited{ 
			background:#f8f8f8; 
			clear:none; 
			color:#666; 
			float:none; 
			height:auto; 
			line-height:18px; 
			margin:0; 
			padding:0px; 
			width:auto; }
		#home .featureCarousel .buttons a:hover{ 
			background:#f8f8f8; 
			color:#000; 
			text-decoration:none; }
		#home .featureCarousel .buttons .next1{ 
			border:0; 
			clear:none; }
		#home .featureCarousel .buttons .prev1{ 
			clear:both; }

		/* CG: START Archive */
		/*.christmasTreeBanner{ 
			background:#eee; 
			float:right; 
			height:250px; 
			margin-top:10px; 
			width:238px; }
		.christmasTreeBanner a:link, 
		.christmasTreeBanner a:active, 
		.christmasTreeBanner a:visited{ 
			background: url(../../images/hftn/banner_christmasTree.gif) no-repeat 0px 0px; 
			display:block; 
			height:252px; 
			width:238px; }
		.christmasTreeBanner a:hover{ 
			text-decoration:none; }*/
		/* CG: END Archive */

		#home #sponsorBanner {
			float:right; 
			height:252px; 
			margin-bottom: 10px;
			margin-right: 1px;
			width:/*238*/245px; }
		#home #sponsorBanner a:link, 
		#home #sponsorBanner a:active, 
		#home #sponsorBanner a:visited { 
			background: url(../../images/hftn/sponsorshipBannerSprite.jpg) no-repeat 0px 0px; 
			display:block; 
			height:252px; 
			width:/*238*/245px; }
		#home #sponsorBanner a:hover { 
			background: url(../../images/hftn/sponsorshipBannerSprite.jpg) no-repeat 0px -252px; 
			text-decoration:none; }

		/* CG: START Archive */
		/*.eventsBanner{ 
			background:#eee; 
			float:right; 
			height:125px; 
			margin-top:10px; 
			width:238px; }
		.eventsBanner a:link, 
		.eventsBanner a:active, 
		.eventsBanner a:visited{ 
			background: url(images/sprite_specialEventsV2.gif) no-repeat 0px 0px; 
			display:block; 
			height:125px; 
			width:238px; }
		.eventsBanner a:hover{ 
			background: url(images/sprite_specialEventsV2.gif) no-repeat 0px -125px; 
			text-decoration:none; }
		/* CG: END Archive */
		
	#home #sideColWide #socialBookmarks{ 
		width:100%; }

	/* IE6 home page customization */
	#home #sideColWide .actionNav{
		width:245px;
		overflow:hidden;
	}
	
/************************************/
/*  About Pages  -  PAGE-SPECIFIC  */
/**********************************/

	.about_content {
		width: 100%;
		}
		
	/* Hope For the Nations (About-Us-1) */
		#aboutSlideshow{ 
			height:280px; 
			list-style-type:none; 
			overflow:hidden; 
			z-index:1111; }
		#aboutSlideshow li{ 
			height:280px; 
			width:787px; }
		#aboutSlideshow li.slideOne{ 
			background: url(../../images/hftn/hftn_aboutSlide_01.jpg) no-repeat left top; }
		#aboutSlideshow li.slideTwo{ 
			background: url(../../images/hftn/hftn_aboutSlide_02.jpg) no-repeat left top; }
		#aboutSlideshow li.slideThree{ 
			background: url(../../images/hftn/hftn_aboutSlide_03.jpg) no-repeat left top; }
		#aboutSlideshow li.slideFour{ 
			background: url(../../images/hftn/hftn_aboutSlide_04.jpg) no-repeat left top; }
		#aboutSlideshow li.slideFive{ 
			background: url(../../images/hftn/hftn_aboutSlide_05.jpg) no-repeat left top; }
		#aboutSlideshow li.slideSix{ 
			background: url(../../images/hftn/hftn_aboutSlide_06.jpg) no-repeat left top; }
		#aboutSlideshow li.slideSeven{ 
			background: url(../../images/hftn/hftn_aboutSlide_07.jpg) no-repeat left top; }
		#aboutSlideshow li.slideEight{ 
			background: url(../../images/hftn/hftn_aboutSlide_08.jpg) no-repeat left top; }
		#aboutSlideshow li.slideNine{ 
			background: url(../../images/hftn/hftn_aboutSlide_09.jpg) no-repeat left top; }
		#aboutSlideshow li.slideTen{ 
			background: url(../../images/hftn/hftn_aboutSlide_10.jpg) no-repeat left top; }
		#aboutSlideshow li.slideEleven{ 
			background: url(../../images/hftn/hftn_aboutSlide_11.jpg) no-repeat left top; }
		#aboutSlideshow li.slideTwelve{ 
			background: url(../../images/hftn/hftn_aboutSlide_12.jpg) no-repeat left top; }	
	
	/* About_4 */
		#about_4,
		#about_5 {
			width: 670px;
			}
	
	/* FAQ */
		#faq_content{ 
			padding:0 0 40px 0; 
			width:616px; 
			}
			#faq_content h2.pageHdr{ 
				margin-bottom:0; 
				width:616px; 
				}
			#faq_content h3.subHdr{ 
				width:616px; 
				}
			#faq_content ul, 
			ul.vert{ 
				list-style-type:none; 
				}
		.faqQuery{ 
			background:#f2e6c6; 
			margin:100px 30px 0 0; 
			padding:20px; 
			width:250px; 
			}
			.faqQuery textarea{ 
				display:block; 
				margin-bottom:7px; 
				width:250px; 
				}
			.faqQuery input{ 
				display:block; 
				margin-bottom:7px; 
				width:250px; 
				}
			.faqQuery h3.subHdr{ 
				margin-top:0; 
				}

	/* Contact Us */
		.highlightBox{
			background-color:#ede9d0;
			padding:15px; 
			}
		.borderedHdrTop{
			border-top:1px solid #ddd; 
			font-family:helvetica, arial, sans serif; 
			font-size:16px; 
			line-height:1; 
			color:#000; 
			text-transform:uppercase; 
			margin:45px 0 15px 0; 
			padding:20px 0 0; 
			}

	/* Other */

/*****************************************/
/*  Take Action Page  -  PAGE-SPECIFIC  */
/***************************************/
	/* slideshow */
		#takeactionSlideshow {
			float: left;
			}
		#takeactionSlideshow,
		#takeactionSlideshow li,
		#takeactionSlideshow li .ribbon,
		#takeactionSlideshow li .ribbon .ribbon_block,
		#takeactionSlideshow li a.slidelink {
			width: 699px;
			}
		#takeactionSlideshow,
		#takeactionSlideshow li {
			height: 350px !important;
			}
		#takeactionSlideshow li .ribbon {
			background: #990000;
			filter:alpha(opacity=85); 
			-moz-opacity:0.85; 
			opacity:0.85;				
			margin: 285px 0 0 0;			/* li height - .ribbon height - 20px = 350 - 45 - 20 = 285 */
			}
		#takeactionSlideshow li#slide4 .ribbon {
			height: 66px;
			margin: 264px 0 0 0;			/* li height - .ribbon height - 20px = 350 - 66 - 20 = 264 */		}
		#takeactionSlideshow li#slide4 .ribbon .ribbon_left,
		#takeactionSlideshow li#slide4 .ribbon .ribbon_block {
			height: 66px;
			}
		#takeactionSlideshow li .ribbon span {
			font-weight: bold;
			}
		#takeactionSlideshow li#slide1 {
			background: url(../../images/hftn/hftn_takeaction_slide1.jpg) no-repeat top left; }
		#takeactionSlideshow li#slide2 { 
			background: url(../../images/hftn/hftn_takeaction_slide2.jpg) no-repeat top left; }
		#takeactionSlideshow li#slide3 { 
			background: url(../../images/hftn/hftn_takeaction_slide3.jpg) no-repeat top left; }
		#takeactionSlideshow li#slide4 { 
			background: url(../../images/hftn/hftn_takeaction_slide4.jpg) no-repeat top left; }
		#takeactionSlideshow li#slide5 { 
			background: url(../../images/hftn/hftn_takeaction_slide5.jpg) no-repeat top left; }

	/* action panel */
		#takeactionActions {
			margin-left: 12px;
			list-style: none;
			float: left;
			height: 350px;
			}
			#takeactionActions li {
				height: 108px;
				margin-bottom: 13px;
				}
				#takeactionActions li a {
					padding: 19px 20px 22px;
					margin-bottom: 13px;
					width: 185px;
					background: #655746;
					color: #fff;
					display: block;
					font-size: 24px;
					line-height: 1.4;
					font-weight: bold;
					text-decoration: none;
					}
				#takeactionActions li a:hover {
					background: #453420;
					}
	
	/* columns */
		.four_columns_wrapper { 
			width: 100%; 
			overflow: hidden; 
			margin: 28px 0; }
		.four_columns_wrapper .column { 
			float: left; 
			width: 225px; 
			margin-right: 12px; }
		.last { 
			margin-right: 0; }
		.column h2.sectionHdr { 
			margin: 15px 10px 10px; }
		.column h3.sectionSubHdr { 
			margin: -10px 10px 10px; 
			font-variant: small-caps; }
		.column p { 
			margin: 10px; }
		#takeaction_boxes .column { 
			height: 500px; }
		#takeaction_boxes .column p, 
		#takeaction_boxes .column h2, 
		#takeaction_boxes .column h3 { 
			color: #fff; }
		#takeaction_boxes .column p { 
			font-weight: bold; /*height: 380px;*/ }
		#takeaction_boxes #one { 
			background: #e53b3b url(../../images/hftn/takeaction_boxes_column_one.jpg) no-repeat top left; }
		#takeaction_boxes #two { 
			background: #f67d56 url(../../images/hftn/takeaction_boxes_column_two.jpg) no-repeat top left;}
		#takeaction_boxes #three { 
			background: #ca995e url(../../images/hftn/takeaction_boxes_column_three.jpg) no-repeat top left;}
		#takeaction_boxes #four  { 
			background: #5aa0b4 url(../../images/hftn/takeaction_boxes_column_four.jpg) no-repeat top left;}
		#takeaction_boxes #one a { 
			color: #ffc68c; }
		#takeaction_boxes #two a { 
			color: #ffd580; }
		#takeaction_boxes #three a { 
			color: #ffff80; }
		#takeaction_boxes #four a { 
			color: #80ffd4; }

	div.fundraising { display: none; }
	.fundraising{ display:block; }


/*************************************/
/*  Explore Page  -  PAGE-SPECIFIC  */
/***********************************/
	.queryBox{ margin:0; }


/************************************/
/*  Asset Pages  -  PAGE-SPECIFIC  */
/**********************************/
	#fundingPg{ 
		background:#b2e0ed; 
		margin:0 0 20px 0;
		}

	.actionNav a:link, 
	.actionNav a:visited,
	.btnAction:link,
	.btnAction:visited { 
		background:#453420; 
		}
	.actionNav a:hover, 
	.actionNav a:active,
	.btnAction:hover,
	.btnAction:active { 
		background:#261d12;
		}
	.actionNav a span{ 
		font-size:15px; 
		font-weight:normal; 
		letter-spacing:0px; 
		line-height:20px; 
		margin-left:1px; 
		text-transform:none; }

	.actionNav a.createProject:link, 
	.actionNav a.createProject:visited,
	.actionNav a.startChampion:link, 
	.actionNav a.startChampion:visited,
	.actionNav a.inviteFriends:link, 
	.actionNav a.inviteFriends:visited,
	.actionNav a.follow:link, 
	.actionNav a.follow:visited{ 
		background:#453420;		/* note: also gets rules from .actionNav a & global a */
		}
		
	.actionNav a.createProject:hover, 
	.actionNav a.createProject:active,
	.actionNav a.startChampion:hover, 
	.actionNav a.startChampion:active,
	.actionNav a.inviteFriends:hover, 
	.actionNav a.inviteFriends:active,
	.actionNav a.follow:hover, 
	.actionNav a.follow:active{ 
		background:#261d12;		/* note: also gets rules from .actionNav a & global a */
		}

	/* manage */
	.actionNav a.manage:link, 
	.actionNav a.manage:visited{ 
		background:#555; }
	.actionNav a.manage:hover, 
	.actionNav a.manage:active{ 
		background:#333; }
	   
	/* donate */
	.actionNav a.donate:link, 
	.actionNav a.donate:visited{ 
		background:#990000; }
	.actionNav a.donate:hover, 
	.actionNav a.donate:active{ 
		background:#660000; 
		}


	#accordion .accordionContent ul, 
	#accordion .accordionContent ol{ 
		padding-left:20px; }
	.assetInfo .summary ol, 
	.assetInfo .summary ul{ 
		margin-bottom:10px; 
		padding-left:50px; }
	.friendList .donorComment{ 
		margin-left:10px; }

	.commentList p.friendMetaInfo{ width:400px; }


	/* Member */
		.pageHdr .badge,
		.badge,
		h3 span.badge,
		h4 span.badge,
		h5 span.badge  {
			background-color: #8e8477;
			}

/***********************************/
/*  Login Page  -  PAGE-SPECIFIC  */
/*********************************/
	.loginBox{
		background:#f2e6c6; 
	}
	.signupBox {
		background:transparent; 
	}


/**********************/
/**********************/
/*  UNUSED/ARCHIVED  **/
/*			         **/
	/*.featureBanner{ background:#eee; float:right; height:250px; margin-top:10px; width:238px; }
	.featureBanner a:link, .featureBanner a:active, .featureBanner a:visited{ background: url(../../images/hftn/himalayaBannerSprite.jpg) no-repeat 0px 0px; display:block; height:252px; width:238px; }
	.featureBanner a:hover{ background: url(../../images/hftn/himalayaBannerSprite.jpg) no-repeat 0px -252px; text-decoration:none; }*/
	
	

	/*.updates{ 
		float:left; 
		margin:20px 0; 
		width:520px; }
	.updateHdr{ width:520px; }
		.updateHdr .date{ width:130px; }
		.updateHdr span{ width:360px; }
	.updateInfo, .latestUpdate{ width:350px; }*/