@charset "utf-8";
/* CSS Document */

@import url("core/base.css");

html {
	background-color: #d9d9d9;
	background-image: url(../../_sharedimg/background-splice.jpg);
	background-repeat: repeat-x;
	padding: 0;
	margin: 0;
}

body {
	padding: 0;
	margin: 0;
	background: url(../../_sharedimg/background.jpg) no-repeat center top;
	color: #61696c;
	width: 100%;
	display: table;
}

#wrapper{
	width:960px;
	margin:0px auto 0px auto;
}

#wrapper_header{
	float:left;
	position:relative;
	width:960px;
	height:353px;
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
	border-bottom:solid 1px #FFF;	
}
#wrapper_header img{
	float:left;
}

#header_banner{
	float:left;
	width: 960px;
	height:180px;
}

#header_banner_section{
	border-right:solid 2px #FFF;	
}

#wrapper_body{
	float:left;
	position:relative;
	width:960px;
	min-height:610px;
	height:610px;
	height:auto!important;
	margin:0px 0px 0px 0px;
	padding:0px 0px 35px 0px;
	background-image: url(../../_sharedimg/content-background.gif);
	background-repeat: no-repeat;
	background-position: left top;
	background-color: #FFF;
}

/*----Content Grids---*/


#submenu{
	float:left;
	width:200px;
	padding:0px 20px 0px 20px;
}

#content_620{
	float:left;
	width:621px;
	padding:21px 99px 0px 0px;
}

#content_670{
	float:left;
	width:670px;
	padding:15px 49px 0px 0px;
}

#content_480{
	float:left;
	width:480px;
	padding:21px 0px 0px 0px;
}

#content_180{
	float:left;
	width:180px;
	padding:22px 24px 0px 35px;
}

#content_180 p{
	color:#b0b4b5;
}
#content_180 p a {
	color:#313131;
	text-decoration: none;
	font-weight: bold;
}

#content_298_left{
	float:left;
	width:298px;
	padding:3px 23px 0px 0px;
	margin:0px;
}

#content_298_right{
	float:left;
	width:298px;
	padding:3px 0px 0px 0px;
	margin:0px;
}


/*----Footer----*/

#footer{
	width:966px;
	position:relative;
	background-color: #d9d9d9;
	margin:0 auto 0 auto;
	height:100px;
	clear:both;
}

#footer_text{
	position:absolute;
	top:13px;
	left:13px;
	color:#898e90;
	font-size:0.9em;
	width: 408px;
}

#footer_text a{
	color:#898e90;
	text-decoration:none;
}
#footer_text a:hover{
	text-decoration:underline;
}

#fraynework{
	position:absolute;
	top:12px;
	right:0px;
}




/*-------Top Menu-------*/

#menu{
	float:left;
	width: 960px;
	height: 38px;
	background-image: url(../../_sharedimg/header_bg.gif);
	background-position: right bottom;
	margin:0px 0px 1px 0px;
}

#topmenu{
	position:relative;
	width: 639px;
	height: 38px;
	background-image: url(../../_sharedimg/navigation-sprite.gif);
	padding:0px;
	margin:0px;
}

#topmenu li {
	margin: 0; 
	padding: 0; 
	list-style: none;
	position: absolute; 
	top: 0;
	background-image:none;
}
#topmenu li, #topmenu a {
	height: 38px; 
	display: block;
}

#topmenu_01 {left: 0; width: 118px;}
#topmenu_02 {left: 118px; width: 118px;}
#topmenu_03 {left: 236px; width: 191px;}
#topmenu_04 {left: 427px; width: 128px;}
#topmenu_05 {left: 555px; width: 84px;}


#topmenu_01 a:hover {background: transparent url(../../_sharedimg/navigation-sprite.gif) 0px -38px no-repeat;}
#topmenu_02 a:hover {background: transparent url(../../_sharedimg/navigation-sprite.gif) -118px -38px no-repeat;}
#topmenu_03 a:hover {background: transparent url(../../_sharedimg/navigation-sprite.gif) -236px -38px no-repeat;}
#topmenu_04 a:hover {background: transparent url(../../_sharedimg/navigation-sprite.gif) -427px -38px no-repeat;}
#topmenu_05 a:hover {background: transparent url(../../_sharedimg/navigation-sprite.gif) -555px -38px no-repeat;}


/*-------SUB Menu-------*/

ul#contextmenu {
	float:left;
	width:200px;
	padding:0px;
	margin:5px 0px 26px 0px;
}
				

ul#contextmenu li{
	list-style-type:none;
	display:block;
	padding:7px 0px 7px 0px;
	margin:0px 0px 0px 0px;
	background-image: url(../../_sharedimg/submenu_dots.gif);
	background-repeat: repeat-x;
	background-position: left bottom;
}
ul#contextmenu li ul {
	width:200px;
	padding:0px;
	margin:5px 0px 0px 0px;
}
ul#contextmenu li ul li{
	list-style-type:none;
	display:block;
	padding:7px 0px 7px 0px;
	margin:0px 0px 0px 0px;
	background-image: url(../../_sharedimg/submenu_dots.gif);
	background-repeat: repeat-x;
	background-position: left top;
}
ul#contextmenu li ul li:last-child {
	padding-bottom: 0px;
}
ul#contextmenu li ul li a {
	background-image: url(../../_sharedimg/bullet.gif);
	background-repeat: no-repeat;
	background-position: 3px 7px;
	padding-left: 20px;
}
ul#contextmenu li a{
	display:block;
	color:#7b8285;
	font-size:1.2em;
	font-weight:normal;
	text-decoration:none;
	padding:0px 0px 0px 0px;
}

ul#contextmenu li a:hover{
	display:block;
	color:#00aef0;
	text-decoration:none;
}

ul#contextmenu li a.selected{
	display:block;
	color:#3c3939;
	text-decoration:none;
}


/*-------FORM styles-------*/

select.styled {height:26px; width:182px;}

input,
select,
textarea {
	font-family:Arial, Helvetica, sans-serif!important;
	font-size:12px!important;
	line-height:1em!important;
	color:#60696e;
}

span.select {
	position: absolute;
	width: 170px; /* With the padding included, the width is 190 pixels: the actual width of the image. */
	padding: 2px 0px 1px 10px;
	height: 26px;
	color: #60696e;
	border: 1px solid #e1ddd4;
	font: 12px/21px arial,sans-serif;
	background: #FFF url("../../private/_lib/img/widgets/btn_select.gif") right 50% no-repeat;
	overflow: hidden;
}


/*-------Program styles-------*/

#other_programs_box{
	float:left;
	width:193px;
	height:72px;
	margin:20px -1px 0px -1px;
	padding:43px 0px 0px 9px;
	background-image: url(../../_sharedimg/other-programs-box.gif);
	background-repeat: no-repeat;
}
#other_programs_form{
	width:182px;
}

/*-------Program styles ( Colourful Boxes) -------*/


div.program_pod_1 img, div.program_pod_2 img, div.program_pod_3 img, div.program_pod_4 img, div.program_pod_5 img, div.program_pod_6 img, div.program_pod_7 img{
	position:absolute;
	top:0px;
	left:0px;
}


div.program_pod_1 p, div.program_pod_2 p, div.program_pod_3 p, div.program_pod_4 p, div.program_pod_5 p, div.program_pod_6 p, div.program_pod_7 p{
	margin:5px 0px 6px 0px;
	padding:0px;
}

div.program_pod_link{
	float:left;
	padding:20px 0px 0px 0px;
}

div.program_pod_1{
	float:left;
	position:relative;
	width:210px;
	padding:140px 0px 0px 0px;
	margin:0px 20px 20px 0px;
	background-color:#ca406d;
	color:#FFF;
}

div.program_pod_2{
	float:left;
	position:relative;
	width:210px;
	padding:140px 0px 0px 0px;
	margin:0px 19px 20px 0px;
	background-color:#32558d;
	color:#FFF;
}

div.program_pod_3{
	float:left;
	position:relative;
	width:210px;
	padding:140px 0px 0px 0px;
	margin:0px 0px 20px 0px;
	background-color:#7554a1;
	color:#FFF;
}

div.program_pod_4{
	float:left;
	position:relative;
	width:210px;
	padding:140px 0px 0px 0px;
	margin:0px 20px 20px 0px;
	background-color:#664a3f;
	color:#FFF;
}

div.program_pod_5{
	float:left;
	position:relative;
	width:210px;
	padding:140px 0px 0px 0px;
	margin:0px 19px 20px 0px;
	background-color:#e99d09;
	color:#FFF;
}

div.program_pod_6{
	float:left;
	position:relative;
	width:210px;
	padding:140px 0px 0px 0px;
	margin:0px 0px 20px 0px;
	background-color:#39b567;
	color:#FFF;
}

div.program_pod_7{
	float:left;
	position:relative;
	width:210px;
	padding:140px 0px 0px 0px;
	margin:0px 20px 20px 0px;
	background-color:#a72632;
	color:#FFF;
}

#article_links_programs{
	color:#FFF;
	text-decoration:none;
	font-weight:bold;
	background-image: url(../../_sharedimg/arrow_white.png);
	background-position: left 4px;
	background-repeat: no-repeat;
	padding:0px 0px 0px 12px;
	margin:10px 0 0 10px;
}
img.program_image {
	width: 210px;
	height: 140px;
}
#link_pod_1{
	height:38px;
	display:block;
	padding-top:62px;
	text-decoration:none;
	color:#fff;
	background-image: url(../../programs/_img/title-thearts.gif);
	background-repeat: no-repeat;
	background-position: 10px 12px;
}

#link_pod_1:hover{
	text-decoration:underline;
}

#link_pod_2{
	height:38px;
	display:block;
	padding-top:62px;
	text-decoration:none;
	color:#fff;
	background-image: url(../../programs/_img/title-beyond.gif);
	background-repeat: no-repeat;
	background-position: 10px 12px;
}

#link_pod_2:hover{
	text-decoration:underline;
}

#link_pod_3{
	height:38px;
	display:block;
	padding-top:62px;
	text-decoration:none;
	color:#fff;
	background-image: url(../../programs/_img/title-education.gif);
	background-repeat: no-repeat;
	background-position: 10px 12px;
}

#link_pod_3:hover{
	text-decoration:underline;
}
#link_pod_4{
	height:38px;
	display:block;
	padding-top:62px;
	text-decoration:none;
	color:#fff;
	background-image: url(../../programs/_img/title-g4.gif);
	background-repeat: no-repeat;
	background-position: 10px 12px;
}

#link_pod_4:hover{
	text-decoration:underline;
}

#link_pod_5{
	height:38px;
	display:block;
	padding-top:62px;
	text-decoration:none;
	color:#fff;
	background-image: url(../../programs/_img/title-poverty.gif);
	background-repeat: no-repeat;
	background-position: 10px 12px;
}

#link_pod_5:hover{
	text-decoration:underline;
}

#link_pod_6{
	height:38px;
	display:block;
	padding-top:62px;
	text-decoration:none;
	color:#fff;
	background-image: url(../../programs/_img/title-sustainability.gif);
	background-repeat: no-repeat;
	background-position: 10px 12px;
}

#link_pod_6:hover{
	text-decoration:underline;
}

#link_pod_7{
	height:38px;
	display:block;
	padding-top:62px;
	text-decoration:none;
	color:#fff;
	background-image: url(../../programs/_img/title-special.gif);
	background-repeat: no-repeat;
	background-position: 10px 12px;
}

#link_pod_7:hover{
	text-decoration:underline;
}

	




/*-------News and Publications styles-------*/

div.news_item{
	float:left;
	position:relative;
	width:410px;
	height:130px;
	min-height:130px;
	height:auto!important;
	padding:0px 0px 13px 210px;
	margin:5px 0px 10px 0px;
	background-image: url(../../_sharedimg/news_dots.gif);
	background-repeat: repeat-x;
	background-position: left bottom;
}

div.news_item img{
	position:absolute;
	top:1px;
	left:1px;
}

div.news_item h3{
	margin:0px;
	padding:3px 0px 8px 0px;
}

div.news_item p{
	margin:0px 0px 0px 0px;
}

.news_date{
	color:#afb3b5;
	font-size:0.7em;
	font-style:italic;
	margin:0px;
	padding:0px;
}

div.news_link{
	padding-top:16px;	
}
div#content_180 div.news_link{
	padding-top: 0px;	
}

div.news_date_paragraph p{
	padding:9px 0px 0px 0px;	
	margin:0px;
	line-height:1.0em;
}

div#content_180 div#featureProjects img { padding-bottom: 8px; }
div#content_180 div#featureProjects { padding-top: 6px;}
div#content_180 div#featureProjects p { line-height: 1.4em;}