@charset "utf-8";
/* CSS Document */

body.home {
	background: #fbfaf9 url("../images/mainBg.jpg") left top repeat-x;
	height: 100%;
}

.home #inner_wrapper {
	background: transparent url("../images/mastheadBg.jpg") center top no-repeat;
	margin: 0 auto;
	padding-bottom: 50px;
	width: 100%;
}
	
.home #mainBody {

}


/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/*~~~~~~~~~~~~~~~~~~~~Top Content~~~~~~~~~~~~~~~~~~~~~~~~~*/
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

.home #mainPhoto {
	float: left;
	background: none;
	width: 519px;
	height: 227px;
	padding: 0;
	border: 0;
}

	.home #mainPhoto ul {
		position: absolute;
		left: -9000px;
	}

.home #mainAbout {
	float: right;
	width: 270px;
	height: 227px;
	/*background: #41261c url("../images/aboutNTD_header.gif") right top no-repeat;*/
	}
	
	.home #mainAbout h2 {
		background: none;
		padding: 0;
		/*text-indent: -9000px;*/
	}
	
	.home h2 {
		margin-bottom: 0;
	}

	.home #mainAbout a {
	/*background: #41261c url("../images/aboutNTD.gif") right top no-repeat;*/
	display: block;
	width: 270px;
	height: 180px;
	margin: 0;
	padding: 0;
	margin-top: 0px;
	/*text-indent: -9000px;*/
		}
		
/*		.home #mainAbout a:hover {
			background: #41261c url("../images/aboutNTD_on.gif") right top no-repeat;
		}*/


/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/*~~~~~~~~~~~~~~~~~~~~Main Content~~~~~~~~~~~~~~~~~~~~~~~~~*/
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

.home #mainContent {
	background: transparent url(/assets/images/bg_sidebar.gif) right bottom no-repeat;
	width: 850px;
}

.home #mainContent ul {
	margin-bottom: 0;
	margin-left: 2px;
	}
	
	.home #mainContent li {
		padding-left: 10px;
		padding-right: 15px;
		line-height: 1.4em;
		margin-bottom: 1em;
		background-image: url(/assets/images/arrow_red.gif);
		background-position: left 4px;
	}
	
	.home #mainContent li a {
		color: #000;
	}

	.home #mainContent li a:hover {
		color: #b95933;
	}
	
/*~~~~~~~~~~~~~~~~~~~~News Section~~~~~~~~~~~~~~~~~~~~~~~~~*/

.home #news {
	float: left;
	width: 270px;
	margin-bottom: 30px;
	margin-right: 20px;
	}
	
	#news a.readmore {
	position: relative;
	top: 5px;
	float: left;
	display: block;
	margin: 0;
	padding: 0;
	padding-right: 15px;
	background: transparent url("../assets/images/arrow_red.gif") left 4px no-repeat;
	background-position: center;
	font-size: 12px;
	color: #4a4d4f;
		}

		#news a.readmore:hover {
		color: #b95933;
		text-decoration: none;
		}
	
	
	#news .pubDate {
		float: left;
		margin-top: 3px;
		width: 23px;
		height: 30px;
		color: #fff;
		text-align: center;
		background: transparent url("../images/dateBg.gif") right top no-repeat;
		}
		
		#news .month {
			font: bold 10px Tahoma, Arial, Helvetica, sans-serif;
		}
		
		#news .date {
			font: bold 14px Tahoma, Arial, Helvetica, sans-serif;
		}
		
	#news #newsItem {
		padding-right: 10px;
		margin-bottom: 10px;
		}
		
		#news #newsItem a {
			background: transparent url(/assets/images/arrow_readmore.gif) right 3px no-repeat;
			padding-right: 10px;
		}	
	
	#news h3 {
		margin: 0 0 2px 30px;
		padding: 0;
		/*background: transparent url(/assets/images/underline.gif) left bottom repeat-x;*/
		font: bold 1em Arial, Helvetica, sans-serif;
		color: #5b403b;
	}
	
	#news p {
		margin: 0 0 0 30px;
		line-height: 1.3em;
	}

/*~~~~~~~~~~~~~~~~~~~~Funding Section~~~~~~~~~~~~~~~~~~~~~~~~~*/

.home #funding {
	float: left;
	width: 270px;
	margin-bottom: 30px;
	}
	
/*	.home #funding a.more {
	position: relative;
	top: 3px;
	float: right;
	display: block;
	margin: 0;
	padding: 0;
	padding-right: 15px;
	background: transparent url("../images/arrow_circle.gif") right 4px no-repeat;
	font-size: 11px;
	color: #4a4d4f;
		}
	.home #funding a.more:hover {
			color: #b95933;
			text-decoration: none;
			background: transparent url("../images/arrow_circle_on.gif") right 4px no-repeat;
		} */
		


/*~~~~~~~~~~~~~~~~~~~~Shared~~~~~~~~~~~~~~~~~~~~~~~~~*/

#news .header, #funding .header {
	background: transparent url(/assets/images/underline.gif) left 51px repeat-x;
	padding-top: 30px;
	margin-bottom: 15px;
	}
	
	#news h2, #funding h2 {
		float: left;
		margin: 0;
		background: none;
	}
	
	#news a.more, #funding a.more {
	position: relative;
	top: 3px;
	float: right;
	padding-right: 15px;
	background: transparent url("../images/arrow_circle.gif") right 4px no-repeat;
	font-size: 11px;
	color: #4a4d4f;
		}
				
		#news a.more:hover, #funding a.more:hover {
			color: #b95933;
			text-decoration: none;
			background: transparent url("../images/arrow_circle_on.gif") right 4px no-repeat;
		}
		
		
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/*~~~~~~~~~~~~~~~~~~~~Side Bar~~~~~~~~~~~~~~~~~~~~~~~~~*/
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

.home #sideBar {
	float: right;
	width: 270px;
	margin-bottom: 30px;
	}

	.home #sideBar h2 {
		padding: 0;
		margin: 6px 0 0;
		font-size: 1.4em;
		color: #703225;
		background:none;
	}
	
	.home #sideBar p {
		margin: 0;
		font-size: .9em;
	}
	
	.home #sideBar li {
		font: normal .9em Arial, Helvetica, sans-serif;
		background: transparent url(../images/sidebar_dottedline.gif) 4px bottom repeat-x;
		padding: 8px 7px;
		list-style: url(/assets/images/arrow_red.gif) inside;
		}
		
		.home #sideBar li h3 {
			line-height: 1.2em;
			color: #4b4b4a;
			margin: 0;
			padding: 0;
		}
		
		.home #sideBar li a {
			display: block;
			color: #333;
		}
		
		.home #sideBar li p {
			line-height: 1.2em;
			margin: 0;
			padding: 0;
		}


/*~~~~~~~~~~~~~~~~~~~~USAID Logo~~~~~~~~~~~~~~~~~~~~~~~~~*/

#usaidLogo {
	background: transparent url(/assets/images/usaid_logo.gif) left top no-repeat;
	width: 247px;
	height: 78px;
}


/*~~~~~~~~~~~~~~~~~~~~Partners Section~~~~~~~~~~~~~~~~~~~~~~~~~*/

.home .partners {
	margin-top: 10px;    /* Delete this line when e-newsletter subscription box is being used */
	margin-left: 16px;
	border-top: solid 1px #bababa;
	border-bottom: solid 1px #bababa;
	width: 238px;
	}
	
	.home .partners a {
		background: transparent url(/assets/images/arrow_readmore.gif) right 3px no-repeat;
		padding-right: 10px;
		}
		
		.home .partners a.login {
			float: right;
			display: block;
			width: 70px;
			height: 18px;
			text-indent: -9000px;
		}


/*~~~~~~~~~~~~~~~~~~~~Ticker~~~~~~~~~~~~~~~~~~~~~~~~~*/

.home .ticker {
	width: 243px;
	height: 104px;
	margin: 5px auto;
	background: transparent url(/assets/images/ticker.gif) left top no-repeat;
	}
	
	.home .ticker ul {
		text-indent: -99999px;
	}
	
	.home #sideBar .ticker li {
		background: none;
	}


/*~~~~~~~~~~~~~~~~~~~~E Newsletter~~~~~~~~~~~~~~~~~~~~~~~~~*/

.home #sideBar .enewsletter {
	margin: 0;
	padding: 0;
	background: transparent url(../images/enewsBg.gif) left top no-repeat;
	margin-bottom: 9px;
	height: 59px;
	}
	
	.home #sideBar .enewsletter h2 {
		position: absolute;
		left: -9000px;
	}
	
	.home #sideBar .enewsletter a {
		position: relative;
		top: 5px;
		left: 165px;
		display: block;
		width: 80px;
		height: 18px;
		text-indent: -9000px;
	}

	.home #sideBar .enewsletter table {
		margin-top: 8px;
		margin-left: 14px;
	}
 
