body {
	margin: 15px 0 20px 0;
	height: 100%;
	width: 100%;
	text-align: left;
}
body, table, pre {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 100%;
}
textarea, input {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 100%;
}
pre, ul, li, form {
    margin:0;
    padding:0px;
}
img {
	border:0;
}
wbr:after {
	content: "\00200B";
}

/********************************OVERALL STYLES*****************************************/

.clear-both
{
    clear:both;
		font-size:0px;
		line-height:0px;
		height:0px;
}   

float-left
{
    float:left;
}

float-right
{
    float:right;
}

a:link, a:visited {
    color:#666;
}
a:hover, a:active {
    color:#000;
}

h1,h2,h3,h4,h5
{
	font-size:100%;
	padding:0px;
	margin:0px;
	font-family: Arial, Helvetica, sans-serif;
}

p#logo {
	float:left;
	/* margin:-5px 0 0 20px; */
	margin:0 0 0 20px;
	color:#666;
	font-weight:bold;
}
p#logo img {
	padding-right:5px;
	vertical-align:text-bottom;
}

blockquote {
	margin: 0px;
	padding: 16px 0 0 62px;
	background: url("/img/quote_left.gif") left top no-repeat;
}
blockquote p {
	margin: 0px;
	padding: 0 48px 20px 0;
	background: url("/img/quote_right.gif") right bottom no-repeat;
	font-style: italic;
}
blockquote span {
	font-size: 11px;
	font-weight: bold;
	font-style: normal;
	position: relative;
	top: -30px; left: 0px;
}
* html blockquote {
	margin-top: 20px;
}
* html blockquote span {
	display: none;
}

/**************************GENERAL CONTAINERS, PRESENT ON MOST PAGES*********************/

#container {
	/*width:775px;*/ /* PREVIOUS VERSION WIDTH*/
	width: 975px;
	margin:auto;
	position:relative;
	font-size:.8em;
}

#container-alt {
	width: 100%;
	margin:auto;
	position:relative;
	font-size:.8em;
}

.padding-5{
	padding:5px 5px 5px 5px;
}

.margin-bottom-16{
	margin-bottom:16px;
}
.margin-bottom-8{
	margin-bottom:8px;
}

/*rounded border*/
.grey-container
{
	position:relative;
	width:100%;
}

.grey-container-2
{
	position:relative;
	width:100%;
}
.grey-container-left
{
	float:left;
	position:relative;
	/*width:555px;
	_width:554px; */ /* PREVIOUS VERSION WIDTH */
	width:725px;
	_width:724px;
	padding-bottom:10px;
}
.grey-container-right
{
	float:right;
	clear:right;
	position:relative;
	/*width:215px;
	_width:214px;*/ /* PREVIOUS VERSION WIDTH */
	width:235px;
	_width:234px;
	padding-bottom:10px;
}
.additional-search{
width: 950px;
margin-left: 12px;
margin-top:-10px;
background-color: #F0F0F0;
border-left: 1px solid #E2E2E2;
border-right: 1px solid #E2E2E2;
border-bottom: 1px solid #E2E2E2;
}
#search_keyword_block {
	padding-left:12px;
	padding-top:7px;
}
#search_keyword_block #search_keyword {
	margin-right:10px;
	width:200px;
}
#search_keyword_block #filter-toggle {
	position:absolute;
	right:20px;
	line-height:1.7em;
	padding-left:12px;
	background:url(/img/arrow_right.gif) 0 50% no-repeat;
	text-decoration:none;
	font-weight:bold;
	outline:none;
}
#search_keyword_block #filter-toggle:hover,
#search_keyword_block #filter-toggle:active {
	color:#000;
	text-decoration:none;
}
.filter-results{
border-top: 1px solid #CCC;
padding: 10px 12px 0;
color: #666;
display:none;
position:relative;
}
.filter-results #filter-results-header {
float: left;
display: block;
width: 100%;
padding-bottom: 5px;
border-bottom: 1px solid #CCC;
}
.filter-results #filter-results-header span {
float: left;
font-weight: bold;
color: #000;
}
.filter-results #filter-results-header a {
float: right;
}
.filter-results .left {
float:left;
display: inline;
border-right: 1px solid #CCC;
width: 20%;
padding: 5px  5px 5px 0;
margin-right: 1%;
font-size: 10pt;
min-height: 100px;
}
.filter-results .left p {
margin: 4px 0px
}
.filter-results .left label {
font-weight: bold;
color: #558D90;
}
.filter-results .left select {
margin: 4px 0px
}
.filter-results .last {
border-right:0;
width: 34%;
margin-right: 0;
}
.filter-results .last dl {
width: 25em;
display: block;
float: left;
margin: 0px 0px;
}
.filter-results .last dt {
font-weight: bold;
color: #558D90;
}
.filter-results .last dd {
float: left;
width: 8em;
margin: 4px 0 0 0;
}
.filter-results .last dd label {
clear: left;
display: block;
float: left;
text-align: right;
width: 65px;
font-weight: normal;
font-size: 11px;
}
.filter-results .last dd input {
clear: right;
float: left;
margin-left: 10px;
width: 20px;
}
.filter-results .last .treedata td {
	padding-top:0;
	padding-bottom:1px;
}
.filter-results .last .treedata label {
	font-weight:normal;
	color:#333;
}
.filter-results .last br
{
clear: left;
}

.content
{
	background:transparent url("/img/content-mid-bg.gif") 0 0 repeat-x;
	padding: 5px 15px 10px 25px;
	margin:0px 3px;
}
* html .content
{
	background: none;
}
.content-short
{
	background:transparent url("/img/content-short-bg.gif") 0 0 repeat-x;
	padding: 5px 15px 0 15px;
	margin:0px 3px;
}
.corner-top-left
{
	position:absolute;
	top:0px;
	left:0px;
	width:12px;
	height:12px;
	background:transparent url("/img/corner-top-left.gif") 0 0 no-repeat;
	z-index:50;
	_margin-right:-1px !important;
}
.corner-top-right
{
	position:absolute;
	top:0px;
	right:0px;
	width:12px;
	height:12px;
	background:transparent url("/img/corner-top-right.gif") 0 0 no-repeat;
	z-index:50;
}
.corner-bottom-left
{
	position:absolute;
	bottom:0px;
	left:0px;
	width:12px;
	height:12px;
	background:transparent url("/img/corner-bottom-left.gif") 0 0 no-repeat;
	z-index:50;
}
.corner-bottom-right
{
	position:absolute;
	bottom:0px;
	right:0px;
	width:12px;
	height:12px;
	background:transparent url("/img/corner-bottom-right.gif") 100% 0 no-repeat;
	z-index:50;
}
.corner-bottom-keyword-left{
	position:absolute;
	bottom:-1px;
	left:-1px;
	width:6px;
	height:6px;
	background:transparent url("/img/corner-bottom-keyword-left.gif") 100% 0 no-repeat;
	z-index:52;
}
.corner-bottom-keyword-right{
	position:absolute;
	bottom:-1px;
	right:-1px;
	width:6px;
	height:6px;
	background:transparent url("/img/corner-bottom-keyword-right.gif") 100% 0 no-repeat;
	z-index:52;
}
.border-top
{
	height:12px;
	width:100%;
	background:transparent url("/img/border-top.gif") 0 0 repeat-x;
	line-height:1px;
	font-size:1px;
}
.border-left
{
	background:transparent url("/img/border-left.gif") 0 0 repeat-y;
	_height:1px;
	margin-bottom:10px;
}
.grey-container-left .border-left,
.grey-container-right .border-left
{
	margin-bottom:0;
}

.border-right
{
	background:transparent url("/img/border-right.gif") 100% 0 repeat-y;
	position:relative;
	width:100%;
}
.border-bottom
{
	height:12px;
	width:100%;
	background:transparent url("/img/border-bottom.gif") 0 0 repeat-x;
	position:relative;
	line-height:1px;
	font-size:1px;
}
.border-bottom-new
{
	height:12px;
	width:100%;
	background:transparent url("/img/border-bottom-new.gif") 0 0 repeat-x;
	position:relative;
	line-height:1px;
	font-size:1px;
}
.border-bottom-keyword
{
	height:6px;
	width:100%;
	position:relative;
	line-height:1px;
	font-size:1px;
}

/*end of grey rounded border code*/

#content-stripe {
margin:0 10px 10px;
left: 0px;
text-align:left; 
color:#333;
border:1px solid #CCC;
border-width: 0 0 1px 0;
}
#content-stripe h1 {
margin-bottom:10px;
color:#507c7e;
font-weight: bold;
font-size: 1.2em;
letter-spacing:-1px;
color: #507c7e;
line-height: 24px;
}
#content-stripe a {
text-decoration: none;
color:#64969C;
}
#content-stripe a:hover, #content-stripe a:active {
text-decoration: underline;
}
#external-links{
width: 480px;
float: right;
padding: 8px 0;
}
#external-links li{
	display:block;
	width:33%;
	float:left;
}
#external-links li a {
	padding:0 4px 0 17px;
	background:url(/img/bullet_gotolink_green.gif) 0 0 no-repeat;
}
#content-sotw {
float: right;
text-align:left; 
color:#333;
width: 480px;
}
#content-sotw span{
clear: both;
display: inline;
float: left;
width: 100%;
font-weight: bold;
color: #748FA4;
font-size: 11pt;
padding: 7px 0;
border-bottom: 1px solid #CCC;
}
#content-sotw a {
clear: both;
font-weight: normal;
text-decoration: underline;
}
#content-sotw ul li a {
vertical-align:0.1em;
}

#links-details h3{
color:#336699;
font-size:0.9em;
margin:1.3em 0pt 0.3em;
}


/************ double donation ************/

#double_donation {
	width: 515px;
	margin: 10px auto;
	float: none;
	background: url(/img/bg_doubledonate_top_long.gif) 0 0 no-repeat;
	position: relative;
	top: -10px;
}
#double_donation h2 {
	font-size: 26px;
	font-weight: bold;
	font-style: italic;
	margin: 0 0 .3em 3px;
	color: #e62126;
}
#double_donation h2 a, #double_donation h2 a:hover, #double_donation h2 a:active {
	text-decoration: none;
	color: #e62126;
}
#double_donation p {
	color: #000;
	margin: 0 0 .5em 3px;
	font-weight: bold;
	font-size: 13px;
	text-align: left;
}
#double_donation p.more {
	color: #000;
	margin: 0;
	width: 100%;
	padding-top: 3px;
	font-size: 13px;
}
#double_donation p.more a, #double_donation p.more span {
	color: #e62126;
	text-decoration: none;
	line-height: 19px;
	padding: 0 10px 0 22px;
	background: url(/img/bullet_doubledonate.gif) 0 -1px no-repeat;
}
#double_donation p.more a:hover, #double_donation p.more a:active {
	text-decoration: underline;
}
#double_donation .content {
	padding: 18px 25px 0 18px;
	background: transparent;
	/*background: url(/img/logos/reed_small.gif) 450px 100% no-repeat;*/
}
#double_donation span.base {
	display: block;
	background: url(/img/bg_doubledonate_base_long.gif) 0 100% no-repeat;
	width: 100%;
	height: 13px;
}

.matched-box {
	margin: 10px;
	padding: 10px;
	border: 1px solid #E1E1E1;
}
.matched-box:hover {
	background: #E0EEEE;
}
.matched-box h2 {
	font-size: 14px;
}
.matched-box h2 a, .matched-box h2 a:visited {
	color: #008080;
	text-decoration: none;
}
.matched-box h2 a:hover {
	color: #000;
}


/************ home page buttons ************/
#home_options {
	display:block;
	/*position:relative;*/
	width:440px;
	margin:0 0 10px 15px;
	padding:0;
	float:left;
	border-right:1px solid #ccc;
}
.home_options_noline {
	border-right:0px !important;
}
#home_options .content {
	background:transparent;
	margin:0px;
	padding:0px;
}
#home_options .content ul {
	list-style:none;
	margin:0px 0px;
	list-style-position:outside;
}
#home_options .content li {
	float:left;
	margin:0px 13px 13px 0px;
}
#home_options .content li a {
	display:block;
	color:#555;
	font-family:Arial, Helvetica, Geneva, sans-serif;
	font-size:1.0em;
	font-weight:bold;
	text-decoration:none;
	text-align:center;
	height:29px;
	width:204px;
	overflow:hidden;
	margin:0px;
	padding:0px;
}
#home_options .content li a span {
	display:block;
	padding:4px 32px 6px 10px;
	margin:0px;
	line-height:1.5em;
}
#home_options .content li a:hover {
	color:#FFF;
	text-decoration:none;
}
#home_options .double-donation a {
	background:url(/img/homepage-buttons/home-sky-blue.gif) no-repeat 0 0;
	width:204px;
	height:29px;
	display:block;
	/*text-indent:-9999em;*/
}
#home_options .for-companies a {
	background:url(/img/homepage-buttons/home-strawberry-red.gif) no-repeat 0 0;
	width:204px;
	height:29px;
	display:block;
	/*text-indent:-9999em;*/
}
#home_options .charity-vouchers a {
	background:url(/img/homepage-buttons/home-grass-green.gif) no-repeat 0 0;
	width:204px;
	height:29px;
	display:block;
	/*text-indent:-9999em;*/
}
#home_options .leave-legacy a {
	background:url(/img/homepage-buttons/home-teal-grey.gif) no-repeat 0 0;
	width:204px;
	height:29px;
	display:block;
	/*text-indent:-9999em;*/
}
#home_options .double-donation a:hover, #home_options .for-companies a:hover,
#home_options .charity-vouchers a:hover, #home_options .leave-legacy a:hover {
	background-position:0 100%;
}


/************ other home page content ************/
#home-right {
	display:block;
	float:left;
	width:440px;
	margin:0 0 10px 20px;
}
#home-right h2 {
	font-size:1.2em;
	line-height: 24px;
	color:#507C7E;
	letter-spacing:-1px;
	margin-bottom:10px;
}
#home-right h3 {
	font-size:1.1em;
	color:#61A1D0;
	letter-spacing:-1px;
	margin:8px 0 2px;
}
#home-right p {
	font-size:.95em;
	margin:5px 0 10px;
}
#home-right a.more {
	font-size:1em;
	padding-right:14px;
	font-weight:bold;
	color:#2d2c2c;
	background:url(/img/bg_arrow_right_red.gif) 100% .3em no-repeat;
}
#home-right a.more:hover {
	color:#000;
}


/*********** navigation ************/
ul#nav {
	float: right;
	position: relative;
	display: block;
	margin: 0 0 20px;
	padding: 0;
	list-style-type: none;
	font-size: 1.1em;
	font-weight: bold;
	text-align: center;
	z-index: 5;
}
ul#nav li {
	float: left;
	position: relative;
	display: block;
	margin: 0 1px 0 0;
	padding: 0;
	text-align: center;
}
ul#nav li a {
	position: relative;
	display: block;
	height:47px;
	padding: 0 18px;
	color: #558D90;
	text-decoration: none;
	background: url('/img/bg_nav_mid.gif') 0 0 repeat-x;
	_float:left;
}
ul#nav li.inactive a:hover {
	background-position: 0 100%;
}
ul#nav li.double a {
	font-size: .9em;
	color: #e62126;
	padding:0 24px;
}
ul#nav li.login a {
	font-size: .9em;
	padding:0 24px;
	text-align: left;
}
ul#nav li.p-active a, ul#nav li.c-active a, ul#nav li.d-active a, ul#nav li.l-active a {
	background:#333 url('/img/bg_nav_mid_active.gif') 0 0 repeat-x;
	color: #FFFFFF;
}
ul#nav li a span {
	position:relative;
	top:14px;
	display:block;
	_height:1px;
	_float:left;
}
ul#nav li.double a span {
	top:6px;
}
ul#nav li.login a span {
	top:6px;
}
ul#nav li.p-active span {
	padding-bottom: 3px;
	border-bottom: 2px solid #61a1d0;
}
ul#nav li.c-active span {
	padding-bottom: 3px;
	border-bottom: 2px solid #9cb54d;
}
ul#nav li.d-active span {
	padding-bottom: 3px;
	border-bottom: 2px solid #E62126;
}
ul#nav li.l-active a span {
	padding-bottom: 3px;
	border-bottom: 2px solid #FF7722;
}
ul#nav li a span.left, ul#nav li a span.right {
	position:absolute;
	top:0;
	height:47px;
	width:8px;
	border:0;
}
ul#nav li a span.left {
	left:0;
	background:url(/img/bg_nav_left.gif) 0 0 no-repeat;
}
ul#nav li a span.right {
	right:0;
	background:url(/img/bg_nav_right.gif) 0 0 no-repeat;
}
ul#nav li.inactive a:hover span.left, ul#nav li.inactive a:hover span.right {
	background-position:0 100%;
}
ul#nav li.p-active a span.left, ul#nav li.c-active a span.left,
ul#nav li.d-active a span.left, ul#nav li.l-active span.left {
	background-image:url(/img/bg_nav_left_active.gif);
}
ul#nav li.p-active a span.right, ul#nav li.c-active a span.right,
ul#nav li.d-active a span.right, ul#nav li.l-active span.right {
	background-image:url(/img/bg_nav_right_active.gif);
}
ul#nav li.p-active a span.right, ul#nav li.c-active a span.right,
ul#nav li.d-active a span.right {
	_margin-right:-1px;
}
ul#nav li a:hover {
	text-decoration: none;
	cursor: pointer;
}

/*********** highlighting ************/
.highlight {
	color:#cc0000;
}
.bold {
	font-weight:bold;
}


/******** Thank you page *************/
body#donation_complete {
	margin:10px 0 0;
	padding:0;
	position:relative;
	font-size:.8em;
}
#container {
	/*width:775px;*/ /* PREVIOUS VERSION WIDTH*/
	width: 975px;
	margin:auto;
	position:relative;
	font-size:.8em;
}


/* easy clearing
http://www.positioniseverything.net/easyclearing.html */
.clear:after {
    position:relative;
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.clear {display: inline-block;}

/* Hides from IE-mac \*/
* html .clear {height: 1%; clear:both; }
.clear {display: block;}
/* End hide from IE-mac */