@charset "utf-8";
/* CSS Document */

html, body {
	height: 100%;
}
body {
	font: 100% Arial, Helvetica, sans-serif;
	font-size:100%;
	line-height:1.325em;
	background: #FFF;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #242020;
}
h1 {
	font: 100% Arial, Helvetica, sans-serif;
	font-size: 1.4em;
	padding: 0;

}
h2 {
	font: 100% Arial, Helvetica, sans-serif;
	font-size: 1.2em;
/*	line-height: 0.5em;*/
}
h3 {
	font: 100% Arial, Helvetica, sans-serif;
	font-size: 1.1em;
/*	line-height: 0.5em;*/
	padding: 0;
}

h4 {
	font: 100% Arial, Helvetica, sans-serif;
	font-size: 1.0em;
/*	line-height: 0.5em;*/
	padding: 0;
}


a {font-weight: normal;}
a:link {color: #000;}
a:visited {color: #000;}
a:focus {color: #000}
a:active {color: #000;}
a:hover {color: red;}

.offleft{
position: absolute;
margin-left: -9000px;
}

img.iconspacer {padding-right: 2px;}

.standfirst {font-weight: normal; font-size: 1.1em;}
.highlight {font-weight: normal; font-size: 1.1em;}

div.inlinelogos {margin-bottom: 20px; margin-top: 20px;}
div.inlinelogos img {margin-right: 5px; padding: 0 10px;}

div.whowearestaff {margin-left: 80px; min-height: 60px;}
div.whowearestaff h2 {margin-right: 0.5em; margin-top:2px;}

div.whoweareboard h2 {margin-right: 0.5em; display:inline;}
.whoclear {
	clear: both;
	margin-bottom: 20px;
}

div.w2links img {border: 0px;}

div.facebook {float:left;}
div.flickr {float:right;}

.imgfloatleft {
	float: left;
	display: inline;
	margin-right: 0.85em;
}
.imgfloatright {
	float: right;
	display: inline;
	margin-left: 0.85em;
}
li {
	list-style: circle;
}

ol li {list-style-type:decimal;}
/*use clear style after each floated div*/
.clear {
	clear: both;
}
/*container, column and layout styles follow: */


div#container {
	width: 960px;
	margin: 0 auto;
	padding: 0;
	text-align: left;
	font-size:0.775em;
	min-height: 100%;
	background-color: white;


}
div#content {
	width: 100%;
	margin: 0;
	overflow: auto;
	padding-top: 0;
	padding-bottom: 3em;

}
div#header {
	background-image:url(../images/sub_banner.jpg);
	height: 226px;
}

div#header img {border: 0;}
div#header a {border: 0;}

div#searchbox1 {
	margin-bottom: 2em;

}

div#column1 {
	float: left;
	display: inline;
	width: 600px;
	margin: 30px 20px 20px 30px;
	padding: 0;
/*	border: 1px solid pink; */

}
div#column2 {
	float: right;
	display: inline;
width: 270px;
		margin: 30px 30px 30px 0;
	padding: 0;
/*		border: 1px solid red;*/

}
div#footer {
	width: 100%;
}

#footer li {
	display: inline;
	font-size: 1em;
	border-right: 1px solid black;
	padding: 0 10px;
}
#footer li a {
	text-decoration: none;
	color: black;
}

#footer li a:hover {
	text-decoration: underline;
}

#menucontainer {
	background-color: #660000;
}
/* (horizontal) second level submenu styles follow.*/
.submenu {
	color: #FFF;
	background-color: #F90;
	padding: 10px 0 0 0;
	margin: 0;
	text-align: left;
	width: 100%;
}
.submenu ul {
	margin: 0;
	padding: 0;
	display: inline;
	border: none;
}
.submenu ul li {
	margin-left: 0;
	padding: 0 10px;
	list-style: none;
	display: inline;
}
.submenu li a {
	text-decoration:none;
	color: #FFF;
}

.submenu li a:visited {
	color: #fff;
	text-decoration: none;
}

.submenu li a:hover {
	color: #fff;
	text-decoration: underline;
}
#youthtab {
	background-color: #299daf;
}
#profdevtab {
	background-color: #e84f04;
}
#infotab {
	background-color: #490a3d;
}
#calendartab {
	background-color: #889b3a;
}
#aboutustab {
	background-color: #bd1f52;
}


/* breadcrumb trail*/
#breadcrumb {
	color: #000;
/*	background-color: #555349;*/
	padding: 3px;
/*	margin-top: 5px;*/
	}

#breadcrumb ul {
	margin-left: 0;
	padding-left: 0;
	display: inline;
	border: none;
	} 

#breadcrumb ul li {
	margin-left: 0;
	padding-left: 2px;
	border: none;
	list-style: none;
	display: inline;
	}

#breadcrumb li a {
	text-decoration:none;
	color: #000;
}
#breadcrumb li a:hover {
	color: #000;
	text-decoration: underline;
}


/*styles for articles and widgets follow */

/*.article styles all text articles*/
.article {
	background-color: #FFF;
	margin: 0;
	margin-bottom: 30px;
	padding: 0;
	border: 1px solid #a59f8f;
}

/* official styles registered charity info and other legal requirements */
#official {font-size: 0.8em;}

/*.colorbar styles coloured headers within articles*/
.colorbar {
	padding: 5px 40px;
	border-bottom: 5px solid #FFF;
}

.colorbar h1 {color: #FFF; font-size: 1.2em;}


/*.colorbar2 styles coloured headers on RH column articles*/
.colorbar2 {
	padding: 5px 10px;
}
.colorbar2 h1 {color: #FFF; font-size: 1.2em;}


/*.innerbox controls padding and margins within .article */
.innerbox {
	padding: 10px 7%;
}
.innerbox2 {
	padding: 10px 7%;
	color: #FFF;
}

.innerbox2 img {float: left; margin-right: 15px;}
.innerbox2 h1{color: #fff;}

div.innerbox2 p {line-height: 1.5em; margin: 0; padding: 0.5em 0 0.5em 0;}

/*archive styles*/
div.archiveyear {font-weight: bold;}
div.archivedate {padding-left: 1em;}
div.archivetitle {padding-left: 1em;}

/*profilebox styles biographies and similar list info*/
.profilebox {
	background-color: #FFF;
	margin: 10px 0;
	padding: 10px 0;
	border: 1px solid black;
}
.profile ul {
	border: 0;
	margin: 0;
	padding: 0;
}
.profile li {
	display: inline;
	list-style: none;
}
.profile p {
	margin-bottom: 15px;
}
.profile h2 {
	margin-top: 0;
	background-color:#e7e5d3;
	padding: 10px 2px;
}
.profile div {
	margin-top: 0;
	background-color:#e7e5d3;
}
.profile div img {
	float: left;
	display: inline;
	padding: 0.5em;
}

div.homefollow {margin-top: 40px;}
.homefollow img {margin-right: 10px; border: 0px; vertical-align:top;}