/* Normalization */

/* CSS Normalization based on HTML5 Boilerplate
 * html5boilerplate.com/docs/The-style/
*/

html { font-size: 100%; overflow-y: scroll; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }
body,
button,
input,
select,
textarea {
	color: #555;
	font: 13px/20px "Nimbus Sans L", "helvetica neue", arial, helvetica, sans-serif;
}

body {
	background: #fff;
	margin: 0;
}
/*
::-moz-selection { text-shadow: none; }
::selection { text-shadow: none; }
*/
a:hover, a:active { outline: 0; }
abbr[title] { cursor:help; border-bottom: 1px dotted; }
b, strong { font-weight: bold; }
dfn { cursor:help; font-style: italic; }
hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; }/*?*/
ins { background: #ff9; color: #000; text-decoration: none; }
pre, code, kbd, samp { font-family: monospace, serif; _font-family: 'courier new', monospace; font-size: 1em; }
pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; }
q { quotes: none; }
q:before, q:after { content: ""; content: none; }
small { font-size: 85%; }
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
sup { top: -0.5em; }
sub { bottom: -0.25em; }
img { border: 0; -ms-interpolation-mode: bicubic; vertical-align: middle; }
svg:not(:root) { overflow: hidden; }
form { margin: 0; }
fieldset { border: 0; margin: 0; padding: 0; }
label { cursor: pointer; }
legend { border: 0; *margin-left: -7px; padding: 0; }
button, input, select, textarea { font-size: 100%; margin: 0; vertical-align: baseline; *vertical-align: middle; }
button, input { line-height: normal; *overflow: visible; }
table button, table input { *overflow: auto; }
button, input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; -webkit-appearance: button; }
input[type="checkbox"], input[type="radio"] { box-sizing: border-box; padding: 0; }
input[type="search"] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; }
input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; }
button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }
textarea { overflow: auto; vertical-align: top; resize: vertical; }
input:valid, textarea:valid {  }
input:invalid, textarea:invalid { background-color: #f0dddd; }
table { border-collapse: collapse; border-spacing: 0; }
td { vertical-align: top; }

/* non-semantic helper classes */

/* For image replacement */
.ir { display: block; border: 0; text-indent: -999em; overflow: hidden; background-color: transparent; background-repeat: no-repeat; text-align: left; direction: ltr; *line-height: 0; }
.ir br { display: none; }

/* Hide from both screenreaders and browsers: h5bp.com/u */
.hidden { display: none !important; visibility: hidden; }

/* Hide only visually, but have it available for screenreaders: h5bp.com/v */
.visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }

/* Extends the .visuallyhidden class to allow the element to be focusable when navigated to via the keyboard: h5bp.com/p */
.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; }

/* Hide visually and from screenreaders, but maintain layout */
.invisible { visibility: hidden; }

/* Skip link styling starts here. */
/* First, the positioning CSS for the skip link and the skip target. Changing any of this will most likely break the skip link in one browser or another, so if you change it then TEST IT */
#skiplinkholder a,
#skiplinkholder a:link,
#skiplinkholder a:visited {
	display: block; 
	left: -200%; 
	position: absolute; 
	top: 0; 
	width: 99%; 
	z-index: 2;
}
#skiplinkholder a:focus, 
#skiplinkholder a:active {
	left: 0; 
	top: 0; 
	z-index: 100;
}
.skiptargetholder {
	position: absolute; 
	left: -200%;
}
/* You may find on certain page layouts that the skip link is appearing underneath other elements on the page in IE7 and below. If this is the case then try uncommenting the two statements below, and if that does not work then try increasing the z-index value above as well */
/*
*+html #skiplinkholder a:focus, *+html #skip a:active {position: relative}
* html #skiplinkholder a:active {position: relative}
*/
/* Now, the visual styling. Change this as desired */
#skiplinkholder a,
#skiplinkholder a:link,
#skiplinkholder a:visited {
	color: #099ddc; 
	background: #fff;
	text-decoration: underline;
}

/* the media object, see http://www.stubbornella.org/content/2010/06/25/the-media-object-saves-hundreds-of-lines-of-code/ */
.media,
.bd {
	overflow:hidden;
	_overflow:visible;
	zoom:1;
}
.media .img {
	float:left;
	margin-right: 10px;
}
.media .img img {
	display:block;
}
.media .imgExt{
	float:right;
	margin-left: 10px;
}
.clearfix:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
	}
.ie6 .clearfix,
.ie7 .clearfix {
	zoom: 1;
}


/* Typography */
button[type="email"],
button[type="submit"],
.faux-btn{
	background: #00a3e6;
	-webkit-box-shadow: 1px 1px 1px 1px rgba(0, 0, 0, .24);
	-moz-box-shadow: 1px 1px 1px 1px rgba(0, 0, 0, .24);
	box-shadow: 1px 1px 1px 1px rgba(0, 0, 0, .24);
	border: 0;
	color: #fff;
	font-size: 12px;
	line-height: 15px;
	margin-top: 8px;
	padding: 4px 7px;
    white-space: nowrap;
}

.faux-btn:hover{
    text-decoration: none;
}

.download-button { color: #fff !important;}

input.invalid {
	background: #f0dddd;
}
.validation_error {
	color: red;
	font-size: 11px;
	font-weight: bold;
	padding-bottom: 4px;
}
/* major layout regions */

#content-banner {
	padding-top: 20px;
	position: relative;
	z-index: 100;
}
#main-content {
	clear:both;
	float:left;
	padding-bottom: 40px;
	width:100%;
	z-index: 10;
}
.has_secondary #main-content,
.has_secondary_and_carousel #main-content {
	background: url("../images/backgrounds/cols-has_secondary.png") repeat-y left top;
}
.has_navigation_and_secondary #main-content {
	background: url("../images/backgrounds/cols-has_navigation_and_secondary.png") repeat-y left top;
}
.has_tertiary #main-content {
	background: url("../images/backgrounds/cols-has_tertiary.png") repeat-y left top;
}
#main-content.article-carousel {
	padding-bottom: 0px;
}

#main-sub-one {
	float: left;
	margin-top: 18px;
	width: 433px;
}
#main-sub-two {
	float: right;
	margin: 18px 0 0 46px;
	width: 460px;
}
#footer {
	clear: both;
}


/* minor layout regions */

.has_secondary #primary,
.has_secondary_and_carousel #primary,
#primary-wide {
	margin-right: 25px;
	padding: 24px 60px 0 0;
	width: 590px;
}
#primary-wide {
	padding-right: 30px;
	width: 620px;
}
.has_navigation #primary {
	padding: 25px 0 0 30px;
	width: 780px;
}
.has_tertiary #primary {
	margin-top: 40px;
	width: 675px;
}
.has_assets #primary {
	padding: 25px 80px 0 30px;
	width:620px;
}
.has_navigation_and_secondary #primary {
	margin-right: 25px;
	padding: 20px 25px 0 25px;
	width: 470px;
}
#primary,
#primary-wide,
#tertiary,
#navigation,
#assets {
	float: left;
}
#secondary {
	float: right;
	padding-top: 20px;
	width: 265px;
}
#tertiary {
	margin-right: 45px;
	padding-top: 40px;
	width: 220px;
}
#navigation {
	padding-top: 30px;
	width: 130px;
}
.has_navigation_and_secondary #navigation {
	width: 130px;
}
#assets {
	width: 210px;
}
#wrap {
	margin: 0 auto;
	padding: 0 20px;
	width: 940px;
}


/* HEADER */

#content-banner .logo {
	border-bottom: solid 1px #eee;
	padding-bottom: 12px;
}
#content-banner .logo a  {
	display: block;
	float: left;
	margin-top: 40px;
}
#content-banner .logo img{
    width:438px;
}

/* SITE SEARCH */
.login-search {
	position: absolute;
	right: 0;
	top: 72px;
	width: 310px;
}
.login-search a,
.login-search a:link {
	background: url(../images/backgrounds/arrow-grantee-login.png) no-repeat right 50%;
	color: #333;
	float: left;
	font-size: 11px;
	font-weight: bold;
	margin: 4px 0 0 0;
	padding-right: 7px;
}
.login-search a:hover {
	color: #009ddc;
	text-decoration: none;
}
.login-search form,
.login-search div {
	float: right;
	position: relative;
	width: 206px;
}
.login-search input[type="text"] {
	border: 1px solid #e6e6e6;
	color: #a7a7a7;
	font-size: 11px;
	height: 16px;
	padding: 5px 24px 2px 7px;
	width: 173px;
}
.login-search input::-webkit-input-placeholder {
	color: #a7a7a7;
}
.login-search input:-moz-placeholder {
	color: #a7a7a7;
}
.login-search button {
	background: url(../images/icons/site-search.png) left -43px;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow:none;
	height: 21px;
	margin-top: 0;
	position: absolute;
	right: 2px;
	top: 2px;
	width: 23px;
}
.login-search button:hover {
	background-position: left top;
	height: 23px;
	right: 1px;
	top: 1px;
}
.ie7 .login-search button:hover {
	top: 3px;
}


/* NAV */

.main-nav,
.sub-nav {
	float: left;
}
.main-nav {
	height: 28px;
	list-style: none;
	margin: 19px 13px 0 0 ;
	padding: 0;
}
.main-nav li {
	float: left;
	height: 28px;
}
.main-nav li.active {
	border-bottom: 8px solid #009bdb;
	height: 22px;
}
.main-nav li.active span {
	background: #fff;
	display: block;
	height: 22px;
}
.main-nav a,
.main-nav a:link {
	border-right: 1px solid #e6e6e6;
	color: #333;
	float: left;
	font-size: 14px;
	font-weight: bold;
	line-height: 15px;
	height: 15px;
	padding: 0 13px;
}
.main-nav a:hover {
	color: #009ddc;
	text-decoration: none;
}
.sub-nav h2 {
	margin-top: 20px;
}
.sub-nav h2 {
	color: #8d8c8c;
	float: left;
	font-size: 14px;
	line-height: 15px;
	margin: 14px 4px 0 0;
	padding: 0 0 20px 0;
}
.sub-nav {
	clear: none;
	height: 44px;
	list-style: none;
	margin-bottom: 0;
	margin-top: 5px;
	padding: 0;
	position: relative;
	width: 500px;
	z-index: 100;
}
.sub-nav ul {
	margin: 5px 0 0 0;
	padding: 0;
}
.ie7 .sub-nav ul {
	margin-top: 3px;
}
.sub-nav li {
	clear: none;
	float: left;
	list-style-type: none;
	position: relative;
	z-index: 200;
}
.sub-nav .open {
	-moz-box-shadow: 0 0 5px #dedede;
	-webkit-box-shadow: 0 0 5px #dedede;
	box-shadow: 0 0 5px #dedede;
}
.sub-nav-item > a {
	display: block;
	padding: 13px;
}
.js .sub-nav-item > a {
	background: url(../images/icons/nav-icon.png) no-repeat 95% 10px;
	border: solid 1px #fff;
	border-bottom: none;
	float: left;
	font-size: 12px;
	height: 18px;
	line-height: 18px;
	padding: 8px 25px 7px 6px;
}
.js .sub-nav-item > a:hover {
	background-position: 95% -60px;
	text-decoration: none;
}
.js.ie7 .sub-nav-item > a:hover {
	zoom:1;
}
.js .open > a {
	background-color: #fff;
	background-position: 95% -25px;
	border: solid 1px #ccc;
	border-bottom: solid 1px #f8f8f8;
	color: #ccc;
	position: relative;
	z-index: 200;
}
.sub-nav .open > a:hover {
	background-position: 95% -95px;
}
.sub-nav .sub-nav-dd {
	background: #fff;
	display: none;
	margin: 0;
	z-index: 100;
}
.sub-nav .sub-nav-dd .reset {
	background: url(../images/backgrounds/flyout-close.png) no-repeat top right;
	color: #999;
	position: absolute;
	bottom: 10px;
	right: 10px;
	padding-right: 20px;
	margin: 0;
	font-size: 12px;
	zoom:1;
}
.sub-nav .sub-nav-dd .reset:hover {
	background-position: bottom right;
	color: #099ddc;
	cursor: pointer;
}
.js .sub-nav .sub-nav-dd {
	border: solid 1px #ccc;
	-moz-box-shadow: 0 0 5px #dedede;
	-webkit-box-shadow: 0 0 5px #dedede;
	box-shadow: 0 0 5px #dedede;
	padding: 30px 0;
	position: absolute;
	top: 34px;
}
.js .sub-nav .two-col .sub-nav-dd {
	left: -180px;
	width: 451px;
}
.js .sub-nav .two-col .sub-nav-dd-wrap {
	background: url(../images/backgrounds/nav-dd-two.png) repeat-y;
}
.js .sub-nav .three-col .sub-nav-dd {
	left: -290px;
	width: 657px;
}
.js .sub-nav .three-col .sub-nav-dd-wrap {
	background: url(../images/backgrounds/nav-dd-three.png) repeat-y;
}
.open .sub-nav-dd {
	display: block !important;
}
.js .sub-nav .sub-nav-dd-wrap {
	overflow: hidden;
	padding: 0 20px;
}
.sub-nav .sub-nav-item-active .sub-nav-dd {
	z-index: 100;
}
.sub-nav .sub-nav-dd ul {
	float: left;
	padding: 0 13px;
	width: 175px;
}
.js .sub-nav .sub-nav-dd ul {
	margin: -3px 0 0 0;
	padding: 0 15px;
}
.sub-nav .sub-nav-dd li {
	float: none;
	padding-bottom: 5px;
}
.sub-nav .sub-nav-dd ul:first-child {
	border: none;
	padding-left: 15px;
}
.sub-nav .sub-nav-dd a {
	color: #777;
	text-decoration: none;
}
.sub-nav .sub-nav-dd a:hover {
	color: #009ddc;
	text-decoration: none;
}


/* FOOTER */
#footer {
	background: #f7f6f5;
	font-size: 12px;
	line-height: 1.35;
	padding: 0 5px 22px 0;
	position: relative;
	z-index: 1;
}
#footer ul {
	list-style-type: none;
}
#footer .tagline {
	background: #fff url("../images/graphics/tagline.png") no-repeat 20px 25px;
	border-top: solid 1px #e5e5e5;
	margin-top: 20px;
	padding: 25px 0 34px 20px;
	width: 920px;
}
.footer-header {
	background: url(../images/backgrounds/footer-header-bg.png) no-repeat left top;
	border-bottom: solid 1px #dedede;
	margin: 0 8px 5px 20px;
	padding: 20px 8px 10px 0;
	position: relative;
}
.footer-header p {
	margin: 0;
}
.follow li a,
.footer-header .footer-logo,
.footer-menu .home-link,
.legal li:first-child {
	background: url(../images/icons/footer_sprite.png) no-repeat;
	display: block;
}
.footer-header .footer-logo {
	height: 25px;
	width: 247px;
}
.follow {
	margin-bottom: 0;
	overflow: hidden;
	position: absolute;
	right: 0;
	top: 25px;
	width: 208px;
}
    .country-page .follow { width: auto !important; }
    
.follow .superheader {
	color: #878787;
	float: left;
	font-weight: normal;
	padding: 3px 10px 0 0;
}
.follow ul {
	margin-top: 2px;
	overflow: hidden;
}
.follow li {
	border-left: 1px solid #e0e0e0;
	float: left;
	height: 16px;
	margin-left: 8px;
	padding: 1px 0 0 8px;
}
.follow li a {
	display: block;
	height: 16px;
}
.follow li:first-child {
	border: none;
	margin: 0;
	padding-left: 0;
}
.follow .youtube {
	background-position: -63px -28px;
	width: 36px;
}
.follow .twitter {
	background-position: -115px -28px;
	width: 18px;
}
.follow .rss {
	background-position: -150px -27px;
	width: 16px;
}
.footer-menu {
	padding-left: 40px;
	padding-bottom: 10px;
}
.footer-menu .home-link {
	background-position: -169px -43px;
	margin-left: -25px;
	padding-left: 30px;
	padding-right: 0;
}
.footer-menu ul {
	float: left;
	padding-left: 0;
	width: 205px;
}
.footer-menu ul.about {
	width: 145px;
}
.footer-menu li {
	padding-top: 5px;
}
.footer-menu a,
.footer-menu a:link,
.footer-menu a:visited {
	color: #555;
	font-size: 11px;
	line-height: 1.35;
}
.footer-menu a:hover {
	color: #009ddc;
}
.footer-menu ul.home {
	padding-top: 5px;
	width: 130px;
}
    .country-page .footer-menu ul.home {
        width: 200px;
    }
.footer-menu h4 > a,
.footer-menu h4 > a:visited,
.footer-menu a.home-link {
	color: #0067b1;
	font-size: 12px;
	font-weight: bold;
	line-height: 1.35;
	padding-top: 5px;
}
.footer-menu h4 a:hover,
.footer-menu a.home-link:hover {
	color: #009ddc;
	text-decoration: none;
}
#footer .address {
    float: left;
    margin-top: 15px;
    padding-left: 0;
    width: 250px;
}
    #footer .address p {
        line-height: 18px;
        margin: 0px;
    }
#footer .copyright {
	background: #585858;
	color: #fff;
	font-size: 11px;
	padding: 5px 0 5px 26px;
	width: 320px;
}
#footer .legal {
	height: 30px;
	margin-left: 26px;
	padding-left: 0; /* overrides normalize */
}
#footer .legal li {
	border-left: 1px solid #e3e2e2;
	display: block;
	float: left;
	line-height: 20px;
	padding: 0 10px 0 12px;
}
#footer .legal li:first-child {
	background-position: 0 -59px;
	border: none;
	padding-left: 26px;
}
#footer .legal a {
	color: #666;
	font-size: 11px;
}
#ribbon {
	height: 4px;
	margin: 0;
	padding: 0;
	position: absolute;
	top: 0px;
	width: 100%;
}


body#embargo_page #ribbon{
  background:#eb1d0f;  
  height:auto;
  position:fixed;
  z-index:1000;
  color:#fff;
  padding-top:20px;
}
body#embargo_page #ribbon h3{
  font-size:16px; 
  font-weight:normal;
  text-transform:uppercase;
  color:#fff;
  margin:0;
  letter-spaceing:1px;
}
#ribbon .embargo-content-wrapper{
  margin:0 auto;
  padding: 0 20px;
  width: 940px;  
  position:relative;
}

#ribbon p{
  margin:0 0 1em 0; 
}
.embargo-status {
	position: absolute;
	right: 26px;
	top: -12px;;
	text-align:right;
  border: solid 1px #fff;
  padding:5px;
  line-height:1;
}
#ribbon .embargo-content-wrapper a{
  color:#fff;
  text-decoration:underline;
}
.embargo-login-message h3,
.embargo-login-message span.data{
  color:#d41e00;
  font-weight:bold;
  margin-top:0;
}
.embargo-login-message h3{
  font-size:16px;
  text-transform:uppercase;
}
/* Default Gradient */

.gradient {
	background-position: top center;
	background-image: url("../images/gradients/default.png");
	background-repeat: repeat-y;
}
/* Population & Reproductive health */
.orange-gold .gradient {
	background-image: url("../images/gradients/orange-gold.png");
}
/* Policy Research */
.blue-indigo .gradient {
	background-image: url("../images/gradients/blue-indigo.png");
}
/* Global Migration & Human Mobility */
.pink-purple .gradient {
	background-image: url("../images/gradients/pink-purple.png");
}
/* Media */
.purple-pink .gradient {
	background-image: url("../images/gradients/purple-pink.png");
}
/* Media & Learning */
.yellow-pink .gradient {
	background-image: url("../images/gradients/yellow-pink.png");
}
/* Fellows */
.magenta-purple .gradient {
	background-image: url("../images/gradients/magenta-purple.png");
}
/* Affordable Housing */
.green-blue .gradient {
	background-image: url("../images/gradients/green-blue.png");
}
/* Community & Economic Development */
.gold-magenta .gradient {
	background-image: url("../images/gradients/gold-magenta.png");
}
/* Conservation */
.lime-green .gradient {
	background-image: url("../images/gradients/lime-green.png");
}
/* Higher Education in Russia & Africa */
.dark-orange-gold .gradient {
	background-image: url("../images/gradients/dark-orange-gold.png");
}
/* International Peace & Security */
.green-aqua .gradient {
	background-image: url("../images/gradients/green-aqua.png");
}
/* Juvenile Justice */
.blue-purple .gradient {
	background-image: url("../images/gradients/blue-purple.png");
}
/* Arts and Culture */
.blue-magenta .gradient {
	background-image: url("../images/gradients/blue-magenta.png");
}
/* Human Rights */
.orange-yellow .gradient {
	background-image: url("../images/gradients/orange-yellow.png");
}
/* Not currently used */
.orange-magenta .gradient {
	background-image: url("../images/gradients/orange-magenta.png");
}

/* Error Page */

#main-content.error-page {
  background: none;
  width: 750px;
}

.error-page {
	padding: 88px 0 40px 52px;
	min-height: 226px;
}
.error-page h1 {
	background: url("../images/icons/error.png") no-repeat;
	color: #333;
	font-size: 64px;
	line-height: 72px;
	padding-left: 84px;
}

.error-page p {
	font-size: 14px;
	margin: 0;
	padding-left: 84px;
}


/* Thank You Page */

.thank-you-page {
	padding: 88px 0 40px 0;
	min-height: 226px;
}
.thank-you-page #secondary {
  float: none;
  margin: 0px auto;
}
.thank-you-page h1 {
	color: #333;
	font-size: 64px;
	line-height: 72px;
  text-align: center;
}
.thank-you-page p {
	font-size: 14px;
	margin: 0;
  text-align: center;
}


/* Hiding the counts on the sharethis widgets */

.stArrow {
	display: none !important;
}

.past-board-members img {
	padding: 5px;
	border: 1px solid #e1e1e1;
	margin: 15px 0;
}
.past-board-members div:nth-child(odd) {
	clear: left;
}