/*********************************************** 
				Browser reset
***********************************************/

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td {
	margin:0;
	padding:0;
}
table {
	border-collapse:collapse;
	border-spacing:0;
}
fieldset, img {
	border:0;
}
address, caption, cite, code, dfn, em, th, var {
	font-style:normal;
	font-weight:normal;
}
ol, ul {
	list-style:none;
}
caption, th {
	text-align:left;
}
h1, h2, h3, h4, h5, h6 {
	font-size:100%;
	font-weight:normal;
}
q:before, q:after {
	content:'';
}
abbr, acronym {
	border:0;
}
/*********************************************** 
				Tags
***********************************************/

body {
	font-size: 65.5%;
	background: #407A7B;
	font-size: 62.5%;
	color: #333;
	font-size: "Lucida Sans Unicode","Lucida Grande",Arial,Helvetica,sans-serif;
}

p, li {
	font-family: "Lucida Sans Unicode","Lucida Grande",Arial,Helvetica,sans-serif;
}

#content #leftCol li {
	font-size: 1.2em;
}

a {
	text-decoration: underline;
	color: #407A7B;
	font-weight: bold;
}

p {
	line-height: 1.6em;
	padding-bottom: 10px;
}

h1, h2, h3, h4, h5 {
	font-family: Helvetica, arial;
}

#rightCol a, #mainNav a, #home-rightCol a, #projects a, .h2Bttn a {
	font-weight: normal;
	text-decoration: none;
}

#leftCol a {
	font-family: "lucida sans", "Lucida Sans Unicode","Lucida Grande",Arial,Helvetica,sans-serif;
}

/*********************************************** 
				Global styles
***********************************************/

#shadow {
	background: url(../../images/background.gif) repeat-y #407A7B top center;
	width: 1094px;
	margin: auto;
}

#wrapper {
	width: 965px;
	margin: auto;
}

/* header area */

#header {
	position: relative;
	background: #ECE5D4;
	height: 130px;
	width: 971px;
	border-bottom: 5px solid #4D4D4D;
	margin-left: -1px;
	z-index: 2005;
}

#header h1 {
	background: url(../../images/logo.gif) no-repeat;
	position: absolute;
	top: 32px;
	left: 30px;	
}

#header h1 a {
	text-indent: -10000px;
	display: block;
	height: 84px;
	width: 124px;
}

#header #search {
	position: absolute;
	top: 80px;
	right: 20px;
	height: 30px;
}

#header #search input, #header #search label {
	float: left;
	font-size:1em;
	margin-right:5px;
	padding-top:1px;
}

#header #search input {
	border:1px solid #999999;
	height:17px;
	padding:3px 0 0 3px;
	width:146px;
	color: #333;
}

#header #search label span {
	color: #8E6944;
	font-size: 1.3em;
	font-family: Helvetica, arial;
	margin-top: 4px;
	float: left;	
}

#header #toolbarNav {
	position: absolute;
	top: 20px;
	right: 28px;	
	list-style: none;
}

#header #toolbarNav li {
	background: url(../../images/bulletHeader.gif) no-repeat right 0.6em;
	display: inline;
	padding: 0 15px 0 7px;
}

#header #toolbarNav li a {
	color: #8E6944;
	font-family: Helvetica, arial;
}

#header #toolbarNav li a:hover, #header #toolbarNav li a.sfhover {
	text-decoration: underline;
}

#header #mainNav {
	position: absolute;
	top: 135px;
	z-index: 1500;
}

#header #mainNav ul li {
	float: left;
	position: relative;
}

#header #mainNav ul li.L0hc a:hover span, #header #mainNav ul li.L0nc a:hover span, #header #mainNav ul li.L0hc a.sfhover span, #header #mainNav ul li.L0nc a.sfhover span {
	background: url(../../images/currentPointer.gif) no-repeat top center;
	padding-top: 8px;
	z-index: 2500;
}

#header #mainNav ul li.current {
	background: url(../../images/currentBackground.gif) repeat-x;
}


#header #mainNav ul li a {
	color: #FFF;
	font-size: 1.7em;
	font-family: Verdana, Helvetica, arial;
	display: block;
	background: url(../../images/navDivider.gif) repeat-y right center;
	padding:6px 20px 9px 15px;
	float: left;
	position: relative;
	line-height: 1.5em;
}

#header #mainNav ul ul {
	left: -999em;
	top: 32px;
	position: absolute;
	z-index: 99;
	width: 160px;
} 
/* hover */
#header #mainNav ul li:hover ul, #header #mainNav ul li.sfhover ul {
	left: 0;
	margin-top: 8px;
	margin-left: -2px;
	background-color: #CBB98A;
	border: 1px solid #4D4D4D;
	border-top: none !important;
	z-index: 2000;
}
/* hover */
#header #mainNav ul li:hover ul li, #header #mainNav ul li.sfhover ul li  {
	display: block;
	clear: left;
	position: relative;
	width: 160px;
	margin: 0 !important;
	padding: 0 !important;
}

#header #mainNav ul li ul li a {
	line-height: 1.6em;
	margin: 0 !important;
}

#header #mainNav ul li ul li a, #header #mainNav ul li ul li a {
	font-size: 1.1em;
	color: #333;
	display: block;
	padding: 5px 15px 5px 15px;
	background: none;
	margin: 0;
	width: 130px;	
}

#header #mainNav ul li ul:hover li:hover a, #header #mainNav ul li ul.sfhover li.sfhover a{
	background: #6E4D31 !important;
	color: #fff;
}

#header #mainNav ul ul li a:hover span {
	background: none !important;
}

#header #mainNav ul ul li.current {
	width: 160px !important;
	height: auto !important;
	background-color: #805f40;
}

#header #mainNav ul ul li.current a {
	color: #FFF;
}


/* Navigation background */

#navBar {
	background: url(../../images/navBar.gif) repeat-x top left;
	height: 40px;
	width: 971px;
	margin-left: -1px;
}

/* home banner */

#homeImage {
	background: url(../../images/homeImage.jpg) no-repeat;
	height: 212px;
	width: 971px;
	margin-left: -1px;
	position: relative;
	border-bottom: 1px solid #4D4D4D;
	border-top: 1px solid #4D4D4D;
}

#homeImage #introCopy {
	width: 415px;
	float: right;
	height: 212px;
	background: black;
	filter:alpha(opacity=50);
	-moz-opacity:0.5;
	-khtml-opacity: 0.5;
	opacity: 0.5;
}

#homeImage p#intro {
	color: #F8F0E1;
	font-size: 1.8em;
	font-family: Helvetica, arial;
	padding: 25px;
	line-height: 1.5em;
	width: 350px;
	position: absolute;
	right: 0px;
}

#homeImage a#introBttn {
	background: url(../../images/btts/viewMap.gif) no-repeat top left;
	text-indent: -10000px;
	position: absolute;
	right: 190px;
	bottom: 17px;
	width: 90px;
	height: 25px;
}


#pageTitle {
	background: url(../../images/pageTitleBack.jpg) no-repeat;
	height: 48px;
	width: 970px;
	border-top: 1px solid #4D4D4D;
	border-bottom: 1px solid #4D4D4D;
	position: relative;
	margin-left: -1px;
	overflow: hidden;
}

#pageTitle h2 {
	color: #fff;
	font-size: 3em;
	line-height: 1.6em;
	position: absolute;
	top: 0px;
	padding: 0 20px 0 15px;
	height: 48px;
	overflow: hidden;
}

#pageTitle div.transparentHeader h2{
	background: #000 repeat-x;
	filter:alpha(opacity=50);
	-moz-opacity:0.5;
	-khtml-opacity: 0.5;
	opacity: 0.5;
	border-right: 1px solid black;
	height: 48px;
	overflow: hidden;
}



#pageTitle div.transparentHeader h2 span {
	text-indent: -10000px;
}
/* content area */

#content {
	background: #F8F1E2 !important;
	padding: 0 !important;
	width: 970px !important;
	margin-left: -1px;
}

#content img {
	border: 1px solid #B3B3B3;
	padding: 4px;
}

#content #leftCol ul {
	margin-bottom: 10px;
}

#content #leftCol ul li {
	background: url(../../images/bulletContent.gif) no-repeat left 0.7em;
	padding-left: 10px;
}

#contentHome, #content {
	background: #fff;
	padding: 20px;
	width: 931px;
	margin-left: -1px;
}

#contentHome h2.brown span, #contentHome h2.green span, #contentHome #callToAction span {
	background:transparent url(../../images/btts/brownLeft.gif) no-repeat scroll left center;
	font-size:0.5em;
	padding:0px 0 0px 6px;
	position:absolute;
	right:6px;
	top:5px;
	float: left;
	height: 21px;
	display: block
}

#contentHome h2.green span {
}

#contentHome h2.brown span a, #contentHome h2.green span a, #contentHome #callToAction span a {
	background:transparent url(../../images/btts/brownRight.gif) no-repeat scroll right center;
	color:#ECD7AE;
	float:left;
	padding:0px 15px 0px 0;
	line-height: 21px;
}

#contentHome h2.brown span a {
}

#contentHome h2.brown, #contentHome h2.green {
	font-size: 2em;
	padding: 2px 10px 4px;
	color: #6E4D31;
	background: url(../../images/h2Brown.gif) repeat-x;
	position: relative;
	margin-bottom: 15px;
	font-family: Verdana, helvetica, arial;
}

#contentHome h2.green {
	background: url(../../images/h2Green.gif) repeat-x;
	color: #fff !important;
}

#contentHome h2.green span a {
	background: url(../../images/btts/greenRight.gif) no-repeat right center;
}

#contentHome h2.green span a, #contentHome h2.brown span a, #home-rightCol #callToAction #callToLink span a {
	font-family: Verdana, Helvetica, arial;
}

/* home page left column */

#home-leftCol {
	width: 523px;
	float: left;
	margin-right: 25px;
}

#home-leftCol p {
	padding-right: 20px;
}

#home-leftCol #projects, .projects #projects {
	margin: auto;
	width: 463px;
}

.projects #projects {
	width: 635px;
}

#home-leftCol #projects .project,  #content #leftCol #projects .project {
	float: left;
	margin: 14px 0;
	text-align: center;	
	width: 110px;
	padding: 0;
	background: none;
	font-size: 1em;
}

#content #leftCol #projects .project {
	margin: 14px 10px;
}

#home-leftCol #projects .education a, .projects #projects .education a {
	background: url(../../../../images/icons/education.gif) no-repeat 22px 0;
}

#home-leftCol #projects  .environment a, .projects #projects .environment a {
	background: url(../../../../images/icons/environment.gif) no-repeat 30px 0;
}

#home-leftCol #projects .rural a, .projects #projects .rural a {
	background: url(../../../../images/icons/rural.gif) no-repeat 29px 0;
}

#home-leftCol #projects .social a, .projects #projects .social a {
	background: url(../../../../images/icons/socialInclusion.gif) no-repeat 21px 0;
}

#home-leftCol #projects .entrepreneurship a, .projects #projects .entrepreneurship a {
	background: url(../../../../images/icons/microcredit.gif) no-repeat 36px 0;
}

#home-leftCol #projects .health a, .projects #projects .health a {
	background: url(../../../../images/icons/health.gif) no-repeat 28px 0;
}

#home-leftCol #projects .disaster a, .projects #projects .disaster a {
	background: url(../../../../images/icons/emergenc2.gif) no-repeat 27px 0;
}


.projects #projects .project img {
	margin-left: -5px;
}

#projects a { display: block; }

#home-leftCol #projects .project a, .projects #projects .project a {
	font-size: 1.2em;
	color: #4d4d4d;
	font-family: "Lucida Sans Unicode","Lucida Grande", Arial, Helvetica, sans-serif;
	padding: 63px 0 0px;
}


/* home page right column */

#home-rightCol {
	float: right;
	width: 377px;
}

#home-rightCol .newsItem, #leftCol .newsItem {
	border-bottom: 1px solid #B3B3B3;
	padding: 0 10px 10px !important;
	margin-left: 10px;
	margin-top: 10px;
	clear: both;
}

#home-rightCol .newsItem h5, #leftCol .newsItem h5 {
	font-size: 1.4em;
	margin-bottom: 5px;
	color: #6E4D31;
	float: left;
	width: 250px;
	line-height: 1.5em;
}

#leftCol .newsItem H5 {
	width: 480px !important;
}

#home-rightCol .newsItem span.date, #leftCol .newsItem span.date {
	float: right;
	line-height: 1.8em;
	font-family: Helvetica, arial;
	font-size: 1.1em;
	color: #407A7B;
}

#home-rightCol div.copy, #leftCol .newsItem div.copy {
	clear: both;
	margin-top: 5px;
}

#home-rightCol .newsItem img, #leftCol .newsItem img {
	float: left;
	padding: 3px;
	border: 1px solid #B3B3B3;
	margin: 2px 10px 0 0;
	width: 70px;
	height: 70px;
}

#home-rightCol .newsItem img {
	height: 50px;
	width: 50px;
}

#home-rightCol .noNews {
	padding-left: 10px;
}

#home-rightCol #callToAction {
	position: relative;
	background: url(../../images/callToAction.gif) no-repeat;
	height: 113px;
	width: 329px;
	padding: 23px;
	margin: 20px 0 0 10px;
}

#home-rightCol #callToAction h3 {
	color: #744B1E;
	font-size: 2.8em;
	margin-bottom: 5px;
	line-height: 1em !important;
}

#home-rightCol #callToAction img {
	float: left;
	margin-right: 10px;
}


#home-rightCol #callToAction p {
	width: 250px;
	float: left;
	font-size: 1.10em;
}

#home-rightCol #callToAction #callToLink {
	bottom:25px;
	position:absolute;
	right:100px;
}

#home-rightCol #callToAction #callToLink span {
	font-size: 1.1em;
	position: static;
	float: left;
}

#home-rightCol #callToAction #callToLink span a {
	padding: 0px 15px 0px 0;
}

/* standard left column */

#leftColPad {
	padding: 20px;
	float: left;
	background: #fff;
}

.news #leftColPad, .article #leftColPad {
	min-height: 339px;
}

.wide #leftColPad {
	width: 928px;
	min-height: inherit !important;
}

.wide #leftColPad #leftCol {
	width: auto;
	float: none;
}


#leftCol {
	width: 633px;
	float: left;
	margin-right: 25px;
}

#leftCol #breadcrumbs {
	font-family: "lucidia sans unicode", "lucidia grande", arial;
	font-size: 1.1em;
	margin-top: -10px;
	margin-bottom: 10px;
	float: right;
}

#leftCol #breadcrumbs a:hover {
	text-decoration: underline;
}

#leftCol #gallery {
	margin: auto;
	width: 610px;
}

#leftCol #gallery img {
	height: 120px;
	width: 120px;
	margin: 10px;
}

#leftCol #map {
	z-index: 1;
}

/* standard right column */

#rightCol {
	float: left;
	width: 230px;
	padding: 20px;
}

#rightCol #sideNav, #rightCol #news {
	border: 1px solid #B3B3B3;
	width: 220px;
	margin: auto;
	margin-bottom: 20px;
}

#rightCol #sideNav h4, #rightCol #news h4 {
	font-size: 1.7em;
	color: #fff;
	background: url(../../images/sideNavHeading4.gif) repeat-x;
	height: 29px;
	line-height: 1.7em;
	padding-left: 10px;
}

#rightCol #sideNav h4 a {
	color: #fff;
	padding: 3px 10px 3px 0px;
}

#rightCol #sideNav ul li {
	background: url(../../images/sideNavL0.gif) repeat-x #e6cb96; 
	border-top: 1px solid #fff;
}

#rightCol #sideNav ul li a {
	font-size: 1.3em;
	color: #4D4D4D;
	line-height: 26px;
	padding: 3px 10px 3px 20px;
	display: block;
}

#rightCol #sideNav ul li a:hover, #rightCol #sideNav ul li a.sfhover, #rightCol #sideNav ul li a.active {
	background: url(../../images/bulletSideNavl0.gif) no-repeat 0.6em 1.05em;
	color: #333;
}

#rightCol #sideNav ul ul li {
	background: url(../../images/sideNavL1.gif) repeat-x #f0e0c1;
}

#rightCol #sideNav ul ul li a {
	font-size: 1.1em;
	padding: 3px 10px 3px 30px;
	line-height: 24px;
}

#rightCol #sideNav ul ul li a:hover, #rightCol #sideNav ul ul li a.sfhover, #rightCol #sideNav ul ul li a.active {
	background: url(../../images/bulletSideNavl1.gif) no-repeat 1.4em 1em;
	padding-left: 30px;
}

#rightCol #news {
	margin-bottom: 0;
}

#rightCol #news h4 {
	position: relative;
}

#rightCol #news h4 span {
	font-size: 0.6em;
	position:absolute;
	right:4px;
	top:-1px;
	background: url(../../images/btts/brownLeft.gif) no-repeat left center;
	padding: 1px 0 1px 6px;
}

#rightCol #news h4 span a {
	background: url(../../images/btts/greenRight.gif) no-repeat right center;
	color: #ECD7AE;
	float: left;
	padding-bottom: 1px;
	padding-right: 15px;transparent url(../../images/bulletSideNavl0.gif) no-repeat scroll 0.6em 0.6em
	font-size: 1.2em;
	font-family: Verdana, Helvetica, Arial;
}

#rightCol #news div.newsModItem {
	padding: 10px;
	background: url(../../images/newsOdd.gif) repeat-x #f0dfc0;
	border-top: 1px solid #fff;
}

#rightCol #news div.even {
	background: url(../../images/newsEven.gif) repeat-x #e6ca96 !important;
}

#rightCol #news h5 {
	font-size: 1.5em;
	margin-bottom: 3px;
	color: #407A7B;
}

#rightCol #news .noNews {
	padding: 10px;
	background: url(../../images/newsOdd.gif) repeat-x #f0dfc0;
}

#rightCol #news #PageCounter {
	display: none;
}

/* footer */

#footer {
	background: url(../../images/footerbackground.gif) repeat-x top left;
	height: 50px;
	width: 971px;
	clear: both;
	border-top: 1px solid #4d4d4d;
	margin-left: -1px;
}

#footer #footerNav {
	margin-left: 20px;
	padding-top: 18px;
	float: left;
}

#footer #footerNav li {
	float: left;
	margin: 0 5px;
	background: url(../../images/bulletFooter.gif) no-repeat right 0.6em;
	padding-right: 15px;
}

#footer #footerNav li a {
	color: #fff;
	font-family: Helvetica, arial;	
}

#footer #footerNav li a:hover, #footer #footerNav li a.sfhover {
	text-decoration: underline;
}

#footer img {
	float: right;
	margin: 10px 10px 0 0;
}

#footer img.last {
	margin-right: 20px !important;
}

/*********************************************** 
			Common classes
***********************************************/

.clearFix {
	height: 1%;
}
.clearFix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.first {
	background: none !important;
	padding-left: 0 !important;
}

.firstMainNav {
	padding-left: 5px !important; 
}

.firstMainNav a {
	padding-left: 11px !important;
}

.read {
	color: #6E4D31;
	float: right;
	margin-top: -5px;
	background: url(../../images/bulletRead.png) no-repeat right 0.5em;
	padding-right: 8px;
	font-size: 1.2em;
	text-decoration: none;
	line-height: 1.2em;
	height: 15px;
}

.read:hover {
	text-decoration: underline;	
}

.headerLeft {
	margin-left: -20px;
}

.headerRight {
	margin-right: -20px;
}

.headerTop {
	margin-top: 5px;
}

.last {
	border: none !important;
	background: none !important;
	padding-right: 0 !important;
}

.clear {
	clear: both;
}
.noBorder {
	border: none !important;
	padding: 0 !important;
}