/**
* 980px width, inclusive of side decals
* 808px width, white content area only
* 
* 
* 
*/
html {
}
body {
	font-size: 62.5%;
	font-family: "Trebuchet MS",Verdana,Arial,sans-serif;
	color: #000;
	background: transparent none;
	width: 980px;
	margin: 0 auto;
}
a {
	font-weight: bold;
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}
h1 {
	margin: 6px 0 12px 0;
	font-size: 1.8em;
}
h2 {
	margin: 6px 0 12px 0;
	font-size: 1.6em;
	font-weight: bold;
}
h4 {
	margin: 6px 0 12px 0;
	font-size: 1.3em;
	font-weight: bold;
}
p,
li {
/* .page { */
	margin: 12px 0;
	font-size: 1.2em;
	line-height: 1.2em;
}
ol {
	list-style-type: decimal;
	list-style-position: inside;
}


/**
* Header, container and footer sections.
*/
.header {
	text-align: center;
}
.header a {
	width: 301px;
	height: 68px;
	display: block;
	margin: 40px auto 0 auto;
}
#dp-container {
	width: 808px;
	margin: auto;
}
.content .banner {
	text-align: center;
}
.content .banner img {
	margin: 10px auto;
}
.content .copy {
	float: left;
	margin-left: 45px;
	width: 450px;
}
.content .copy p span {
	font-size: 1.1em;
	font-weight: bold;
	font-style: italic;
}
.content .copy h2 {
	font-size: 1.3em;
	margin-bottom: 0;
}
.content .copy h2 + p {
	margin-top: 0;
}
.content .copy ul {
	list-style-type: disc;
	list-style-position: outside;
	margin-left: 25px;
}
.content .navigation {
	float: left;
	width: 140px;
	padding: 0 10px;
	font-family: Verdana, Arial, sans-serif;
}
.content .navigation ul li {
	margin: 0;
}
.content .navigation ul li a {
	text-decoration: none;
	display: block;
	width: 124px;
	font-weight: bold;
	margin: 3px 0;
	padding: 6px 8px;
}
.content .navigation .star {
	font-size: 1.8em;
	font-family: Arial;
	position: absolute;
	margin: 3px 5px 0 0;
}
.content .navigation .text {
	margin-left: 15px;
	font-family: Arial;
}
.content .sidebar {
	float: left;
	width: 150px;
	visibility: hidden;
	display: none;
}
/*.parent-home .content .sidebar {
	visibility: visible;
	display: block;
}*/
.content .sidebar ul li {
	margin: 6px 0;
	margin-bottom: 12px;
	font-weight: bold;
	font-size: 1.1em;
	line-height: 1.0em;
}
.content .sidebar h3 {
	display: inline;
	font-size: 1.1em;
	color: #36A3DD;
}
.content .sidebar p {
	font-size: 1.1em;
	display: inline;
	line-height: 1.0em;
}


/**
* Navigation sections.
*
* - Header (main) navigation
* - Sub navigation (sidebars on pages)
* - Footer navigation
*/
.nav-main {
	width: 808px;
	margin: 10px auto 0 auto;
	padding-top: 5px;
	height: 31px;
	text-align: center;
}
.nav-main ul {
	margin: 8px 0;
}
.nav-main ul li a {
	font-size: 1.25em;
	font-weight: bold;
	text-decoration: none;
}
.nav-main ul li {
	display: inline;
	padding: 0 9px 0 6px;
}
.nav-main ul li.last {
	border: none;
}
.nav-main ul li.weblink {
	display: none;
}

.nav-footer {
	margin: 40px auto 0 auto;
	width: 808px;
}
.nav-footer ul {
	margin: 40px;
}
.nav-footer ul li a {
	font-weight: normal;
	text-decoration: none;
}
.nav-footer ul li {
	display: inline;
	padding: 0 5px 0 2px;
	border-right: 1px solid transparent;
}
.nav-footer ul li.last {
	border: none;
}
.nav-footer ul li a img {
/* 	margin-top: -3px; */
	margin-left: 5px;
/* 	position: absolute; */
	
}


/**
* Page sections.
*
* - home
* - our-work
* - projects
* - people
* - how-can-i-help
* - news-and-events
* - gallery
* - links
* - contact-us
*/
.parent-home .content .copy {
	width: 410px;
}
.parent-projects .content .navigation .star {
	display: none;
}
.parent-projects .content .navigation .text {
	margin-left: 0;
	font-size: .9em;
}
.parent-projects .content h1 {	
	text-transform: uppercase;
	font-size: 1.5em;
	font-weight: bold;
}
.parent-projects .content h3 {	
	text-transform: uppercase;
	font-size: 1.2em;
}
.parent-projects .content h1.projects {
	text-transform: none;
	font-size: 1.8em;
	font-weight: normal;
}
.parent-projects .content .testimony {
	font-style: italic;
}
.parent-projects .content .testimony span {
	font-style: normal;
	font-weight: normal;
}
.page-people ul.people {
	list-style-type: none;
	list-style-position: inside;
	margin-left: 0;
}
.page-people ul.people li {
/* 	float: left; */
/* 	width: 125px; */
/* 	margin-right: 25px; */
	margin-right: 0;
}
.page-people ul.people li img {
	width: 98px;
	height: 98px;
}
.page-people ul.people li h5 {
	font-weight: bold;
	font-size: 1.3em;
	margin-bottom: 5px;
	margin-right: 0;
	padding-right: 0;
}
.page-people ul.people li h6 {
	font-size: .9em;
}
.page-news-and-events .content div .item {
	padding-bottom: 10px;
}
.parent-news-and-events .item p {
	margin: 6px 0;
}
.parent-news-and-events .item a {
	font-weight: bold;
	text-decoration: none;
}
.parent-news-and-events .news .item a {
	font-size: 1.2em;
}
.parent-news-and-events .content .news p.first {
	font-weight: bold;
}
.page-news-and-events .content .news {
	float: left;
	width: 325px;
	width: 350px;
	margin-right: 25px;
	margin-left: 45px;
}
.page-news-and-events .content h1 {
	text-transform: uppercase;
}
.page-news-and-events .content .events {
	float: left;
	width: 325px;
	width: 350px;
}
.page-news-and-events .content .events h2 {
	padding-top: 20px;
}
.page-news-and-events .content .events h2.first {
	padding-top: 0;
}
.page-news-and-events .content .events .item .date {
	font-weight: bold;
}
.page-gallery .content {
	margin-top: 10px;
}
.page-gallery .copy {
/* 	width: 100%; */
/* 	margin: 27px; */
}
.page-gallery .item {
	float: left;
}
.page-gallery .item img {
	margin: 5px;
}
.page-links ul {
	list-style-type: disc;
	list-style-position: inside;
}
.page-contact-us h2 {
	margin-bottom: 0;
}
.page-contact-us p.address {
	margin-top: 0;
	margin-bottom: 0;
}
.page-contact-us .contact.field {
	padding: 10px 0;
}
.page-contact-us .contact.field h4,
.page-contact-us .contact.field p {
	display: inline;
	margin: 12px 0;
}
.page-contact-us .contact.charity {
	padding: 10px 0;
	font-size: 1.2em;
}





/**
* Colourization and backgrounds.
*
* Colour styles and backgrounds are managed in this section
*/
.page,
li,
p {
	color: #555555;
}
a {
	color: #4380A8;
}

.nav-main { background: #FFFFFF url(/assets/images/shared/header-navigation-background.gif) no-repeat center top; }
.nav-main ul li a { color: #FFFFFF; }
.nav-main ul li.selected a { color: #FFF7AD; }
.nav-footer ul li a { color: #AAAAAA; }
.nav-footer ul li {	border-right-color: #AAAAAA; }

.content h1,
.content h2,
.content h4 {
	color: #F78B2C;
}
.content .copy h2 {
	color: #555555;
}
.content .navigation ul li a {
	color: #FFFFFF;
	background-color: #CD4FAA;
}
.content .sidebar ul li {
	color: #000000;
}
.content .navigation ul li.cycle-green a { background-color: #859E17; }
.content .navigation ul li.cycle-purple a { background-color: #CD4FAA; }
.content .navigation ul li.cycle-blue a { background-color: #3E7FA8; }
.content .navigation ul li.cycle-red a { background-color: #D2300C; }
.content .navigation ul li.cycle-orange a { background-color: #FC7F1E; }

.parent-home { background: #CD4FAA url(/assets/images/home/background.gif) repeat-y center top; }
.parent-our-work { background: #D2300C url(/assets/images/our-work/background.gif) repeat-y center top; }
.parent-projects { background: #4380A8 url(/assets/images/projects/background.gif) repeat-y center top; }
.parent-people { background: #D2300C url(/assets/images/people/background.gif) repeat-y center top; }
.parent-how-can-i-help { background: #829F19 url(/assets/images/how-can-i-help/background.gif) repeat-y center top; }
.parent-news-and-events { background: #F58319 url(/assets/images/news-and-events/background.gif) repeat-y center top; }
.parent-gallery { background: #4380A8 url(/assets/images/gallery/background.gif) repeat-y center top; }
.parent-links { background: #CC4DAA url(/assets/images/links/background.gif) repeat-y center top; }
.parent-contact-us { background: #FD7D1A url(/assets/images/contact-us/background.gif) repeat-y center top; }

.parent-home h1 { color: #F58319; }
.parent-our-work h1 { color: #D2300C; }
.parent-projects h1 { color: #4380A8; }
.parent-people h1 { color: #D2300C; }
.parent-how-can-i-help h1 { color: #829F19; }
.parent-news-and-events h1 { color: #F58319; }
.parent-news-and-events .news h1 { color: #CD4FAA; }
.parent-gallery h1 { color: #4380A8; }
.parent-links h1 { color: #CC4DAA; }
.parent-contact-us h1 { color: #FD7D1A; }
.parent-contact-us .content .copy h2 { color: #FD7D1A; }
.parent-contact-us .contact.charity { color: #AAAAAA; }

body.brand-green.parent-projects .content .testimony span { color: #859E17; }
body.brand-purple.parent-projects .content .testimony span { color: #CD4FAA; }
body.brand-blue.parent-projects .content .testimony span { color: #3E7FA8; }
body.brand-red.parent-projects .content .testimony span { color: #D2300C; }
body.brand-orange.parent-projects .content .testimony span { color: #FC7F1E; }

body.brand-green .content h1 { color: #859E17; }
body.brand-purple .content h1 { color: #CD4FAA; }
body.brand-blue .content h1 { color: #3E7FA8; }
body.brand-red .content h1 { color: #D2300C; }
body.brand-orange .content h1 { color: #FC7F1E; }

body.brand-green { background-color: #859E17; }
body.brand-purple { background-color: #CD4FAA; }
body.brand-blue { background-color: #3E7FA8; }
body.brand-red { background-color: #D2300C; }
body.brand-orange { background-color: #FC7F1E; }

/* Reapply these after the branding, as we override the h1.projects element */
body.parent-home .content h1 { color: #FC7F1E; }
body.parent-projects .content h1.projects { color: #4380A8; }
body.parent-projects { background-color: #3E7FA8; }

.parent-news-and-events a { color: #F58319; }
.parent-news-and-events .news a { color: #CD4FAA; }
.parent-news-and-events .content p.first { color: #F58319; }
.parent-news-and-events .content .news p.first { color: #CD4FAA; }

.page-our-work .copy p span,
.page-our-work .copy h2,
.page-our-work .copy h3 {
	color: #F58319;
}

.page-news-and-events .content .news .item { border-top: 2px solid #888888; }
.page-news-and-events .content .news .item.first { border-top: none; }
.page-news-and-events .content .events h2 { border-top: 2px solid #888888; }
.page-news-and-events .content .events h2.first { border-top: none; }
.page-news-and-events .content .events .item .date { color: #F58319; }

.page-people ul.people li h5 { color: #555555; }