/*

Title: Hammersmith united charities stylesheet version 1
Client: HUC
Created: 15 July 2009
Author: David G. Swain
Url : http://davidgswain.com

*/

div, input, select, th, td, ul, ol, li, li li, blockquote, cite, img, p  {
	font-size:1em;
	line-height:1em;
	margin: 0;
	padding: 0;
}

ol, ul {
	list-style-position: outside;
}

body {
	margin:0;
	padding: 0;
	color: #717174;
	font: 62.5%/1em Arial, Helvetica, sans-serif;
	background: #fff;
	text-align: center;
}

img {
	border: none;
}

a:link {
	text-decoration: none;
	color: #018e5d;
}   
	
a:visited {
	text-decoration: none;
	color: #046744;
} 
	
a:hover {
	text-decoration: underline;
	color: #018e5d;
}  
	
a:active {

} 

h1, h2, h3, h4, h5, h6 {
	line-height: 1em;	
	color: #018e5d;
	font-family: Georgia;
	clear: both;
}	

h1 {
	font-size: 2em;	
	margin: 0 0 0.5em;
	padding: 0;
	border-bottom: 1px solid #018e5d;
}

h2 {
	font-size: 1.5em;	
	margin: 1em 0 0.25em;
	padding: 0;
}


h3, h4, h5, h6 {
	font-size: 1.25em;	
	margin: 1em 0 0.25em;
	padding: 0;
}



#content-main p {
	font-size: 1.2em;
	margin-bottom: 1em;	
	line-height: 1.25em;
}

#container {
	width: 960px;
	margin:  0 auto;
	text-align: left;
	background: #fff url(/images/pageElements/v2/container.png) no-repeat center 20em;
	padding: 0 1em;
}
	

#branding {
	background: url(/images/pageElements/v2/header.png) no-repeat center top;
	height: 20em;
	color: #fff;
	padding: 3em 2em 0;
}

#branding #branding-name {
	font-family: Georgia;
	font-size: 3em;
	margin-bottom: 0;
}

#branding #branding-name a, #branding ul li a {
	color: #fff;
}

#branding ul li {
	list-style: none;
	display: block;
	float: left;
	width:15em;
	padding:1.5em 1.5em 0 ;
}

#branding ul li p {
	font-size: 1.25em;
	line-height: 1.5em;
	text-align: center;
	margin-bottom: 0;
}

#navigation {
	margin: -8em 4em 0;
}

#nav-main {
	
}

#nav-main li {
	font-family: Georgia;
	font-size: 2em;
	display: inline;
	margin-right: 1em;
}

#nav-main li a {
	color: #fff;	
}

#content {
	margin: 30px 10px 0;
	overflow: auto;
}

#content-main {
	min-height: 45em;
	padding: 0 10px 10px;
}

#section-description {
	margin: 0 0 1em;	
	border: 1px solid #d6d6d6;
	padding: 20px;
}


#content #section-description {
	border: 1px solid #bfbfbf;
	margin: 1em 0 3em;
	overflow: auto;
	background-color: #fff;
	background: url(/images/pageElements/blockquote-bg.jpg) repeat-x left bottom;
}

#content #section-description {
	border: 1px solid #bfbfbf;
	margin: 0 0 1em;
	overflow: auto;
	background-color: #fff;
}

#content #section-description img {
	padding: 0.5em;
	float: left;
	border: 1px solid #dadada;
	height: 12em;
}

#content #section-description p {
	font-size: 1.5em;
	width: 42em;
	float: right;
}
	
.home #content #content-main #section-description {
	font-family: Georgia;
	background: url(/images/pageElements/v2/testimonial-bg.jpg) repeat-x right center;
}

.home #content #content-main #section-description blockquote p {
	width: 42em;
	float: left;
}

.home #content #content-main #section-description blockquote p+p {
	margin: 0 0 0 2em;
}

.home #content #content-main #section-description blockquote p a {
	font-size: 0.75em;
}

.home #content-main h1 {
	border: none;
}

.home #content-main h1+p {
	font-size: 1.5em;
	margin: 1em;	
}

#siteinfo {
	background: url(/images/pageElements/v2/footer.png) no-repeat center bottom;
	height: 15em;
}

#siteinfo ul {
	position: relative;
	top: 3em;
	margin-left: 4em;
	clear: both;
}

#siteinfo ul li {
	float: left;
	list-style: none;
	margin-right: 2em;
}

#siteCopyright li {
	font-size: 1.5em;	
	line-height: 4em;
}

#siteinfo #accessibility {
	float: right;
	position: relative;
	top: -20px;
	left: -37px;
}

#siteinfo-credits {
	margin: -2em 0 0;
	text-align: right;
	background-image: none;
	background-color: #fff;
}

#content-eligibility, #content-grants {
	width: 47%;
}


#content-eligibility h2 , #content-grants h2{
	margin-top: 0;
}
 
#content-eligibility{
	float: left;
}

#content-grants {
	float: right;
}

.home #gallery, #gallery  {
	background: url(/images/pageElements/blockquote-bg.jpg) repeat-x right bottom;
	border: 1px solid #dadada;
	padding: 1em;
	overflow: auto;
}

.home #gallery {
	width: 895px;	
}

.home #gallery li, #gallery li {
	float: left;
	list-style: none;
	margin: 0.5em;
	width:13%;
	text-align: center;
}



.photo-album.sidebar-page #content-main ul#gallery  {
	width: 580px;
}


.photo-album.sidebar-page #content-main ul#gallery li {
	width: 19%;
	margin: 0.25em;
	font-size: 1em;
}

#gallery li img {
	border: #1px solid #d6d6d6;
	background-color: #cdcdcd;
	height: 7em;
	padding: 0.25em;
}

#gallery li img:hover {
	background-color: #b5b5b5;
}


.sidebar-page #content-main {
	background: url(/images/pageElements/v2/sidebar-bg.png) no-repeat right 1px;
	position: relative;
	overflow: hidden;
min-height:60em;
}

.sidebar-page #content-main h2, .sidebar-page #content-main h3, .sidebar-page #content-main h4, .sidebar-page #content-main h5, .sidebar-page #content-main h6, .sidebar-page #content-main p, .sidebar-page #content-main ol, .sidebar-page #content-main ul {
	width: 600px;
    margin-right:300px;
}

#content-main ol, .sidebar-page #content-main ul {
	margin-bottom: 1em;	
}

.sidebar-page #content-main li, .report-page #content-main li, #report-list li  	{
	font-size: 1.25em;	
	line-height: 1.5em;
	margin: 0 0 1em 2em;
}

.sidebar-page #content-main li li , .report-page #content-main li li, #report-list li  li	{
	font-size: 1em;	
}

.sidebar-page #content-main div {
	width: 570px;
}

.sidebar-page #content-main div.gmnoprint div {
	width: auto;
}

.sidebar-page #content-main #sidebar {
	position: absolute;
	top: 30px;
	right: 20px;
	width: 280px;
	float: right;
}

.sidebar-page #content-main #sidebar #nav-section {
	padding: 0;
	margin: 0 10px;
	border: 1px solid #d6d6d6;
	border-bottom: none;
	border-top: none;
	width: 260px;
}

.sidebar-page #content-main #sidebar #nav-section li {
	font-size: 1.2em;
	line-height: 2.5em;	
	list-style: none;
	border-bottom: 1px solid #d6d6d6;
	padding: 0;
	margin: 0;
	text-indent: 2em;
}

.sidebar-page #content-main #sidebar #nav-section ul {
	margin: 0;
	border-top: 1px solid #D6D6D6;
	width: 100%;
}

.sidebar-page #content-main #sidebar #nav-section li li {
	font-size: 1em;
	line-height: 2.5em;	
	padding: 0;
	border: none;
}

.right-align {
	float: right;
	margin-left: 1.5em;
	margin-bottom: 1.5em;
	width: auto;
	clear: both;
}

.left-align {
	clear: both;
	float: left;
	margin-right: 1.5em;
	margin-bottom: 1.5em;
	width: auto;
}


.staff.sidebar-page #content {
	overflow: hidden;	
	padding: 0;
}

.staff.sidebar-page #content-main {
	background-image: none;
}

.staff.sidebar-page #sidebar {
	display: none;
	width: 0;
}

.staff.sidebar-page #staff-list {
	width: 100%;	
}


.staff.sidebar-page #staff-list li {
	float: left;
	width: 28.75%;
	list-style: none;
	border: 1px solid #d6d6d6;
	padding: 1em;
	margin: 0 1em 1em;
	text-align: center;
	height: 220px;
	font-size: 1em;
}


.staff.sidebar-page #staff-list li h2 {
	width: auto;
}


.staff.sidebar-page #staff-list li p {
	width: auto;
	font-size: 1em;
}

.staff #content {
	padding: 2em;
}

.staff #content #section-description {
	overflow: auto;
	font-size: 3em;	
}
	
.staff #content p {
	font-size: 1.25em;
	margin:  0 0 1em;	
	line-height: 1.25em;
}

.annual-accounts #content-main ul.pdf-download li {
	margin:  0 0 1em;	
}

.annual-accounts #content-main ul.pdf-download li, p.pdf, li.pdf {
	margin-left: 1em;
	line-height: 2em;
	list-style: none;
	background: url(/images/pageElements/pdficon_large.gif) no-repeat left center;
	font-size: 1.25em;
	padding: 0.25em 0 0.25em 4em;
}

p.pdf {
	padding: 1em 3em;
}

li.word p.word, a.word {
	margin-left: 1em;
	line-height: 2em;
	list-style: none;
	background: url(/images/pageElements/word_icon.png) no-repeat left center;
	font-size: 1.25em;
	padding: 0.5em 0 0.5em 4em;
}

.contact-us #content-main #sycamore, .contact-us #content-main #john-betts {
	width: 40%;
	float: left;
}

.contact-us fieldset {
	border: none;
	padding: 0.25em 0 0;
	margin-bottom: 1em;
}

.contact-us legend {
	font-size: 1.5em;
	line-height: 1em;
}
	

.contact-us .form-label {
	margin:  1.5em 0 0.5em;
}

.contact-us .text {
	width: 40em;	
	border: 1px solid #c2c2c2;
	font-family: arial;
	font-size: 1.2em;
	padding: 0.5em;
	color: #7b7b7b;
}


.contact-us .text:active, .contact-us .text:focus {
	color: #4a4a4a;
	background-color: #fefce4;
	border-color: #999;
}


.contact-us textarea {
	margin-bottom: 1em;
}

.contact-us .form-submit {
	margin: 2em 0;
}

.apply-online form {
	width: 600px;
}

.apply-online fieldset {
	border:none;
}

.apply-online legend {
	font-size: 1.5em;
	line-height: 1em;
}	

.apply-online label {
	margin:  1.5em 0 0.5em;
	display: block;
}	

.apply-online #content .text-input {
	margin-bottom:1em;
	width: 100%;
	border: 1px solid #999999;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	padding: 0.5em;
	color: #7b7b7b;
}


.apply-online #content .text-input-multi {
	margin-bottom:0;
	width: 100%;
	border: 1px solid #999999;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	padding: 0.5em;
	color: #7b7b7b;
}


.apply-online #content .text-input:active, .apply-online #content .text-input:focus, .apply-online #content .text-input-multi:active, .apply-online #content .text-input-multi:focus {
	color: #4a4a4a;
	background-color: #fefce4;
	border-color: #999;
}

.apply-online .inline {
	display: inline;
}

.apply-online label.inline {
	margin: 0 1em 0 0;
	position: relative;
	top: -0.5em;
}

.apply-online #content th {
	border: none;	
}

.apply-online #content td {
	width: 33%;
	border: none;
}
.apply-online #content table {
	width: 97%;
	margin-bottom: 4em;
	margin-top: 1em;
	border: none;
}

.grants #section-description {
	margin:  0 1em;
	width: 95%;
}

#toc {
	margin:  0 2em;
}

#toc li {
	font-size: 1.25em;
}

.supporting-communities-preventing-social-exclusion-and-tackling-need .downloads {
	font-size: 1.25em;
	margin-left: 2em;
	margin-bottom: 1em;
}

#content #content-main #navigation-links, #navigation-links-bottom {
	list-style: none;
	height: 4em;
}

#content #content-main #navigation-links li, #navigation-links-bottom li {
	float: left;
	width: 90%;
	text-align: center;
}


#content #content-main #navigation-links .nav-previous, #navigation-links-bottom .nav-previous {
	text-align: left;
	margin-bottom: -2em;
}

#content #content-main #navigation-links .nav-next {
	text-align: right;
	margin-top: -3em;
}

#content #content-main #navigation-links-bottom .nav-next {
	text-align: right;
	margin-top: -2em;
}

.reports #content h1, .report-page #content h1 {
	font-size: 1.75em;
}



table, #content table p {
	font-size: 1.1em;
	margin: 1em	 0 2em;
	width: 100%;

}

th {
	text-align:center;
	font-weight: bold;
}

th, td {
	border: 1px solid #efefef;	
	padding: 0.25em;
	font-size: 1.25em;
}

#content table td ul li{
	margin-left: 3em;
	font-size: 1em;
}

a span.first {
	color: #fff;
}

#content #content-main ul#sidebarImages {
	width: 260px;
	margin: 3em 1em;
	padding: 0;
}

#content #content-main ul#sidebarImages li {
	list-style: none;
	margin: 0;
	padding: 0;
	float: left;
	width: 48px;
	margin: 0 5px 0 0;
	overflow: hidden;
	height: 30px;
}

#content #content-main ul#sidebarImages li img{
	width: 100%;
}

#content #content-main ul#sidebarImages li.hero {
	width: 100%;
	height: auto;
}

#content #content-main ul#sidebarImages li.hero img {
	width: 100%;
	height: auto;
}

#content #content-main ul#sidebarImages li.last {
	margin: 0;
}

blockquote.testimonial {
	font-family: georgia;
	color: #018e5d;
}

.testimonials blockquote  {
	margin-bottom: 3em;
}

.testimonials blockquote p {
	margin-bottom: 1em;
	margin-left: 1em;
	margin-top: 1em;
}

.testimonials blockquote p+p {
	margin-bottom: 1em;
	margin-left: 2em;
}

.sitemap ul.sitemap-staff {
	margin-left: 1em;
}

.clearfix {
clear:both;
}

#job-form {
  width:50%;
}

#job-form fieldset {
  width:50%;
  	border:none;
}


#job-form fieldset label {
	font-size:15px;
	display:block;
	width:50%;
	line-height:1.5em;
}


#job-form fieldset .text-field {
  display:block;
  width:50%;
  padding:0.25em;
  margin: 0.25em 0 1.25em;
  font-size:15px;
  border:1px solid #999999;
}

#job-form fieldset #cc {
  display:inline;
}

body.home #join-us {
 background-color:#efefef;
 font-size:1.5em;
 border:1px solid #BFBFBF;
 width:75%;
 margin:1.5em auto 2em;
 padding: 1em;
 overflow:auto;
}

body.home #join-us p {
	margin:0;
	float:left;
	width:75%;
	line-height:1.75em;
}

body.home #join-us a#apply {
	float:right;
	height:100%;
	background: url("/images/pageElements/v2/application-pack.gif") repeat-x scroll right center transparent
}

body.home #join-us a#apply img {
	border:none;
}


#content-main p.leading {
	font-size:15px;
	font-weight:bold;
}

body.gloucester-house-development #content-main {
	background:none;
}	


body.gloucester-house-development #content-main h2, body.gloucester-house-development #content-main h3, body.gloucester-house-development #content-main h4, body.gloucester-house-development #content-main h5, body.gloucester-house-development #content-main h6, body.gloucester-house-development #content-main p, body.gloucester-house-development #content-main ol, body.gloucester-house-development #content-main ul {
	width:100%;
}

body.gloucester-house-development #content-main .plans {
	overflow:auto;
	margin: 0 0 2em
}

body.gloucester-house-development #content-main .plans li {
	border: 1px solid #dadada;
	float:left;
	list-style:none;
	padding:1em;
	width:12em;
	height:15em;
	text-align:center;
	margin:0.5em;
	font-size:1.5em;
}

body.gloucester-house-development #content-main .plans li img {
	border: 5px double #dadada;
	display:block;
	margin:0 auto 1em;
	padding:0.25em;
}


body.home #gloucester-house-redevelopment{
	background-color:#EFEFEF;
	border:1px solid #BFBFBF;
	margin:1.5em auto 2em;
	overflow:auto;
	padding:1em;
	width:96%;
	text-align:center;
}

body.home #gloucester-house-redevelopment h2 {
	margin:0 0 0.25em;
	font-size:2.5em;
}

body.home #gloucester-house-redevelopment img {
	border:1px solid #BFBFBF;
	width:100%;
	margin: 0 0 1em;
}

body.home #gloucester-house-redevelopment img.left-align {
	border: none;
	width:auto;
	margin-right:1em;
}

body.home #gloucester-house-redevelopment p {
	text-align:left;
}