body {
	color: #615757;
	font: 1.0em/1.5em georgia, "lucida bright", "times new roman", serif;
	background: #a1a294 url('img/shadow.png') repeat-y center top;
}

.spacer { height: 32px; }
.half-spacer { height: 16px; }
.mini-spacer { height: 8px; }
.clearfix { clear: both; }

.meta {
  color: #aaaaaa;
  font-size: 11px;
}

.padding { padding: 8px 16px;}
.half-padding { padding: 4px 8px;}
.mini-padding { padding: 2px 4px;}

.box-wrap { background-color: #e8e8e8; }
.box-wrap-form { background-color: #ffffcc; }
.box-wrap-notification {
  background-color: #bde5f8;
  color: #00529b;
}
.box-wrap-success {
  background-color: #dff2bf;
  color: #4f8a10;
}
.box-wrap-warning {
  background-color: #feefb3;
  color: #9f6000;
}
.box-wrap-error {
  background-color: #ffbaba;
  color: #d8000c;
}
.box-wrap-white { background-color: white; }

#content {
	padding: 30px 0;
}
#content img {
	margin-right: 20px;
}
.strapline {
	font-style: italic;
	font-weight: bold;
}
a {
	color: #8daa1c;
	text-decoration: none;
}
a:hover {
	color: #61348b;
	text-decoration: underline;
}
#content ul li {
	/*background: url('img/bullet.png') no-repeat top left;
	padding-left: 50px;
	margin-bottom: 14px;*/
}
img {
	border: 1px solid #ccc;
}
p {
	margin-bottom: 20px;
}
blockquote {
  padding: 5px 30px 10px 30px;
  margin: 0;
  background: url('img/quote_left.gif') no-repeat top left;
  font-style: italic;
  text-align: justify;
}
blockquote span {
	/*display: block;*/
	padding: 5px 30px 0 0;
	background: url('img/quote_right.gif') no-repeat bottom right;
}
.form-wrap-top {
	background: url('img/form_top.gif') no-repeat bottom center;
	height: 15px;
}
.form-wrap {
	background: #61348b;
	margin: 0;
}
.form-wrap {
	margin: 0;
	width: 100%;
	overflow: hidden;
}
.form-wrap-bottom {
	margin: 0;
	background: url('img/form_bottom.gif') no-repeat top center;
	height: 15px;
}
form#volunteering, form#candidates {	
	color: #fff;
	/*margin-bottom: 20px;*/
	font-size: 13px;
}
form fieldset {
	padding: 0px 20px;	
}
legend {
	font-size: 24px;
	padding:0 0 10px;
}
select {
	padding: 6px 0;
}
.glass {
	background: url('img/glass.gif') no-repeat center left;
	padding-left: 50px;
	margin-bottom:10px;
}
a.add {
	background: url('img/plus.gif') no-repeat center left;
	padding:10px 0 10px 30px;
	color: #fff;
	margin-left: 200px;
}
label {
	/*font-weight: bold;
	width: 200px;*/
	float: left;
}
#content h1 {
	font-size: 24px;
	color: #fff;
	position: relative;
	/*#61348b */
	margin-bottom: 40px;
	margin-top: 40px;
	background: #61348b;
	padding:10px;
}
#content h1.top {
	margin-top: 10px;
}
h1 span.tl {
	background: url('img/header_top_left.gif') no-repeat top left;
	padding: 20px;
	position: absolute;
	left: 0;
	top: 0;
}
h1 span.tr {
	background: url('img/header_top_right.gif') no-repeat top right;
	padding: 20px;
	position: absolute;
	right: 0;
	top: 0;
}
h1 span.br {
	background: url('img/header_bottom_right.gif') no-repeat bottom right;
	padding: 0 20px 44px 20px;
	position: absolute;
	right: 0;
	top: 0;
}
h1 span.bl {
	background: url('img/header_bottom_left.gif') no-repeat bottom left;
	padding: 0px 50px 50px 50px;
	position: absolute;
	left: 0;
}
div.comment {
	background: url('img/comment.gif') no-repeat top left;
	padding: 20px 20px 5px 37px;
	color: #615757;
	font-size: 14px;
	margin-left: 10px;
	font-weight: bold;
	/*width: 200px*/;
	float: left;
	display: inline;
}
div.comment span {
	display: none;
}
h1 a {
	color: #fff;
}

.accessibility-aid {
  position: absolute;
  text-indent: -999em;
  margin: 0;
  padding: 0;
}
#banner {
	background: url('img/header.png') no-repeat top left;
	height: 210px;
}
#navigation {
	background: url('img/nav.png') repeat-x top left;
	height: 40px;
	font-size: 24px;
}
#navigation ul, #footer-nav ul {
	list-style: none;
	margin: 0;
	padding: 0;
	text-align: center;
	overflow: hidden;
}
#footer-nav ul {
	margin: 10px 0 0 0;
	
}
#navigation ul {
	padding: 6px 0;
}
#navigation ul li, #footer-nav ul li {
	display: inline;
	margin: 0;
	padding: 0;
}
#navigation ul li {
	padding: 9px 0;
	margin-right: -9px;
}
#navigation ul a, #footer-nav ul a {
	color: #fff;
	text-decoration: none;
	padding: 10px 20px;
	
}
#footer-nav ul a {
	padding: 0 30px;
}
#navigation ul a {
	background: url('img/separator.gif') no-repeat 18px right;	
}
#navigation ul li.last a {
	background: none;	
}
#navigation ul li.current a, #navigation ul a:hover {
	background: url('img/footer_bg.gif') repeat-x top left !important;
}
#footer {
	background: url('img/footer.jpg') no-repeat bottom left;
	height: 100px;
	font-size: 18px;
}
#footer-nav {
	background: url('img/footer_bg.gif') repeat-x top left;
	padding-bottom: 10px;
}
div.result {
	padding:10px 20px 1px;
	color: white;
	
	/*background: url('img/megaphone.gif') no-repeat top left;
	padding-left: 100px;
	height: 100px;*/
}
div.result .meta {
	/*line-height: 1em;*/
}
div.result p {
	font-size: 16px;
	margin-bottom: 5px;
}
form#candidates input#postcode {
	width: 340px;
}
form#volunteering input#location, form#volunteering input#keywords {
	width:385px;
}
input.text {
	height: 20px;
}
input.text,textarea {
	color: #666;
	border: 0;
	padding: 6px 0px 6px 5px;
	margin: 0;
	background: url('img/input.gif') no-repeat top left;
	border: 1px solid #666;
	/*font: 1.0em/1.5em georgia, "lucida bright", "times new roman", serif;*/

}
textarea {
	/*border: none;*/
	background: #fff;
}
form#candidates input#search:hover {
	
	cursor: pointer;
}
form#candidates input#search {
	background: url('img/button.gif') repeat-x top left;
	border: 1px solid #c2ea27;
	color: #fff;
	margin: 0;
	padding: 5px;
}
p.button, p.submit {
	margin-bottom:5px;
	/*text-align: center;*/
}
p.submit input {
	background: url('img/button.gif') repeat-x top left;
	border: 1px solid #c2ea27;
	color: #fff;
	margin: 0;
	padding: 5px 10px;
}
p.button a {
	background: url('img/button.gif') repeat-x top left;
	padding: 0px 10px 5px 10px;
	border: 1px solid #c2ea27;
	color: #fff;
	font-size: 24px;
}
.do-it-powered {
	background: url('img/do-it-powered.png') no-repeat;
	width: 72px;
	height: 50px;
	float: right;
	position:relative;
	top:-8px;
}
ul.categories {
	list-style: none;
	padding: 0;
	margin: 0;
	background: none;	
}
ul.categories li {
	float: left;
	background: url('img/button.gif') repeat-x top left !important;
	padding: 5px 10px !important;
	margin: 5px !important;
}
ul.categories li:hover {
	background: url('img/footer_bg.gif') repeat-x top left !important;
}
ul.categories li a {
	color: #fff;
}
ul.categories li a:hover {
	text-decoration: none;
}
div.box {
	background: #61348b url('img/blog_top.gif') no-repeat top center;
	color: #fff;
	font-size: 18px;
	width: 250px;
	margin: 20px 0;
}
div.box div.box-inner {
	background: url('img/blog_bottom.gif') no-repeat bottom center;
	padding: 20px;
}
div.handshake {
	background: url('img/handshake.gif') no-repeat top right;
	padding-right: 120px;
	height: 80px;
}
p.readmore {
	text-align: right;
}
p.readmore a {
	background: url('img/readmore.gif') no-repeat top left;
	color: #fff;
	padding: 14px 50px;
	font-size: 18px;
}
p.readmore a:hover {
	text-decoration: none;
}
p.pagination {
	margin: 40px 0;
}
p.pagination a {
	color: #615757;

}
p.pagination a#prev {
	float: left;
	background: url('img/prev_arrow.gif') no-repeat center left;
	padding: 20px 0px 20px 80px;
}
p.pagination a#next {
	float: right;
	background: url('img/next_arrow.gif') no-repeat center right;
	padding: 20px 80px 20px 0;
}
li.comment{
	margin-bottom: 40px;
}
div.comment-meta {
	background: url('img/singlecomment.gif') no-repeat top left;
	padding-left: 50px;
	margin-bottom: 14px;
	height:33px;
}
div.comment-meta p {
	margin: 0;
	padding: 0;
	font-weight: bold;
}
p.caption {
	text-align: center;
	font-weight: bold;
	font-style: italic;
	font-size: 13px;
	margin: 0 0 13px 0;
}
form#comment_form {
	background: #9eb50b url('img/formcomment-top.gif') no-repeat top left !important;
	margin-bottom: 20px;
	color: #fff;
}

form#comment_form legend {
	padding:20px 0 10px;	
}

form#comment_form fieldset {
	background: #9eb50b url('img/formcomment-bottom.gif') no-repeat left bottom !important;
	padding: 10px 20px !important;
}
form#comment_form input#submit {
	background: url('img/submit.gif') no-repeat top left;
	padding: 10px 45px;
	border: none;
	color: #fff;
	cursor: pointer;
	float: right;
}
form#comment_form input.text {
	width: 240px;
}
form#comment_form input#captcha {
	/*position:relative;*/
		/*top:-5px;*/
}
form#comment_form textarea {
	width: 540px;
	height: 140px;
}
form#comment_form input#captcha {
	float: left;
	padding: 8px 0px 8px 5px;
}
#captcha-img {
	border: 1px solid #666;
	margin: 0 0 0 8px;
	padding: 0;
	float: left;
}
/* set millions of background images */
.rbroundbox { background: #61348b }
.rbtop div { background: url(img/header_top_left.gif) no-repeat top left; }
.rbtop { background: url(img/header_top_right.gif) no-repeat top right; }
.rbbot div { background: url(img/header_bottom_left.gif) no-repeat bottom left; }
.rbbot { background: url(img/header_bottom_right.gif) no-repeat bottom right; }

/* height and width stuff, width not really nessisary. */
.rbtop div, .rbtop, .rbbot div, .rbbot {
width: 100%;
height: 9px;
font-size: 1px;
}
.rbbot div{
	height: 25px;
}
.rbcontent { margin: 0 24px; 
	font-size: 24px;
	color: #fff;
	padding: 0;
	/*display: block;
	height: 1px;
	position: relative;
	top: -12px;*/
}
.rbcontent p {
	margin: 0;
	padding: 0;
}
.rbcontent a {
	color: #fff;
}
.rbroundbox {
	margin-bottom: 40px;
	float: left;
	display: block;
}
.rbroundbox a:hover {
	text-decoration: none;
}