/* -- Reset -- */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
	font-family: Verdana, sans-serif;
}

b, strong {font-weight:bold;}
em {font-style:italic;}

body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {outline: none;}
a:focus, input:focus, submit:focus {outline: 1px dotted #66d;}
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/* -- Admin -- */

#toolbar {
display:block;
padding:10px 0 10px 10px;
position:absolute;
right:10px;
top:-40px;
}

#toolbar a {
background:none repeat scroll 0 0 #FFFFFF;
border:1px solid;
color:#000000;
display:block;
float:right;
font-size:8pt;
margin-left:5px;
padding:5px;
text-align:center;
width:110px;
cursor: pointer;
}

div#account, div#controls, div#admin {
opacity: 0.9;
padding: 20px;
position: absolute;
background: #fff;
border: 1px solid;
}

div#account {right: 20px;top: 0;}
div#controls {right: 147px;top: 0; width: 200px}
div#admin {right: 275px;top: 0;}

div#account, div#controls, div#admin {
display: none;
}


/* -- Layout -- */

body {background: url(bg_html.png) top left repeat-x #fff;}

#container {
width: 960px;
left: 50%;
position: relative;
margin: 40px 0 10px -480px;
padding: 0;
}

#header{
position: relative;
margin: 0px 10px 20px;
background: url(bg_header.png) top left no-repeat;
}

#header a.logo {padding: 25px 20px 0;display:block;}
#header p#charity {margin: 10px 20px 0;font-family:"Century Gothic", Arial, sans-serif;color: #5a5b5e;}
#header p#charity .number {font-weight:bold;}


#contactdetails {margin:0 20px;color: #5a5b5e;}
#contactdetails p {font-family:"Century Gothic", Arial, sans-serif;display:inline; padding: 0 10px 0 0; margin: 0 3px 0 0; border-right: 1px solid #5a5b5e;}
#contactdetails p.last {border:none;}
#contactdetails p span.green {color: #93b72b;font-weight:bold;}
.contact-org {display:inline;}

#breadcrumb {
bottom:0;
color:#FFFFFF;
height:20px;
padding:0;
position:absolute;
right:10px;
width:760px;
}

#nav, #footer {
height: 30px; 
background: #f4f5f7; 
margin: 0 10px 20px 10px;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border: 1px solid #ccc;
}

#footer {
clear: both;}

#footer .copyright {float:left;width:640px;padding:7px;font-size:0.8em;}
#footer li{display:inline;}
#footer a{display:block;float:right;padding:5px 5px 5px 10px;}


a {color: #36C; text-decoration: none;}
a:hover {text-decoration: underline;}

p, h1, h2, h3, h4, h5, ul {margin: 0 0 20px 0;}

p, li {line-height: 1.5em; font-size: 80%;}


h1 {font-size: 20pt; padding: 10px 0; color: #000; border-bottom: 1px solid #829925;}
h2 {font-size: 18pt;}
h3 {font-size: 16pt;}
h4 {font-size: 14pt;}
h5 {font-size: 12pt;}

/* -- Navigation -- */

#nav {}
#nav ul {padding: 0 5px;}

#nav ul li {
border-right:1px solid #CCCCCC;
display:inline;
line-height:30px;
margin-left:-3px;
padding:0 6px;
}

#nav ul li a {display: inline; color: #829925;font-size: 8pt;}

/* -- Adverts -- */

.advert {margin: 0 10px 20px; clear: both;}
#banner {
    height: 60px;
    overflow: hidden;
    position: absolute;
    right: 25px;
    top: 15px;
    width: 468px;
}

/* -- Content -- */

#main {
width: 640px;
float: left;
}

#main.content {
width: 620px;
float: left;
padding: 0 10px;
}

#sidebar {
width: 320px;
float: right;
}

/* -- Homepage Boxes -- */

/* Box 1 - 140px width box */

.box1 {
display: block;
width: 138px;
float: left;
margin: 0 10px 20px 10px;
position: relative;
overflow: hidden;
background: #f4f5f7;
border: 1px solid #ccc;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
}

.box1 h3 {
display:block;
font-size:10pt;
text-align: left;
margin: 0;
padding: 10px;
border-bottom: 3px solid #fff;
}

.box1 h3 a {
color: #829925;
display: block;
font-size: 100%;
}

.box1 span {
display: block;
font-size: 10pt;
}

.box1 h5 {
padding: 10px;
border-top: 1px solid #fff;
font-size: 8pt;
margin: 0;
}

.box1 .item1 h5 {
font-size: 10pt;
}

.box1 .news_item_inner {
position: relative;
padding: none;
margin: 0;
}

.box1 .item1 .news_item_inner {
padding-top: 110px;
}

.box1 p.leader {
display: none;
}

.box1 .news_image {display: none;}

.box1 .item1 .news_image {
display: block;
position: absolute;
top: 0;
width: 140px;
height: 110px;
overflow: hidden;
left: 0;
padding: 0;
}

.box1 item1 .news_image img {
width: 140px;
}

.box1 .news_all {display: none;}

.box1.sub3 p{padding:5px;}

/* Box 2 - 300px wide */

.box2 {
display: block;
width: 300px;
float: left;
margin: 0 10px 20px 10px;
position: relative;
overflow: hidden;
background: #f4f5f7;
border: 1px solid #ccc;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
padding: 0 0 20px;
}

.box2 h3 {
display:block;
font-size:14px;
margin: 0;padding: 8px;
border-bottom: 3px solid #fff;
}

.box2 h3 a {
color: #829925;
display: block;

}

.box2 span {
padding: 10px;
display: block;
font-size: 10pt;
}

.box2 h5 {
padding: 10px;
border-top: 1px solid #fff;
font-size: 10pt;
margin: 0;
}

.box2 .news_item_inner {
position: relative;
padding: none;
margin: 0;
}

.box2 p.leader {
display: none;
}

.box2 .news_image {display: none;}

.box2 .news_all {
background:none repeat scroll 0 0 #EEEEEE;
font-size:8pt;
height:10px;
padding:5px;
width: 290px;
border-top: 1px solid #fff;
}

.box2.noborder{border:none;}

.auto {height: auto;}

/* News Viewer - Primary news area on homepage */

.newsviewer {
margin: 0 10px 20px 10px;
position: relative;
background: #f4f5f7;
border: 1px solid #ccc;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
overflow: hidden;
min-height: 250px;
}

.newsviewer .news_image {
position: absolute;
top: 38px;
right: 0px;
display: none;
}

.newsviewer p.leader {
position: absolute;
bottom: 0px;
right: 0px;
width: 380px;
background: url(white80.png);
display: none;
padding: 10px;
margin: 0;
}

.newsviewer h5 {display: block; width: 220px;margin: 0;}
.newsviewer h5 a {display: block; padding: 6px 10px; border-bottom: 1px solid #fff; font-size:80%}

.newsviewer .item1 h5 a {background: #999; color: #fff;}

.newsviewer .item1 .news_image, .newsviewer .item1 p.leader {
display: block;
}

.newsviewer .news_all {
background:none repeat scroll 0 0 #EEEEEE;
font-size:8pt;
height:10px;
padding:5px;
display: block;
border-top: 1px solid #fff;
border-radius: 0 0 5px 5px;
-moz-border-radius: 0 0 5px 5px;
-webkit-border-radius: 0 0 5px 5px;
}

.newsviewer h2 {
display:block;
font-size:12pt;
height:15px;
padding:10px;
margin: 0;
border-bottom: 3px solid #fff;
color: #829925;
}

/* -- News -- */

#news {
margin: 0 10px 20px 10px;
}

/* -- Jobs -- */
#jobsfeed{padding-left:10px;}
#jobsfeed li{border-bottom:1px solid #ffffff;padding:10px 0;}
#jobsfeed ul{margin:0;}
#jobsrss{background:url(/skins/images/icons/16/rss.gif) no-repeat 0 50%; display:block;padding-left:20px;font-size:0.8em;margin:0 0 15px 15px;}

/* -- Comments -- */

.comments.box1 a.contact {
background-position: 5px 10px;
border-top:1px solid #FFFFFF;
display:block;
padding:10px 10px 10px 25px;
}

.comments.box2 p{padding:0 5px;}

.box1 table {
width: 140px;
border-color: #ddd !important;
margin: 0;
background-color: #ddd;
}

.box1 td {
font-size: 7pt;
border: 0;
}

.box2 table {
border-color: #ddd !important;
margin: 0;
background-color: #ddd;
width: 100%;
}

.box2 td a {
display: block; padding: 5px; font-size: 10pt;
}

/* -- RSS -- */

.box1.rss {padding: 0;}

.box1 .rss_title a {
padding: 10px 10px 0;
font-size: 10pt;
display: block;
font-weight: bold;
}

.box1 .rss_pubdate {
font-size: 7pt;
padding: 5px 10px 10px;
border-bottom: 1px solid #fff;
}

/* -- Events --*/

.box2.event .msl_event_image {display: none;}

.box2.event dt {padding: 10px 10px 5px;}
.box2.event dt a {font-weight: bold;}
.box2.event dd {font-size: 10pt;}

.box2.event dd.msl_event_description {display:none;}
.box2.event dd.msl_event_location {display:none;}
.box2.event dd.msl_event_time {padding: 0 10px 10px; border-bottom: 1px solid #fff;}

.box2.event a.msl_rss {
background-color: #EEEEEE;
font-size:8pt;
height:10px;
padding:5px 5px 5px 15px;
display: block;
}

/* Hacks... */

b.niftyfill {display: block;}

/* twitter include on homepage */
#twitter-homepage .tweet_avatar{display:none;}
#twitter-homepage .tweet_join{display:none;}
#twitter-homepage .tweet_time{padding:5px 10px 0px 10px;}
#twitter-homepage .tweet_text{padding-top:2px;}
#twitter-homepage li{border-bottom:1px solid #ffffff;}

h3.twitter {background: url(wolfbird.png) no-repeat scroll 260px -3px transparent;}

/* Banner advert */

.banner-advert {display:block;width:300px;height:100px;position:absolute;top:35px;right:20px;}

/* Social Networking */

ul#social {
    display: block;
    float: right;
    margin: 27px 0 0;
    width: 100px;
}
ul#social li{display:inline;}
ul#social a {
    display: block;
    float: left;
    height: 24px;
    margin: 0 5px 0 0;
    overflow: hidden;
    text-indent: -5000px;
    width: 24px;
}

ul#social a.twitter{background: url(twitter.png);}
ul#social a.facebook{background: url(facebook.png);}
ul#social a.youtube{background: url(youtube.png);}

.poll .answer, .poll .selected {display:inline;}

td {border: 1px solid #000;padding:5px;}