/* ----- containers ----- */

.primary {
	float:right;
	padding:12px 0 30px;
	width:660px;
}

.secondary {
	float:left;
	padding-top:12px;
	width:180px;
}

.supplemental {
	float:right;
	margin-left:20px;
	max-width:400px;
}

/* ----- headers ----- */

.primary h2,
.primary h3 {
	margin-bottom:12px;
}

.primary h3 {
	line-height:1.4em;
}

h2.page-title {
	color:#ff0;
	font-size:2.8em;
	margin-bottom:12px;
	text-transform:uppercase;
}

/* ----- content ----- */

/* Images */

.image img {
	border:10px solid #d7d7d7;
}

.image .copyright {
	display:block;
	font-size:.9em;
	margin:3px 0 -12px;
	text-align:right;
}

.image .caption {
	display:block;
	font-family:georgia,serif;
	font-style:italic;
	font-weight:bold;
	margin-top:14px;
	text-align:center;
}

.image .description {
	font-size:.9em;
	margin:10px 0 0;
}

.left,
.right {
	/*
	width:340px;
	*/
}

.page h4 {
	font-family:georgia,serif;
	font-size:1.2em;
	font-weight:normal;
	margin:20px 0 6px;
	text-transform:uppercase;
}

.block {
	clear:both;
	margin:25px 0 30px;
	width:665px;
}

.left {
	float:left;
	margin:0 25px 20px 0;
}

.right {
	float:right;
	margin:0 0 20px 25px;
}

/* Documents */

.mediafile {
	margin:25px 0;
}

.mediafile h4 {
	font-size:1.2em;
	margin-bottom:4px;
}

.mediafile h5 {
	font-weight:normal;
	font-size:.9em;
	margin-bottom:8px;
}

/* Gallery */

#gallery {
	border:6px solid #262626!important;
	margin-bottom:30px!important;
}

#gallery .panel {
	background:#2c2c2c!important;
	text-align:center;
}

#gallery .panel-overlay h2 {
	font-size:1.2em;
	margin:5px 0 2px;
}

#gallery .panel-overlay p {
	line-height:1.2em;
}

#sb-container {
	/* put shadowbox way up top */
	z-index:999999!important;
}

#sb-title-inner {
	background:#303030;
	color:#ff0!important;
	padding-left:6px;
}

/* Related Info */

.related {
	margin-bottom:20px;
}

.related p {
	margin:0 0 15px;
}

.related p strong {
	color:#ff0;
	font-size:1.2em;
}

.related a {
	color:#fff;
	font-size:1.2em;
}

/* News */

.news-item {
	margin:25px 0 35px;
	overflow:hidden;
}

.news-item h3 {
	font-size:1.3em;
	font-weight:normal;
	line-height:1.4em;
	margin:0 0 3px;
	text-transform:uppercase;
}

.news-item h3 a:hover {
	text-decoration:none;
}

.news-item .news-content {
	line-height:1.4em;
	margin:10px 0;
}

.news-item a.more {
	clear:both;
	float:left;
	margin-top:4px;
}

/* Grants */

#recent-grants {
	background:#2c2c2c;
	border:6px solid #262626;
	overflow:hidden;
	margin-bottom:20px;
	padding:24px 20px 20px;
	width:300px;
}

#recent-grants h2 {
	font-size:2.4em;
	margin-bottom:20px;
	text-transform:uppercase;
}

.grant h3 {
	font-size:1.3em;
	margin:0 0 16px;
}

#detail.grant h3 {
	font-size:1.5em;
	margin-bottom:4px;
}

.grant h4 {
	font-size:1.1em;
	margin-bottom:2px;
}

#detail.grant {
	margin-bottom:40px;
}

#detail.grant p {
	margin:0 0 4px;
}

#detail.grant p.description {
	margin:16px 0;
}

#recent-grants .grant {
	z-index:0!important;
}

#recent-grants a.forward,
#recent-grants a.back {
	display:block;
	height:46px;
	margin-top:6px;
	text-indent:-9999px;
	width:46px;
}

#recent-grants a.forward {
	background:url(../images/btn_forward.png) no-repeat left top;
	float:right;
}

#recent-grants a.back {
	background:url(../images/btn_back.png) no-repeat left top;
	float:left;
}

/* Subpages & People */

.brief,
.person {
	margin:10px 0 0;
	overflow:hidden;
}

.person img {
	border:4px solid #262626;
	float:left;
	margin:0 20px 15px 0;
}

.brief h3,
.person h3 {
	font-size:1.8em;
	margin:8px 0 2px;
}

.brief h3 a:hover,
.person h3 a:hover {
	text-decoration:none;
}

.person h3.person-title {
	color:#ff0;
	font-size:2.6em;
	margin-top:0;
}

.brief h4,
.person h4 {
	font-size:1.2em;
	line-height:1.4em;
	margin-bottom:15px;
}

.brief h4 {
	margin-bottom:0;
}

.person.full {
	margin-top:0;
}

/* Columnarize the staff page. */

.staff-page .column1,
.staff-page .column2 {
	width:50%;
}

.staff-page .column1 {
	float:left;
}

.staff-page .column2 {
	float:right;
}

/* Special page styles */

.current-mission-impact-investments-page .region h2,
.current-mission-impact-investments-page .region strong {
	color:#ff0;
}