/************************ PAGE LAYOUT *************************/

/*
* {margin: 0px;}
*/

body {
	background: #FFF;
	margin: 0;
	padding: 0;
	font-family: Arial, Tahoma, Helvetica, sans-serif;	
	text-align: center;
	line-height: 1.4em;
	color: #333;
	font-size: x-small; /* for IE5/Win */
	f\ont-size: small; /* everyone else */
	height: 100%;
	}
#wrap {
	position: relative;
	text-align: left;
	margin: 0 auto;
	padding: 0;
	width: 57em;
	}
#headerfull {
	padding: 0;
	margin: 0;
	height: 190px;
	background: url(/images/headers/main_header1.jpg) no-repeat top left #fff;
	
}
#headerfull1 {
	padding: 0;
	margin: 0;
	height: 190px;
	background: url(/images/headers/main_header2.jpg) no-repeat top left #fff;
}
#headerfull2 {
	padding: 0;
	margin: 0;
	height: 190px;
	background: url(/images/headers/main_header3.jpg) no-repeat top left #fff;
}
#header {
	height: 160px;
	padding: 0;
	margin: 0;
	color: #fff;
	}
#bluebanner {
	background-color: #004F92;
	height: 0.7em;
	width: 100%;
	padding: 0;
	margin: 0;
	border-bottom: 1px solid #fff;
}
#search {
	position: absolute;
	top: 163px;
	right: 1%;
	padding: 1px;
	width: 200px;
	text-align: right;
	}
#search label {
	font-size: 100%;
	color: #fff;
	font-weight: bold;
	}
#search .textfield {
	width: 6em;
	vertical-align: middle;
	border: 1px solid #000;
	padding: 2px;
	background: url(/images/textfield.gif) repeat-x top left;
	}
#search .go {
	vertical-align: middle;
	}
#logo {
	padding: 18px 10px 0 0;
	margin: 0;
	text-align: right;
	}
#subnav {
	clear: both;
	float: left;
	width: 98%;
	font-size: 85%;
	background: #fff;
	padding: 9px 1% 9px 1%;
	}

#breadcrumb {
	clear: both;
	padding: 4px;
	color: #06C;
	font-size: 80%;
	}
	
#mainbody {
	float: left;
	width: 100%;
	}

#content {
	float: left;
	width: 75%;
	margin: 0;
	padding: 0;
}
#moreinfo {
   margin: 5px 0 0 0;
	padding: 0;
	float: right;
	width: 23%;
	}
		
#footer {
	/*position: relative;*/
	float: left;
	width: 100%;
	margin-top: 5px;
	background: #E5EAF5;
	}
#footer .button {
	float: right;
	margin: 5px 5px 5px 0;
	border: 0;
	}
#footer p {
	padding: 5px;
	margin: 0;
	text-align: center;
	}
#footer #carolyn {
	position: absolute;
	bottom: 0;
	right: 245px;
	}
	
/************************ SUB HEADERS ***********************/
	
#subheader {
	background: #FFF url("/images/header_blackonwhite.gif") repeat-y;
	}
#subheader h2 {
	padding: 1em 1em 2em 140px;
	}
#news #subheader h2 {
	background: url("/images/headers/news.jpg") no-repeat left;
	}
#aboutus #subheader h2 {
	background: url("/images/headers/aboutus.jpg") no-repeat left;
	}
#youcanhelp #subheader h2 {
	background: url("/images/headers/youcanhelp.jpg") no-repeat left;
	}
#corporate #subheader h2 {
	background: url("/images/headers/corporate.jpg") no-repeat left;
	}
#trusts #subheader h2 {
	background: url("/images/headers/trusts.jpg") no-repeat left;
	}
#events #subheader h2 {
	background: url("/images/headers/events.jpg") no-repeat left;
	}
#searchresults #subheader h2 {
	background: url("/images/headers/search.jpg") no-repeat left;
	}
#subheader span {
	display: block;
	margin: 0.5em 0 0 0;
	font-family: Tahoma, Verdana, sans-serif;
	font-size: 60%;
	}
	
/*************************** TABS ****************************/
#tabs {
	float: left;
	width: 100%;
	font-size: 85%;
	line-height: normal;
	padding: 0;
	margin: 0;
	height: auto;
	background-color: #004F92;
	border-top: 1px solid #fff;
	}
#tabs ul {
	margin:0;
	padding:0px 5px 0px 0px;
	list-style:none;
	}
#tabs li {
	float:left;
	margin:0;
	padding:0 0px 0 11px;
	}
#tabs a {
	float:left;
	display:block;
	border-bottom: none;
	border-right: 1px solid #407FB7;
	padding:9px 15px 6px 4px;
	text-decoration:none;
	font-weight:bold;
	color:#FFF;
	}
/* Commented backslash hack hides rule from IE5-Mac \*/
#tabs a {
	float:none;
	}
/* End IE5-Mac hack */
#tabs a:hover {
	color:#AACAEB;
	}
#tabs #current {
	background: url("/images/tab_left_on1.gif") no-repeat left top;
	}
#tabs #current a {
	background: url("/images/tab_right_on1.gif") no-repeat right top;
	color:#00549F;
	margin: 0;
	padding-bottom:8px;
	}
	
/******************* SUB NAV ******************/

#subnav ul {
	margin:0;
	padding:0;
	list-style:none;
	}
#subnav li {
	float:left;
	margin:0;
	padding:0 8px 0 8px;
	border-right: 1px solid #00549F;
	}
#subnav a {
	color: #00549F;
	font-weight: bold;
	text-decoration: none;
	}
#subnav a:hover {
	color: #C00;
	}
/************* COMMON ****************/

.error {
	color: #FF0000;
	font-weight: bold;
}

hr, .hidden {
	display: none;
	}
hr.show {
	display: block;
	height: 1px;
	}
a {
	color: #00549F;
	font-weight: bold;
	text-decoration: underline;
	}
a:hover {
	color: #C00;
	}
p {
	margin: 1em 0 1em;
	padding: 0;
	}
h1 {
	font-family: Arial, Helvetica, sans-serif, Verdana, sans-serif;
	font-size: 220%;
	line-height: 1em;	
	font-weight: bold;
	margin: 0;
	}
h2 {
	font-family: Arial, Helvetica, sans-serif, Verdana, sans-serif;
	font-size: 210%;
	line-height: 1em;	
	font-weight: bold;
	margin: 0 0 0.5em 0;
	}

#home h2 { color: #01ABD8; }
#aboutus h2 { color: #FF7F00; }
#family h2 { color: #0193A6; }
#fundraising h2 { color: #CC66CC; }
#contactus h2 { color: #8B49B1; }
#news h2 { color: #00AA70; }
#links h2 { color: #E6C511; }
#other h2 { color: #C24747; }

#fundraising h3 { color: #CC66CC; }

.cattitle { font-weight: bold; padding: 2px; }
#home .cattitle { color: #01ABD8; }
#aboutus .cattitle { color: #FF7F00; }
#family .cattitle { color: #0193A6; }
#fundraising .cattitle { color: #CC66CC; }
#contactus .cattitle { color: #8B49B1; }
#news .cattitle { color: #00AA70; }
#links .cattitle { color: #E6C511; }
#other .cattitle { color: #C24747; }

h3 {
	font-family: Arial, Helvetica, sans-serif, Verdana, sans-serif;
	font-size: 170%;
	line-height: 1em;	
	font-weight: normal;
	margin: 0.5em 0 0 0;
	}
h4 {
	font-family: Arial, Helvetica, sans-serif, Verdana, sans-serif;
	font-size: 140%;
	line-height: 1em;	
	font-weight: bold;
	margin: 1em 0 0 0;
	}
h5 {
	font-family: Arial, Helvetica, sans-serif, Verdana, sans-serif;
	font-size: 130%;
	line-height: 1em;	
	font-weight: bold;
	margin: 1em 0 0 0;
	}
form {
	margin: 0;
	padding: 0;
	}
.left {
	float: left;
	width: 88%;
}
.right {
	float: right;
	width: 12%;
}
/************************* BOXES *************************/
/********** sidenav ************/	
#newsbox {
	padding: 8px 1% 0 1%;
}
#newsbox h3 {
	color: #01ABD8;
	font-weight: bold;
}
#newsbox .weekdate {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	color: #00549F;
	font-size: 80%;
}
#newsbox hr {
	display: block;
	clear: both;
	height: 1px;
	color: #999;
	margin: 6px 0 15px 0;
}
	
/********** main cats rounded border stretchy box! ************/
.top_box-wrap { width: 100%; margin: 5px 0 0 0; padding: 0;}
#home .top_box-wrap { background-color: #01ABD8; }
#aboutus .top_box-wrap { background-color: #FF7F00; }
#family .top_box-wrap { background-color: #0193A6; }
#fundraising .top_box-wrap { background-color: #CC66CC; }
#contactus .top_box-wrap { background-color: #8B49B1; }
#news .top_box-wrap { background-color: #00AA70; }
#links .top_box-wrap { background-color: #E6C511; }
#other .top_box-wrap { background-color: #C24747; }

.top_box-tr { margin: 0; padding: 0; }
#home .top_box-tr { background: url(/images/bkg_home_tr.gif) no-repeat right top; }
#aboutus .top_box-tr { background: url(/images/bkg_aboutus_tr.gif) no-repeat right top; }
#family .top_box-tr { background: url(/images/bkg_family_tr.gif) no-repeat right top; }
#fundraising .top_box-tr { background: url(/images/bkg_fund_tr.gif) no-repeat right top; }
#contactus .top_box-tr { background: url(/images/bkg_contact_tr.gif) no-repeat right top; }
#news .top_box-tr { background: url(/images/bkg_news_tr.gif) no-repeat right top; }
#links .top_box-tr { background: url(/images/bkg_links_tr.gif) no-repeat right top; }
#other .top_box-tr { background: url(/images/bkg_other_tr.gif) no-repeat right top; }

.top_box-tl { margin: 0; padding: 0; }
#home .top_box-tl { background: url(/images/bkg_home_tl.gif) no-repeat left top; }
#aboutus .top_box-tl { background: url(/images/bkg_aboutus_tl.gif) no-repeat left top; }
#family .top_box-tl { background: url(/images/bkg_family_tl.gif) no-repeat left top; }
#fundraising .top_box-tl { background: url(/images/bkg_fund_tl.gif) no-repeat left top; }
#contactus .top_box-tl { background: url(/images/bkg_contact_tl.gif) no-repeat left top; }
#news .top_box-tl { background: url(/images/bkg_news_tl.gif) no-repeat left top; }
#links .top_box-tl { background: url(/images/bkg_links_tl.gif) no-repeat left top; }
#other .top_box-tl { background: url(/images/bkg_other_tl.gif) no-repeat left top; }

.top_box-br { margin: 0; padding: 0; }
#home .top_box-br { background: url(/images/bkg_home_br.gif) no-repeat right bottom; }
#aboutus .top_box-br { background: url(/images/bkg_aboutus_br.gif) no-repeat right bottom; }
#family .top_box-br { background: url(/images/bkg_family_br.gif) no-repeat right bottom; }
#fundraising .top_box-br { background: url(/images/bkg_fund_br.gif) no-repeat right bottom; }
#contactus .top_box-br { background: url(/images/bkg_contact_br.gif) no-repeat right bottom; }
#news .top_box-br { background: url(/images/bkg_news_br.gif) no-repeat right bottom; }
#links .top_box-br { background: url(/images/bkg_links_br.gif) no-repeat right bottom; }
#other .top_box-br { background: url(/images/bkg_other_br.gif) no-repeat right bottom; }

.top_box-bl { margin: 0; padding: 0; }
#home .top_box-bl { background: url(/images/bkg_home_bl.gif) no-repeat left bottom; }
#aboutus .top_box-bl { background: url(/images/bkg_aboutus_bl.gif) no-repeat left bottom; }
#family .top_box-bl { background: url(/images/bkg_family_bl.gif) no-repeat left bottom; }
#fundraising .top_box-bl { background: url(/images/bkg_fund_bl.gif) no-repeat left bottom; }
#contactus .top_box-bl { background: url(/images/bkg_contact_bl.gif) no-repeat left bottom; }
#news .top_box-bl { background: url(/images/bkg_news_bl.gif) no-repeat left bottom; }
#links .top_box-bl { background: url(/images/bkg_links_bl.gif) no-repeat left bottom; }
#other .top_box-bl { background: url(/images/bkg_other_bl.gif) no-repeat left bottom; }

.top_box-content { margin: 0; padding: 6px 6px;}

.top_box-content2 { margin: 0; padding: 2px 2px;}
#home .top_box-content2 { background: url(/images/bkg_home_grad.gif) no-repeat top left #fff; }
#aboutus .top_box-content2 { background: url(/images/bkg_aboutus_grad.gif) no-repeat top left #fff; }
#family .top_box-content2 { background: url(/images/bkg_family_grad.gif) no-repeat top left #fff; }
#fundraising .top_box-content2 { background: url(/images/bkg_fund_grad.gif) no-repeat top left #fff; }
#contactus .top_box-content2 { background: url(/images/bkg_contact_grad.gif) no-repeat top left #fff; }
#news .top_box-content2 { background: url(/images/bkg_news_grad.gif) no-repeat top left #fff; }
#links .top_box-content2 { background: url(/images/bkg_links_grad.gif) no-repeat top left #fff; }
#other .top_box-content2 { background: url(/images/bkg_other_grad.gif) no-repeat top left #fff; }

/* landing pages bottom boxes */
.twoboxcontainer {
	margin: 0px;
	padding: 0px;
	float: left;
	width: 100%;
}
.mini_box-wrap {
	width: 48%;
	margin: 0 1% 12px 0;
	float: left;
	background-color: #fff;
}
.mini_box-tr { margin: 0; padding: 0; background: url(/images/bkg_mini3_tr.gif) no-repeat right top; }
.mini_box-tl { margin: 0; padding: 0; background: url(/images/bkg_mini3_tl.gif) no-repeat left top; }
.mini_box-br { margin: 0; padding: 0; background: url(/images/bkg_mini3_br.gif) no-repeat right bottom; }
.mini_box-bl { margin: 0; padding: 0; background: url(/images/bkg_mini3_bl.gif) no-repeat left bottom; }
.mini_box-content { margin: 0; padding: 10px; }
.mini_box-content2 { margin: 0; padding: 3px; background-color: #fff; font-size: 85%; min-height: 80px; }
.mini_box-content3 { margin: 0; padding: 3px; background-color: #fff; font-size: 85%; min-height: 110px; }
.mini_box-content a { font-weight: bold; text-decoration: none; }
.mini_box-content a:hover { text-decoration: underline;  }

#home .mini_box-content dt a { color: #01ABD8; }
#aboutus .mini_box-content dt a { color: #FF7F00; }
#family .mini_box-content dt a { color: #0193A6; }
#fundraising .mini_box-content dt a { color: #CC66CC; }
#contactus .mini_box-content dt a { color: #8B49B1; }
#news .mini_box-content dt a { color: #00AA70; }
#links .mini_box-content dt a { color: #E6C511; }
#other .mini_box-content dt a { color: #C24747; }

#content .mini_box-content2 dl {
	position: relative;
	/*width: 100%;*/
	margin: 0;
	padding: 0;
	min-height: 65px;
	}
* html #content .mini_box-content2 dl {
	height: 65px; /* fix thumbnail overlap in IE */
	}
#content .mini_box-content2 dt {
	margin: 0 0 0 65px;
	padding: 0;
	}
#content .mini_box-content2 dd.summary {
	margin: 0 0 0 65px;
	padding: 0;
	}
#content .mini_box-content2 dd.thumbnail {
	position: absolute;
	top: 0.3em;
	left: -40px;
	}

/* home page only balloons and 3 x small boxes */
#home .top_box-content3 { background: url(/images/bkg_balloons.jpg) no-repeat top right; }

.threeboxcontainer {
	margin: 0px;
	padding: 0px;
	float: left;
	width: 100%;
}
.home_mini_box-wrap {
	width: 31%;
	margin: 0 1% 0 0;
	float: left;
	background-color: #fff;
}
.home_mini_box-wrap2 {
	width: 100%;
	margin: 0 0 12px 0;
	background-color: #fff;
}
.home_mini_box-tr { margin: 0; padding: 0; background: url(/images/bkg_mini_tr.gif) no-repeat right top; }
.home_mini_box-tl { margin: 0; padding: 0; background: url(/images/bkg_mini_tl.gif) no-repeat left top; }
.home_mini_box-br { margin: 0; padding: 0; background: url(/images/bkg_mini_br.gif) no-repeat right bottom; }
.home_mini_box-bl { margin: 0; padding: 0; background: url(/images/bkg_mini_bl.gif) no-repeat left bottom; }
.home_mini_box-content { margin: 0; padding: 7px 7px; }
.home_mini_box-content2 { margin: 0; padding: 10px; background: #00549F; }
.home_mini_box-content2a { margin: 0; padding: 8px 5px 8px 65px; background: url(/images/home_about.jpg) no-repeat top left #00549F; }
.home_mini_box-content2b { margin: 0; padding: 8px 5px 8px 65px; background: url(/images/home_family.jpg) no-repeat top left #00549F; }
.home_mini_box-content2c { margin: 0; padding: 8px 5px 8px 65px; background: url(/images/home_fund.jpg) no-repeat top left #00549F; }
.home_mini_box-content a { color: #fff; font-weight: bold; text-decoration: none; font-size: 130%; line-height: 120%; }
.home_mini_box-content a:hover { text-decoration: underline;  }

.right_mini_box-wrap {
	width: 100%;
	margin: 0 0 12px 0;
	background-color: #fff;
}
.right_mini_box-tr { margin: 0; padding: 0; background: url(/images/bkg_mini2_tr.gif) no-repeat right top; }
.right_mini_box-tl { margin: 0; padding: 0; background: url(/images/bkg_mini2_tl.gif) no-repeat left top; }
.right_mini_box-br { margin: 0; padding: 0; background: url(/images/bkg_mini2_br.gif) no-repeat right bottom; }
.right_mini_box-bl { margin: 0; padding: 0; background: url(/images/bkg_mini2_bl.gif) no-repeat left bottom; }
.right_mini_box-content { margin: 0; padding: 7px 7px; }
.right_mini_box-content2 { margin: 0; padding: 10px; background: #FFF; font-size: 130%; color: #666; line-height: 120%; }
.right_mini_box-content a { font-weight: bold; text-decoration: none; }
.right_mini_box-content a:hover { text-decoration: underline;  }

.spacer {
	clear: both;
	line-height: 1px;
	padding: 0px;
	margin: 0px;
}
/********************* HOME BITS **********************/
#balloons {
	text-align: right;
	margin: 77px 0 10px 0;
	padding: 0;
	}
#content dl {
	position: relative;
	width: 100%;
	margin: 0 0 15px 0;
	padding: 0;
	min-height: 65px;	
	}
* html #content dl {
	height: 65px; /* fix thumbnail overlap in IE */
	}
#content dt {
	margin: 0 0 0 75px;
	padding: 0;
	}
#content .date {
	font-size: 85%;
	color: #666;
	}
#content dd.date {
	margin: 0 0 0 75px;
	padding: 0;
	}
#content dd.summary {
	margin: 0 0 0 75px;
	padding: 0;
	}
#content dd.thumbnail {
	position: absolute;
	top: 0.3em;
	left: -40px;
	}
	
#content dd.giftthumbnail {
	/*position: static;
	top: 0.3em;
	left: -40px;*/
	position: relative;
	border: 0px dotted green;
	padding: 0px;
	margin: 0px;
	}
	
	div.vgiftholder {
	float: left;
	margin: 0px;
	padding: 0px;
	width: 100%;
	}
	
	div.vgiftsub {
	float: left;
	vertical-align:bottom;
	padding: 0px;
	margin: 0px;
	border: 0px dashed blue;
	}
	
	div.bookholder {
	width: 220px;
	float: left;
	vertical-align:bottom;
	display: block;
	text-align:center;
	}
	
	div.booksub {
	padding:2px;
	width:100%;
	}
	
	div.booksub2 {
	padding:2px;
	width: 105px;
	}
	
	.booktip {
	text-align:left;
	text-decoration: none;
	font-weight:normal;
	}
	
	
	.block {
	display: block;
	}
	
	.noborder {
	border: 0px;
	}
	
	.center {
	text-align: center;
	}
	.w25 {
		width: 25%;
	}
	
	.w33 {
		width: 33%;
	}
	
	.w50 {
		width: 50%;
	}
		
	.w100 {
		width: 100%;
	}
	
	.pad10 {
		padding: 10px;
	}
	
	
	.dinfo{
    position:relative; /*this is the key*/
    z-index:24;
	text-align:center;
	text-decoration:none;
	}

.dinfo:hover{z-index:25; background-color:#fff /*IE6 needs bg colour, else it paints it behind everything and you can't see it.*/}

.dinfo div.tip{display: none; text-align:left; cursor: default; }

.dinfo:hover div.tip{ /*the span will display just on :hover state*/
    display:block;
    position:absolute;
    top:0em; left:75px; width:15em;
    background-color:#fff; color:#000;

    border:1px solid #cccccc; /* border colour */
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
    }

.clickable {
	cursor: pointer;
	color: #CC66CC;
}

.nocursor {
	cursor:default;
}

	
		.info {
		z-index:99;
		position: relative;
		}
		
		.info:hover {
		z-index: 100;
		}
		
		.info div.tooltip{
        display: none;  /* hide the span text using this css */
		/*display:block;
		position:absolute;*/
		z-index:100;
	    top: 2em;
        left: 80px;
        width:15em;
        border:1px solid #cccccc; /* border colour */
        background-color:#ffffff; /* background colour here */
        color:#000000;         /* text colour */
		padding-left: 10px;
		padding-right: 10px;
		padding-bottom: 10px;
        }
	
		.info:hover div.tooltip{ /*the span will display just on :hover state*/
        display:block;
        position:absolute;
        z-index:100;
		}
	
		.L_2nd
		{
			left: 130px;
		}
		
		.L_3rd
		{
			left: 190px;
		}
		
		.L_4th
		{
			left: 300px;
		}
		
		.highlight2 {
		font-weight: bold;
		color: #cc66cc;
		border: 0px solid red;
		}
		
		.test2 {
			background:none;
		}
		
		.z10 {
		position: relative;
		/*z-index: auto;*/
		}
		
		.z1 {
		z-index: 1;
		}
		
		.border0 {
		border: 0px;
		}
		
		.righttext {
		text-align:right;
		}
		
		.leftfloat {
	float: left;
		}
		
		.test123
		{
		position:relative;
		z-index: auto;	
		}
		
		.clear {
		clear:both;
		}
/******************** THEMES **********************/

#theme .whiteonblack {
	color: #FFF;
	background: #000;
}
#theme .whiteonblack a {
	color: #FFF;
}
#theme .blackonyellow {
	color: #000;
	background: #FFFD55;
}
#theme .blackonyellow a {
	color: #000;
}
#theme .yellowonblack {
	color: #FF0;
	background: #000;
}
#theme .yellowonblack a {
	color: #FF0;
}
#theme .blackonwhite {
	color: #000;
	background: #FFF;
}
#theme .blackonwhite a {
	color: #000;
}

/******************** MISC ***********************/

#loginform {
	padding: 50px;
	}
#loginform fieldset {
	margin: 30px 0 0 0;
	border: 0;
	}
#contactform {
	border: 1px dotted #95B0E1;
	background: #F2F5FA;
	margin: 10px 0;
	width: 99%;
	}
#contactform .textfield {
	width: 10em;
	}
#contactform textarea {
	width: 99%;
	}
#contactform #submit {
	padding: 3px;
	margin: 10px 0;
	}
#contactform ul {
	list-style: none;
	}
#other dt, #other dd.summary {
	padding: 0;
	margin: 0 0 0 3.5em;
	}
#other dd.searchscore {
	position: absolute;
	left: -5%;
	top: 6px;
	padding: 2px;
	border: 1px solid #CCC;
}
#googleform {
	border: 1px dotted #95B0E1;
	background: #F2F5FA;
	margin: 10px 0;
	width: 93%;
	padding: 3%;
	}
.divider {
	display: none;
	}
	
/********************* PAGES ***********************/

#simplepage, #newspage, #eventspage {
	padding: 10px;
	clear:both;
}
.eventteaser {
	padding: 0 0 10px 0;
}
	
#sitemap ul {
	line-height: 180%;
}
#sitemap ul li ul {
	line-height: 130%;
}
	
/**************** MOBIUS BITS ********************/
.alternative {
	color: #777;
	font-size: 90%;
	}
.highlight {
	background-color: #FFE;
	}
	
#iconlink {
	line-height: 3em;
	font-size: 70%;
	text-align: center;
	}
.blank {
	display: none;
}