/* 
Agency:  Digital Overload Ltd. (www.digitaloverload.co.uk)
Client:  Barrow Cadbury Trust on behalf of Orangutan Studio
Comment: Base Stylesheet

----------------------
Contents:

@import Reset stylsheet

1. Generic HTML Styles
2. Parent Layout Styles
3. Header Styles
4. Content Styles
5. Content Styles (W/Nav)
6. Editorial Styles (W/Nav)
7. Left Nav Styles
8. Callout Styles
9. Landing Page Styles
10. Homepage Styles
11. Footer Styles
12. Misc Styles

*/

/* Reset default browser rendering */
@import url("reset.css");

/* **************************************** */
/* = Generic HTML Styles */

body {
	font-family:				Arial, Helvetica, sans-serif;
	font-size:					small;
	background:					#EEF2F5 url(../images/bg_body.gif) top center repeat-y;	
	text-align:					center;
}

/* **************************************** */
/* = Parent Layout Styles */

#wrapper {
	text-align:					left;
	width:						890px;
	margin:						auto;
	background:					url(../images/bg_wrapper.gif) 0 0 no-repeat;
	padding:					0 9px;
}

/* **************************************** */
/* = Header Styles */

#header {
	min-height:					182px;
	background:					url(../images/bg_header.gif) bottom left no-repeat;
}

#header ul {
	background:					url(../images/bg_nav.png) 0 0 no-repeat;
	position:					relative;
	top:						105px;
	left:						33px;
	min-height:					34px;
	padding-left:				18px;
}

#header ul li {
	float:						left;
	padding-top:				5px;
}

#header ul li a {
	height:						21px;
	background-position:		0 0;
	display:					block;
}

#header ul li a strong {
	height:						0;
	width:						0;
	line-height:				0;
	font-size:					1%;
	overflow:					hidden;
	position:					relative;
	display:					block;
}

/* Start CSS Sprite Technique */

#wrapper #header ul li a:hover,
#wrapper #header ul li a:focus,
#wrapper #header ul li.selected a {
	background-position:		bottom left;
}

#header ul li#btn-home a {
	width:						54px;
	background:					url(../images/btn_home.gif) 0 0 no-repeat;
}

#header ul li#btn-aboutus a {
	width:						67px;
	background:					url(../images/btn_aboutus.gif) 0 0 no-repeat;
}

#header ul li#btn-grants a {
	width:						53px;
	background:					url(../images/btn_grants.gif) 0 0 no-repeat;
}

#header ul li#btn-programmes a {
	width:						86px;
	background:					url(../images/btn_programmes.gif) 0 0 no-repeat;
}

#header ul li#btn-casestudies a {
	width:						85px;
	background:					url(../images/btn_casestudies.gif) 0 0 no-repeat;
}

#header ul li#btn-publicationsandreports a {
	width:						141px;
	background:					url(../images/btn_publicationsandreports.gif) 0 0 no-repeat;
}

#header ul li#btn-news a {
	width:						46px;
	background:					url(../images/btn_news.gif) 0 0 no-repeat;
}

#header ul li#btn-faqs a {
	width:						45px;
	background:					url(../images/btn_faqs.gif) 0 0 no-repeat;
}

#header ul li#btn-contacts a {
	width:						64px;
	background:					url(../images/btn_contacts.gif) 0 0 no-repeat;
}

#header ul li#btn-usefullinks a {
	width:						80px;
	background:					url(../images/btn_usefullinks.gif) 0 0 no-repeat;
}

/* Used to treat the logo */
#header ul li a img {
	position:					absolute;
	top:						-86px;
	left:						0px;
}

/* **************************************** */
/* = Content Styles */
#content {
	padding:					26px 35px 70px 35px;
}

#content:after {
	content:					".";
	clear:						both;
	visibility:					hidden;
	display:					block;
	height:						0;
	line-height:				0;
}

#content #editorial {
	width:						503px;
	float:						left;
	background:					#E9EBF3 url(../images/bg_content_editorial_default_top.gif) 0 0 no-repeat;
	padding-top:				22px;
}

#content #editorial .inner-content {
	background:					none;
	padding:					0 20px 100px 16px;
	color:						#2C2B50;
}

/* **************************************** */
/* = Content Styles (W/Nav) */
#content.hasnav {
	float:						right;
	padding-left:				0;
	width:						615px;
}

/* Currently default blue */
#content.hasnav #editorial {
	float:						left;
	width:						440px;
	background:					#E9EBF3 url(../images/bg_center_content_default_top.gif) 0 0 no-repeat;
	padding-top:				16px;
}

#content.hasnav #editorial .inner-content {
	background:					url(../images/bg_center_content_default_base.gif) bottom left no-repeat;
	padding:					0 20px 80px 16px;
}

/* Currently Purple */
#content.hasnav #editorial.highlighta {
	background-image:			url(../images/bg_center_content_highlighta_top.gif);
	background-color:			#D0D6DD;
}
#content.hasnav #editorial.highlighta .inner-content {
	background-image:			url(../images/bg_center_content_highlighta_base.gif);
}
#content.hasnav #editorial.highlighta .inner-content,
#content.hasnav #editorial.highlighta h2  {	
	color:						#41536b;
}
#content.hasnav #editorial.highlighta h1,
#content.hasnav #editorial.highlighta a {
	color:						#1C2F3E;
}	
#content.hasnav #editorial.highlighta a:hover {
	background-color:			#fff;
	color:						#1C2F3E;
}	
#content.hasnav #editorial.highlighta li p a,
#content.hasnav #editorial.highlighta a.action-link {
	background-image:			url(../images/bg_content_highlighta_a.gif);	
}
#content.hasnav #editorial.highlighta li p a:hover,
#content.hasnav #editorial.highlighta a.action-link:hover{
	background-image:			url(../images/bg_content_highlighta_a_hover.gif);	
}

#content.hasnav #editorial.highlighta ol.light p a,
#content.hasnav #editorial.highlighta ul.light p a{
	background-image:			none;
	padding-right:				0;
	font-weight:				normal;
}



/* Currently Green */
#content.hasnav #editorial.highlightb {
	background-image:			url(../images/bg_center_content_highlightb_top.gif);
	background-color:			#ECF4D6;
}
#content.hasnav #editorial.highlightb .inner-content {
	background-image:			url(../images/bg_center_content_highlightb_base.gif);
}
#content.hasnav #editorial.highlightb .inner-content,
#content.hasnav #editorial.highlightb h2,
#content.hasnav #editorial.highlightb a  {	
	color:						#093B0B;
}
#content.hasnav #editorial.highlightb a:hover  {	
	background-color:			#093B0B;
	color:						#fff;
}
#content.hasnav #editorial.highlightb h1 {
	color:						#669B09;
}
#content.hasnav #editorial.highlightb li p a {
	background-image:			url(../images/bg_content_highlightb_a.gif);	
}
#content.hasnav #editorial.highlightb li p a:hover {
	background-image:			url(../images/bg_content_highlightb_a_hover.gif);	
	background-color:			#093B0B;
	color:						#fff;
}

#content.hasnav #editorial.highlightb ol.light p a,
#content.hasnav #editorial.highlightb ul.light p a{
	background-image:			none;
	padding-right:				0;
	font-weight:				normal;
	text-decoration:			underline;
}

#content #editorial.highlightb .pullquote {
	background:					url(../images/bg_content_highlightb_pullquote.png) bottom left no-repeat;
}
#content #editorial.highlightb .pullquote p {
	color:						#fff;
}
#content #editorial.highlighta .pullquote {
	background:					url(../images/bg_content_highlighta_pullquote.png) bottom left no-repeat;
}
#content #editorial.highlightc .pullquote {
	background:					url(../images/bg_content_highlightc_pullquote.png) bottom left no-repeat;
}





/* Currently Pink */
#content.hasnav #editorial.highlightc {
	background-image:			url(../images/bg_center_content_highlightc_top.gif);
	background-color:			#ECE1E8;
}
#content.hasnav #editorial.highlightc .inner-content {
	background-image:			url(../images/bg_center_content_highlightc_base.gif);
}
#content.hasnav #editorial.highlightc .inner-content,
#content.hasnav #editorial.highlightc h2,
#content.hasnav #editorial.highlightc a,
#content.hasnav #editorial.highlightc a.action-link  {	
	color:						#3A0525;
}
#content.hasnav #editorial.highlightc a:hover,
#content.hasnav #editorial.highlightc a.action-link:hover  {	
	background-color:			#3A0525;
	color:						#fff;
}
#content.hasnav #editorial.highlightc li p {	
	color:						#986883;
}
#content.hasnav #editorial.highlightc li p a {
	background-image:			url(../images/bg_content_highlightc_a.gif);	
}
#content.hasnav #editorial.highlightc li p a:hover {
	background-image:			url(../images/bg_content_highlightc_a_hover.gif);	
}

#content.hasnav #editorial.highlightc ol.light p a,
#content.hasnav #editorial.highlightc ul.light p a{
	background-image:			none;
	padding-right:				0;
	font-weight:				normal;
}


/* **************************************** */
/* = Editorial Styles (W/Nav) */
#content #editorial h1 {
	color:						#780149;
	font-size:					200%;
	margin-bottom:				0.8em;
}

#content #editorial h1.category {
	color:						#780149;
	font-size:					150%;
	margin-bottom:				0;
	font-weight:				bold;
}

#content #editorial h2 {
	color:						#780149;
	font-size:					150%;
	font-weight:				bold;
	margin-bottom:				0.2em;
}

#content #editorial h3.subhead {
	font-size:					120%;
	font-weight:				bold;
	padding:					0;	
	margin-bottom:				0.2em;
	/*color:						#780149;*/
}

#content #editorial .news h3  {
	color:						#780149;
	}

#content #editorial h2.title {
	color:						#780149;
	font-size:					200%;
	margin-bottom:				0.8em;
	font-weight:				normal;
	margin-top:					-4px;
}

#content #editorial {
	font-size:					90%;
}

#editorial a {
	color:						#780149;
}

#editorial a:hover {
	background:					#780149;
	color:						#fff;
	text-decoration:			none;
}

#content #editorial p {
	margin-bottom:				1em;
}

#content #editorial p.lead {
	font-weight:				bold;
	margin-bottom:				2em;
}

#content #editorial li h2 {
	color:						#780149;
	margin-bottom:				0.2em;
	font-size:					100%;
}

#content #editorial .news h2 {
	font-weight:				bold;
}
#content #editorial .news h3 {
	font-weight:				normal;
	
}
#content #editorial .news {
	margin-bottom:				70px;
}

#content #editorial li h2 a {
	background:					none;
	padding:					0;
	padding-left:				1px;
	margin-left:				-1px;
}

#content #editorial li h2 a:hover {
	background:					#6A0342;
	color:						#fff;
}

#content #editorial ul li {
	background:					url(../images/bg_content_default_dotted.gif) bottom left repeat-x;
	padding-bottom:				10px;
	margin-top:					20px;
}

#content #editorial li p {
	margin-bottom:				0.2em;
}

#content #editorial li a,
#content #editorial .link a{
	color:						#780149;
	padding-right:				7px;
	background:					url(../images/bg_content_default_a.gif) right 0.4em no-repeat;
	text-decoration:			none;
	font-weight:				bold;
	padding-left:				1px;
	margin-left:				-1px;
}

#content #editorial .link a {
	color:						#2C2B50;
}

#content #editorial li a:hover,
#content #editorial .link a:hover {
	color:						#fff;
	background:					#6A0342 url(../images/bg_content_default_a_hover.gif) right 0.4em no-repeat;
}

#content #editorial .pullquote {
	width:						202px;
	float:						left;
	margin-right:				20px;
	margin-bottom:				20px;
}

#content #editorial .pullquote p {
	font-size:					160%;
	margin:						0;
	padding:					7px 10px 10px;	
}

#content #editorial .widget {
	background:					#6B0940 url(../images/bg_content_widget_top.png) 0 0 no-repeat;
	padding-top:				22px;
	margin-top:					2em;
	width:						391px;
	margin-bottom:				14px;
}

#content #editorial .widget div {
	background:					url(../images/bg_content_widget_base.png) bottom left no-repeat;
	padding:					0 30px 30px 14px;
	color:						#fff;
}

#content #editorial .widget h1,
#content #editorial .widget h2,
#content #editorial .widget h3,
#content #editorial .widget h4,
#content #editorial .widget h5,
#content #editorial .widget h6 {
	padding:					0 0 11px;
	margin:						0;
	font-size:					100%;
	background:					url(../images/bg_content_widget_dotted.gif) bottom left repeat-x;
}

#content #editorial .widget ul {
	background:					url(../images/bg_content_widget_dotted.gif) bottom left repeat-x;
	padding:					10px 0 17px;
	margin:						0;
}

#content #editorial .widget ul li {
	background:					none;
	padding:					0;
	margin:						0 0 3px;
}

#content #editorial .widget ul li a {
	background-image:			url(../images/bg_content_widget_a.gif);
	color:						#FCD8EE;
}

#content #editorial .widget ul li a:hover {
	background-image:			url(../images/bg_content_widget_a_hover.gif);
	background-color:			#fff;
	color:						#670C3D;
}

#content #editorial .faqs {
	background:					#6B0940 url(../images/bg_faqs_top.png) 0 0 no-repeat;
	padding-top:				23px;
	margin-top:					2em;
	width:						405px;
}

#content #editorial .faqs div {
	background:					url(../images/bg_faqs_base.png) bottom left no-repeat;
	padding:					0 30px 20px 14px;
	color:						#fff;
}

#content #editorial .faqs ol {
	padding:					16px 0 13px 30px;
	margin:						0;
	font-weight:				bold;
	list-style:					decimal;
	color:						#FCD8EE;
}

#content #editorial .faqs ol li {
	background:					none;
	padding:					0 20px 3px 0;
	margin:						0;
}

#content #editorial .faqs ol li a {
	background-image:			url(../images/bg_content_widget_a.gif);
	color:						#FCD8EE;
}

#content #editorial .faqs ol li a:hover {
	background-image:			url(../images/bg_content_widget_a_hover.gif);
	background-color:			#fff;
	color:						#670C3D;
}

#content #editorial ol.answers {
	margin-top:					20px;
}

#content #editorial ol.answers li
 {
	background:					none;
	margin-top:					10px;
	margin-bottom:				15px;
}

#content #editorial ol {
	list-style:					decimal;
	margin-left:				18px;
}

#content #editorial ol.un-numbered {
	list-style:					none;
	margin-left:				0;
}

#content #editorial ol li {
	background:					none;
	margin-top:					10px;
	margin-bottom:				15px;
}


#content #editorial ol a:hover {
	text-decoration:			none;
}

#content #editorial .standard li {	
	background:					none;
	margin-top:					0px;
	padding-bottom:				0;
	font-weight:				bold;

}

#content #editorial .light li {	
	font-weight:				normal;
}

#content #editorial ol.answers li h2 {
	font-size:					120%;
}

#content #editorial ol.answers li ul,
#content #editorial ul.standard li {
	list-style:					disc;
	margin-left:				15px;
}

#content #editorial ol.answers li li {
	background:					none;
	padding:					0;
	margin:						0;
	width:						auto;
}

#content #editorial .list a {
	text-decoration:			underline;
	background-image:			none;
	font-weight:				normal;	
	padding:					0;
}

#content #editorial .list a:hover {
	text-decoration:			none;
	color:						#fff;
	background-image:			none;
	font-weight:				normal;
}

#content #editorial .to-top a {
	font-size:					90%;
}


#content #editorial .hr {
	background:					url(../images/bg_content_default_hr.gif) center left repeat-x;
	height:						40px;
}

#content #editorial .hr hr {
	display:					none;
}

#content #editorial .team-listing,
#content #editorial .trustee-listing{
	background:					url(../images/bg_content_team_listing.gif) 0 0 repeat-x;
	padding-top:				5px;
	margin-bottom:				30px;
	margin-top:					-10px;
}

#content #editorial .trustee-listing {
	padding-top:				15px;
}

#content #editorial .team-listing li {
	min-height:					85px;
	margin:						20px 0 0;
	padding-top:				5px;
	padding-right:				40px;
}

#content #editorial .team-listing img {
	float:						left;
	margin-right:				20px;
	margin-top:					-5px;
}

#content #editorial .trustee-listing li {
	margin:						10px 0 0;
	padding:					5px 40px 15px 5px;
}

#content #editorial dl {
	padding:					20px 0 24px;
	background:					url(../images/bg_content_dl.gif) bottom left repeat-x;
	margin-bottom:				30px;
}

#content #editorial dt {
	display:					block;
	float:						left;
	width:						173px;
	clear:						left;
	padding-bottom:				6px;
}

#content #editorial dd {
	padding-bottom:				6px;
}

#content #editorial dd a {
	text-decoration:			none;
	color:						#2C2B50;
	padding-left:				1px;
	margin-left:				-1px;
}

#content #editorial dd a:hover {
	color:						#fff;
	background:					#2C2B50;
}

#content .case-study-filter {
	background:					#DCDFE9 url(../images/bg_case_study_filter_dotted.gif) 0 0 repeat-x;
	padding-top:				2px;
	margin-bottom:				30px;
	margin-top:					20px;
}

#content .case-study-filter fieldset {
	background:					#DCDFE9 url(../images/bg_case_study_filter_dotted.gif) bottom left repeat-x;
}

#content #editorial .case-study-filter li {
	padding:					15px 0 15px 3px;
	margin:						0;
}

#content .case-study-filter li select,
#content .case-study-filter li input {
	margin-left:				6px;
	font-size:					90%;
}

#content .case-study-filter li,
#content .case-study-filter li * {
	vertical-align:				middle;
}
/* **************************************** */
/* = Left Nav Styles */
#left-nav {
	background:					#63768D url(../images/bg_leftnav_top.png) 0 0 no-repeat;
	padding-top:				8px;
	float:						left;
	width:						193px;
	margin:						26px 0 70px 36px;
}

#left-nav div {
	background:					url(../images/bg_leftnav_base.png) bottom left no-repeat;
	min-height:					110px;
	padding-bottom:				35px
}

#left-nav h1,
#left-nav h2,
#left-nav h3,
#left-nav h4,
#left-nav h5,
#left-nav h6 {
	padding:					16px 0 13px;
	background:					url(../images/bg_left_nav_dotted.gif) bottom left repeat-x;
	margin:						0 14px;
}

#left-nav h1 img,
#left-nav h2 img,
#left-nav h3 img,
#left-nav h4 img,
#left-nav h5 img,
#left-nav h6 img {
	display:					block;
}

#left-nav ul {
	margin:						0 14px;
}
#left-nav ul ul {
	margin:						0;
}

#left-nav li, 
#left-nav li.open li.end,
#left-nav li.open-single {
	background:					url(../images/bg_left_nav_dotted.gif) bottom left repeat-x;
	padding:					1px 0 2px;
}
#left-nav li.open {
	background-image:			none;
}
#left-nav li.open li{
	background-image:			url(../images/bg_left_subnav_dotted.gif);
}
#left-nav li a {
	background:					url(../images/bg_leftnav_bullet.png) 0.3em 0.5em no-repeat;
	display:					block;
	color:						#BBD1E4;
	text-decoration:			none;
	font-size:					90%;
	font-weight:				bold;
	padding:					2px 0 4px 14px;
	font-family:				Arial, Helvetica, sans-serif;
}

#left-nav li a:hover,
#left-nav li.selected a,
#left-nav li.open a,
#left-nav li.open-single a{
	background:					#1C2F3E url(../images/bg_leftnav_bullet_hover.png) 0.3em 0.5em no-repeat;
	color:						#fff;
	padding-right:				5px;
}

#left-nav li a span {
	font-weight:				normal;
	display:					block;
}

#left-nav li.selected ul li a,
#left-nav li.open ul li a {
	background-color: 			transparent;
	background-image: 			url(../images/bg_left_subnav_bullet.gif);
	color:						#BBD1E4;
	font-size:					85%;
	padding-left:				18px;
	background-position: 		0.6em 0.5em;
}

#left-nav li.open ul li.selected a,
#left-nav li.open ul li a:hover {
	background-color: 			#314859;
	color:						#fff;	
	background-image: 			url(../images/bg_left_subnav_bullet.gif);
	background-position: 		0.6em 0.5em;
}

/* **************************************** */
/* = Callout Styles */
#content #callouts {
	padding-left:				520px;
}

#content.hasnav #callouts {
	padding-left:				453px;
}

#landing-page .callout-img {
	margin-left:				610px;
}

.callout-img {
	margin-bottom:				10px;
}

.callout-quote {
	width:						292px;
	background:					url(../images/bg_callout_quote_top.png) 0 0 no-repeat;
	padding-top:				21px;
	margin-bottom:				10px;
}

/* The text within is replaced by Sifr */
.callout-quote p {
	background:					url(../images/bg_callout_quote_base.png) bottom left no-repeat;
	padding:					10px 20px 35px;
	color:						#fff;
	font-size:					150%;
}

.callout-funding-a {
	width:						292px;
	background:					#9DBA12 url(../images/bg_callout_funding_a_top.png) 0 0 no-repeat;
	padding-top:				4px;
	margin-bottom:				10px;
}

.callout-funding-a h1,
.callout-funding-a h2,
.callout-funding-a h3,
.callout-funding-a h4,
.callout-funding-a h5,
.callout-funding-a h6 {
	background:					url(../images/bg_callout_funding_a_dotted.gif) bottom left repeat-x;
	padding:					7px 4px 7px 0;
	margin:						0 17px;
}

.callout-funding-a h1 img,
.callout-funding-a h2 img,
.callout-funding-a h3 img,
.callout-funding-a h4 img,
.callout-funding-a h5 img,
.callout-funding-a h6 img {
	display:					block;
}

.callout-funding-a p {
	background:					url(../images/bg_callout_funding_a_base.png) bottom left no-repeat;
	padding:					11px 110px 45px 20px;
	font-weight:				bold;
	font-size:					90%;
	color:						#FFFFFF;
}

.callout-funding-a p a {
	color:						#fff;
	text-decoration:			none;
	padding:					1px;
}

.callout-funding-a p a:hover {
	color:						#fff;
	background:					#093B0B;
}

.callout-addresses {
	width:						292px;
	background:					#650C3D url(../images/bg_callout_addresses_top.png) 0 0 no-repeat;
	margin-bottom:				10px;
	padding-top:				4px;
}

.callout-addresses h1,
.callout-addresses h2,
.callout-addresses h3,
.callout-addresses h4,
.callout-addresses h5,
.callout-addresses h6 {
	background:					url(../images/bg_callout_addresses_dotted.gif) bottom left repeat-x;
	padding:					9px 0;
	margin:						0 17px;
}

.callout-addresses h1 img,
.callout-addresses h2 img,
.callout-addresses h3 img,
.callout-addresses h4 img,
.callout-addresses h5 img,
.callout-addresses h6 img {
	display:					block;
}

.callout-addresses ul {
	background:					url(../images/bg_callout_addresses_base.png) bottom left no-repeat;
	padding:					0 17px 32px;
}

.callout-addresses ul li {
	background:					url(../images/bg_callout_addresses_dotted.gif) bottom left repeat-x;
	padding:					17px 0 12px;
}

.callout-addresses ul li a {
	min-height:					20px;
	background:					url(../images/bg_large_arrow.gif) top right no-repeat;
	text-decoration:			none;
	padding:					2px 26px 6px 0;
	color:						#CE9EB8;
}

.callout-addresses ul li a:hover {
	color:						#fff;
	text-decoration:			underline;
}

.callout-addresses ul dl {
	margin-top:					8px;
}

.callout-addresses ul dl,
.callout-addresses ul p {
	font-weight:				bold;
	color:						#fff;
	font-size:					90%;
}

.callout-addresses ul dt {
	float:						left; 
	margin-right:				5px;
}

.callout-featured-case-study {
	width:						292px;
	background:					#650C3D url(../images/bg_callout_featured_case_study_top.png) 0 0 no-repeat;
	margin-bottom:				10px;
	padding-top:				4px;
}

.callout-featured-case-study h1,
.callout-featured-case-study h2,
.callout-featured-case-study h3,
.callout-featured-case-study h4,
.callout-featured-case-study h5,
.callout-featured-case-study h6 {
	background:					url(../images/bg_callout_featured_case_study_dotted.gif) bottom left repeat-x;
	padding:					9px 0;
	margin:						0 17px;
}

.callout-featured-case-study h1 img,
.callout-featured-case-study h2 img,
.callout-featured-case-study h3 img,
.callout-featured-case-study h4 img,
.callout-featured-case-study h5 img,
.callout-featured-case-study h6 img {
	display:					block;
}

.callout-featured-case-study div {
	background:					url(../images/bg_callout_featured_case_study_base.png) bottom left no-repeat;
	margin-bottom:				10px;
	padding:					0 17px 24px;
	min-height:					110px;
	position:					relative;
}

.callout-featured-case-study .img {
	position:					absolute;
	top:						-12px;
	left:						16px;
	margin:						0;
}

.callout-featured-case-study .img img {
	display:					block;
}

.callout-featured-case-study p {
	font-size:					90%;
	font-weight:				bold;
	color:						#fff;
	padding-top:				1em;
	padding-bottom:				1em;
	/*margin-left:				120px;*/
}

.callout-featured-case-study ul {
	/*margin-left:				120px;*/
}

.callout-featured-case-study ul li a {
	background:					url(../images/bg_large_arrow.gif) top right no-repeat;
	text-decoration:			none;
	color:						#CE9EB8;
	font-weight:				bold;
	padding:					2px 26px 6px 0;
}

.callout-featured-case-study ul li {
	margin-bottom:				5px;
}

.callout-featured-case-study ul li a:hover {
	color:						#fff;
	text-decoration:			underline;
}

.callout-related-case-study {
	background:					#9DBA12 url(../images/bg_callout_related_case_study_topext.png) 0 0 no-repeat;
	padding-top:				4px;
	margin-bottom:				10px;
	width:						159px;
}

.callout-related-case-study h1,
.callout-related-case-study h2,
.callout-related-case-study h3,
.callout-related-case-study h4,
.callout-related-case-study h5,
.callout-related-case-study h6 {
	background:					url(../images/bg_callout_related_case_study_dotted.gif) bottom left repeat-x;
	margin:						0 13px;
	padding:					9px 0;
}

.callout-related-case-study h1 img,
.callout-related-case-study h2 img,
.callout-related-case-study h3 img,
.callout-related-case-study h4 img,
.callout-related-case-study h5 img,
.callout-related-case-study h6 img {
	display:					block;
}

.callout-related-case-study ul {
	background:					url(../images/bg_callout_related_case_study_base.png) bottom left no-repeat;
	padding:					8px 13px 15px;
}

.callout-related-case-study ul li {
	font-weight:				bold;
	font-size:					90%;
	margin-bottom:				5px;
	padding-right:				10px;
	padding-bottom:				5px;
	border-bottom:				1px dotted #000;
}

.callout-related-case-study ul li.last {
	border-bottom:				none;
}

.callout-related-case-study ul li a {
	background:					url(../images/bg_callout_related_case_study_arrow.png) top right no-repeat;
	min-height:					21px;
	display:					block;
	padding-top:				0.3em;
	color:						#fff;
	text-decoration:			none;
	padding-right:				25px;
}

.callout-related-case-study ul li a:hover {
	color:						#093B0B;
	text-decoration:			underline;
}

.callout-funding-b,
.callout-organogram {
	width:						159px;
	background:					#9DBA12 url(../images/bg_callout_funding_b_top.png) 0 0 no-repeat;
	padding-top:				4px;
	margin-bottom:				10px;
}

.callout-funding-b h1,
.callout-funding-b h2,
.callout-funding-b h3,
.callout-funding-b h4,
.callout-funding-b h5,
.callout-funding-b h6,
.callout-organogram h3{
	background:					url(../images/bg_callout_funding_b_dotted.gif) bottom left repeat-x;
	padding:					7px 4px 7px 0;
	margin:						0 13px;
}

.callout-funding-b h1 img,
.callout-funding-b h2 img,
.callout-funding-b h3 img,
.callout-funding-b h4 img,
.callout-funding-b h5 img,
.callout-funding-b h6 img,
.callout-organogram h3 img{
	display:					block;
}


.callout-funding-b p,
.callout-organogram p{
    background:           url(../images/bg_callout_funding_b_base.png) bottom left no-repeat;
    padding:              7px 13px 45px 13px;
    font-weight:          bold;
    font-size:            90%;
}

.callout-organogram p {
	padding-bottom:		  55px;
}

.callout-funding-b p a,
.callout-organogram p a{
	color:						#fff;
	text-decoration:			none;
	padding:					1px;
}

.callout-funding-b p a:hover,
.callout-organogram p a:hover{
	color:						#fff;
	background:					#093B0B;
}

/* **************************************** */
/* = Landing Page Styles */
#landing-page {
	padding:					26px 35px 70px 35px;
}

#landing-page:after {
	content:					".";
	clear:						both;
	visibility:					hidden;
	display:					block;
	height:						0;
	line-height:				0;
}

#landing-page #editorial {
	float:						left;
	background:					#EAEBF3 url(../images/bg_landing_page_editorial_top.gif) 0 0 no-repeat;
	padding-top:				4px;
	position:					relative;
	width:						593px;
	margin-bottom:				17px;
}

#landing-page #editorial div.inner-content {
	background:					url(../images/bg_landing_page_editorial_base_no_ribbon.gif) bottom left no-repeat;
	min-height:					217px;
	padding:					10px 0 4px 17px;
}

#landing-page #editorial h1 {
	margin-bottom:				14px;
	font-size:					220%;
	width:						460px;
	color:						#71085f;
}

#landing-page #editorial p {
	width:						460px;
	margin-bottom:				11px;
	font-size:					90%;
	color:						#2c2b50;
}

#landing-page .lead {
	font-weight:				bold;
}

#landing-page .project {
	padding-top:				4px;
	width:						263px;
	margin-right:				17px;
	float:						left;
}

#landing-page .project h2 {
	padding:					11px 0 97px 17px;
	min-height:					40px;
	margin-bottom:				11px;
}

#landing-page .project p {
	font-size:					90%;
	font-weight:				bold;
	padding:					0 32px 6px 16px;
}

#landing-page .inner-content {
	padding-bottom:				27px;
	min-height:					235px;
}

#landing-page .project p a {
	text-decoration:			none;
	font-weight:				bold;
	padding-right:				6px;
}

/* Additional Visual Styles for Young Adults (currently green) */
#landing-page .young-adults {
	background:					#97B211 url(../images/bg_project_young_adults_top.png) 0 0 no-repeat;
}
#landing-page .young-adults .inner-content {
	height:						280px;
	background:					url(../images/bg_project_young_adults_base.png) bottom left no-repeat;
	color:						#fff;
}
#landing-page .young-adults h2 {
	background:					url(../images/bg_project_heading_young_adults.jpg) bottom left no-repeat;
}
#landing-page .young-adults p a {
	color:						#093B0B;
	background:					url(../images/bg_project_young_adults_a.gif) right 0.4em no-repeat;
}
#landing-page .young-adults p a:hover {
	color:						#fff;
	background:					#093B0B url(../images/bg_project_young_adults_a_hover.gif) right 0.4em no-repeat;
}

/* Additional Visual Styles for Inclusive Communtities (currently blue) */
#landing-page .inclusive-communities {
	width:						252px;
	background:					#53677D url(../images/bg_project_inclusive_communities_top.png) 0 0 no-repeat;
}
#landing-page .inclusive-communities .inner-content {
	height:						280px;
	background:					url(../images/bg_project_inclusive_communities_base.png) bottom left no-repeat;
	color:						#BBD1E4;
}
#landing-page .inclusive-communities h2 {
	background:					url(../images/bg_project_heading_inclusive_communities.jpg) bottom left no-repeat;
}
#landing-page .inclusive-communities p a {
	color:						#fff;
	background:					url(../images/bg_project_inclusive_communities_a.gif) right 0.4em no-repeat;
}
#landing-page .inclusive-communities p a:hover {
	color:						#55697F;
	background:					#fff url(../images/bg_project_inclusive_communities_a_hover.gif) right 0.4em no-repeat;
}

/* Additional Visual Styles for Global Exchange (currently burgundy) */
#landing-page .global-exchange {
	background:					#780149 url(../images/bg_project_global_exchange_top.png) 0 0 no-repeat;
	margin-right:				0;/* Last element does not require a right margin */
}
#landing-page .global-exchange .inner-content {
	height:						280px;
	background:					url(../images/bg_project_global_exchange_base.png) bottom left no-repeat;
	color:						#fff;
}
#landing-page .global-exchange h2 {
	background:					url(../images/bg_project_heading_global_exchange.jpg) bottom left no-repeat;
}
#landing-page .global-exchange p a {
	color:						#CE9CB8;
	background:					url(../images/bg_project_global_exchange_a.gif) right 0.4em no-repeat;
}
#landing-page .global-exchange p a:hover {
	color:						#6A0342;
	background:					#fff url(../images/bg_project_global_exchange_a_hover.gif) right 0.4em no-repeat;
}


/* **************************************** */
/* = Homepage Styles */
#homepage {
	padding:					26px 35px 70px 35px;
}

#homepage:after {
	content:					".";
	clear:						both;
	visibility:					hidden;
	display:					block;
	height:						0;
	line-height:				0;
}

#homepage #editorial {
	background:					#E9EBF3 url(../images/bg_home_editorial_top.gif) 0 0 no-repeat;
	padding-top:				4px;
	position:					relative;
	width:						810px;
	margin-bottom:				12px;
}

#homepage #editorial a:hover {
	background:					none;
}

#homepage #editorial div.inner-content {
	background:					url(../images/bg_home_editorial_base.gif) bottom left no-repeat;
	min-height:					260px;
	padding:					10px 0 4px 17px;
}

#homepage #editorial h1 {
	margin-bottom:				14px;
	font-size:					215%;
	width:						300px;
	color:						#71085f;
}

#homepage #editorial p {
	width:						360px;
	margin-bottom:				11px;
	font-size:					90%;
	color:						#2c2b50;
}

#homepage #editorial #flash {
	position:					absolute;
	top:						0;
	right:						3px;
}

#homepage .lead {
	font-weight:				bold;
}

#homepage .callout {
	width:						297px;
	float:						left;
	background:					url(../images/bg_callout_funding_new.gif) bottom left no-repeat;
	min-height:					325px;
	margin-right:				14px;
}

#homepage .callout img {
	display:					block;
}

#homepage .callout h2 {
	padding:					200px 0 0 7px;
	background:					url(../images/bg_callout_lookingforfunding_h2.jpg) 0 0 no-repeat;
}

#homepage .callout p {
	padding:					6px 6px 0;
}

#homepage .callout p a {
	display:					block;
	padding:		 			0 0 50px;
	background:					url(../images/bg_callout_arrow.jpg) bottom left no-repeat;
}

#homepage #news {
	width:						495px;
	float:						right;
	padding-top:				4px;
	margin-right:				14px;
	background:					#64768D url(../images/bg_home_news_top_new2.gif) 0 0 no-repeat;
}

#homepage #news div.inner-content {
	min-height:					219px;
	padding:					23px 30px 33px 15px;
	background:					url(../images/bg_home_news_base_new2.gif) bottom left no-repeat;
}

#homepage #news h3 {
	background:					url(../images/bg_home_news_dotted.gif) bottom left repeat-x;
	padding-bottom:			15px;
}
#homepage #news h5  {
	color:						#BBD1E4;
	font-weight:			bold;
	}	

#homepage #news li {
	background:					url(../images/bg_home_news_dotted.gif) bottom left repeat-x;
	padding:					18px 0 15px;
	font-size:					90%;
	color:						#BBD1E4;
}

#homepage #news li h4 {
	font-weight:				bold;
	padding-bottom:				2px;
	color:						#fff;
}

#homepage #news li h4 a {
	text-decoration:			none;
	color:						#fff;
	padding:					1px;
	margin-left:				-1px;
}

#homepage #news li h4 a:hover {
	color:						#576B81;
	background:					#fff;
}

#homepage #news li p a {
	text-decoration:			none;
	color:						#fff;
	font-weight:				bold;
	background:					url(../images/bg_home_news_a.gif) right 0.4em no-repeat;
	padding-right:				6px;
	padding-left:				1px;
	margin-left:				-1px;
}

#homepage #news li p a:hover {
	color:						#576B81;
	background:					#fff url(../images/bg_home_news_a_hover.gif) right 0.4em no-repeat;
}

#homepage #news a.rss img {
	margin-bottom:-1px;
	margin-right:4px;
}
/*#homepage #projects {
	width:						192px;
	float:						left;
	padding-top:				4px;
	background:					#EAEBF3 url(../images/bg_home_projects_top.gif) 0 0 no-repeat;
}

#homepage #projects div.inner-content {
	height:						400px;
	min-height:					221px;
	padding:					23px 30px 30px 15px;
	background:					url(../images/bg_home_projects_base.gif) bottom left no-repeat;
}

#homepage #projects h4 {
	padding-bottom:				9px;
}

#homepage #projects li {
	color:						#2C2B50;
	background:					url(../images/bg_home_project_dotted.gif) 0 0 repeat-x;
	padding:					9px 0 10px;
	min-height:					72px;
}

#homepage #projects li p {
	font-size:					90%;
	margin-bottom:				2px;
}

#homepage #projects li h5 {
	font-size:					90%;
	font-weight:				bold;
	color:						#720C61;
	margin-bottom:				0;
}

#homepage #projects li h5 a {
	text-decoration:			none;
	color:						#720C61;
	padding:					1px;
	margin-left:				-1px;
}

#homepage #projects li h5 a:hover {
	color:						#fff;
	background:					#720C61;
}

#homepage #projects li p a {
	text-decoration:			none;
	color:						#720C61;
	font-weight:				bold;
	background:					url(../images/bg_home_project_a.gif) right 0.4em no-repeat;
	padding-right:				6px;
	padding-left:				1px;
	margin-left:				-1px;
}

#homepage #projects li p a:hover {
	color:						#fff;
	background:					#720C61 url(../images/bg_home_project_a_hover.gif) right 0.4em no-repeat;
}
*/

/* **************************************** */
/* = Footer Styles */
#footer {
	clear:						both;
	min-height:					74px;
	background:					url(../images/bg_footer.gif) 0 0 no-repeat;
	padding:					25px 62px 0 0;
}

#footer ul {
	float:						right;
}

#footer ul li {
	float:						left;
	font-size:					85%;
	font-weight:				bold;
	padding-right:				5px;
}

#footer ul li.copy {
	color:						#74869B;
}

#footer ul li a {
	padding-right:				2px;
	text-decoration:			none;
	color:						#464565;
	padding-left:				2px;
}

#footer ul li a:hover,
#footer ul li a:focus,
#footer ul li.selected a {
	background:					#464565;
	color:						#fff;
}


/* **************************************** */
/* = Misc Styles */

/* This style is used to hide elements for accessibility purposes */
.w3c {
	position:					absolute;
	left:						-9999px;
	top:						-9999px;
}

.clear {
	clear:						both;
}


.pages {
	padding-top:20px;
	text-align:center;
	padding-right:10px;
	}
.news-date {
	font-weight:bold;
	color: #780149
}