html { 
	overflow-y: scroll;
	}

body{
	margin: 0px;
	margin-top: 24px;
	padding:0;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #383838;
	background-image: url('images/2009/bkg.gif');
	background-repeat: repeat-x;
	background-color: #C7E5EC;
}

table, p, td, th {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #383838;
}

th, td
{
    text-align: left;
}

div.clear {
	clear: both;
	}
	
img {
	border:0px;
	}
	
form {
	margin:0px;
	}

h1, h2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #356795; 
	padding: 1px 0px 10px 0px;
	background-repeat: no-repeat;
	border-bottom: 1px solid #D9D9DA;
	}
	
h2 {
	color: #5594B3;
	margin-top: 25px;
	background-image: url('images/2009/icon-arrow.gif');
	padding: 1px 0px 10px 25px;
	}	
	
.listbartitle {	font-family: Verdana, Arial, Helvetica, sans-serif;	font-size: 13px; color: #587589; font-weight: bold;}

image.shadowbord {border: 1px solid #345789; filter:progid:DXImageTransform.Microsoft.dropshadow(OffX=2, OffY=2, Color='#D0D1D1', Positive='true'); margin-right:15px; }

.eventbox {
	background-color: #E4EBCF;
}
.eventboxfield {
	color: #3D5969;
}
.eventboxvalue {
	color: #3D5969; 
}
.totalfont {
	color: #585858;
}
.totalbars {
	background-color: #B8CFCC;
}
.gtotalfont {
	color: #346F96;
}
.listbarback {
	background-color: #D3E2E0;
}
.listbarfont {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 10pt	;
	color: #587589;
}
	
/* Header and Menu */
/*******************/

#header {
	width: 762px;
	margin: auto;
	background-color: #1B465B;
	height: 82px;
	}
	
#headerleft {
	float: left;
	width: 495px;
	text-align: left;
	height: 82px;
}

#headerright {
	float: right;
	width: 267px;
	text-align: right;
	height: 82px;
	/* background-image: url('images/2009/bkg-headerright.jpg'); */
}

#menuwrap {
	width: 780px;
	margin: auto;
	clear: both;
	}
	
#menuleft {
	width: 9px;
	float: left;
	}
	
#menuright {
	width: 9px;
	float: right;
	}
	
div.menudiv {
	background-image: url('images/2009/menudiv.gif');
	background-repeat: no-repeat;
	float: left;
	height: 29px;
	width:1px;
	}
	
#mhwrap {
	width: 780px;
	margin: auto;
	clear: both;
	}
	
#mh1 {
	width: 751px;
	height: 91px;
	float: left;
	background-color:#ffffff;
	padding-left:10px;
	padding-top:10px;
	background-position:left;
	border-right:1px white solid;
	}
	
.mh1-subpage {
	width: 760px;
	height: 113px;
	float: left;
	background-color:#999999;
	padding-left:1px;
	padding-top:15px;
	background-image:url(images/2009/bkg-sub-header-with-image.gif);
	border-right:1px white solid;	
	}
	
#mh1-subpage {
	width: 760px;
	height: 113px;
	float: left;
	background-color:#999999;
	padding-left:1px;
	padding-top:15px;
	background-image:url(images/2009/bkg-sub-header-with-image.gif);
	border-right:1px white solid;	
	}

.mh1-appeal {
	width: 760px;
	height: 113px;
	float: left;
	background-color:#999999;
	padding-left:1px;
	padding-top:15px;
	background-image:url(images/2009/bkg-sub-appeal-header.gif);
	border-right:1px white solid;	
	}

#mh1-appeal {
	width: 760px;
	height: 113px;
	float: left;
	background-color:#999999;
	padding-left:1px;
	padding-top:15px;
	background-image:url(images/2009/bkg-sub-appeal-header.gif);
	border-right:1px white solid;	
	}

.mh1-subpage-small {
	background-image:url(images/2009/bkg-sub-header.gif);
	width: 751px;
	height: 91px;
	float: left;
	background-color:#ffffff;
	padding-left:10px;
	padding-top:10px;
	background-position:left;
	border-right:1px white solid;
}	
	
#mh2 {
	width: 260px;
	height:229px;
	float: left;
	border-right: 1px solid #ffffff;
	background-color: #ffffff;	
	background-image: url('images/2009/bkg-mh2.gif');
	background-repeat: no-repeat;
	text-align: right;
	padding: 10px 18px 0px 0px;
	color: #ffffff;
	font-size: 11px;
	}	
	
#mhleft {
	float: left;
	width: 9px;
	}
	
#mhright {
	float: right;
	width: 9px;
	}
	
#friendform {
	padding-top: 8px;
	}
	
input.friendsearch {
	width:112px;
	height:16px;
	padding:3px 4px 3px 4px;
	background-image: url('images/2009/bkg-friendsearch.gif');
	background-repeat: no-repeat;
	border: 0px;
	}
	
input.friendbut {
	vertical-align: middle;
	padding-bottom: 4px;
	width: 25px;
	height: 22px;
	}
	
/* Main */
/********/
	
#mainwrap {
	width: 760px;
	margin: auto;
	border-left: 1px solid #ffffff;
	border-right: 1px solid #ffffff;	
	background-color: #ffffff;
	}
	
#mainleft {
	width: 518px;
	float: left;
	background-color: #ffffff;
	padding: 10px 20px 20px 20px;
	min-height:600px;
	}
	
#mainright {
	float: right;
	width: 202px;
	background-color: #eaeff3;
	padding: 0px 0px 15px 0px;
	}
	
#mainwrap-right-bgk{
	background-color:#EAEFF3;

	/*this div is inside the mainwrap div and acts as the background colour for the right hand div. so that when the right hand div is shorter than the left hand div it makes it look the same size.*/
	}
	
/* Feature Appeal */
/******************/	
	
span.featurehd {
	color: #F58220;
	font-weight: bold;
	font-size: 13px;
	}	
	
div.featurewrap {
	width: 419px;
	padding: 7px;
	font-size: 11px;	
	}	
	
div.featureleft {
	float: left;
	width: 108px;
	padding-left: 18px;
	}
	
div.featureright {
	float: right;
	width: 293px;
	color: #537F98;
	line-height: 1.3em;
	}
	
/* Features */
/************/
	
div.featurehd {
	width: 435px;
	height: 17px;
	margin-top: 12px;
	}
	
div.eventwrap {
	width: 435px;
	padding: 4px 0px 10px 0px;
	margin-bottom: 2px;
	color: #537F98;
	line-height: 1.3em;	
	}
	
img.featureitem {
	float: right;
	margin-left: 15px;
	}
	
div.featurefoot {
	width: 445px;
	height: 12px;
	padding: 4px 10px 4px 0px;
	margin-bottom: 16px;
	}
	
div.featurefootright {
	float: right;
	width: 265px;
	text-align: right;
	color: #537F98;
	}
	
div.featurefootleft {
	float: left;
	width: 160px;
	color: #537F98;
	}
	
a.featurelink:link { font-family: verdana, helvetica; text-decoration: underline; color: #345789 }
a.featurelink:active { font-family: verdana, helvetica; text-decoration: underline; color: #345789 } 
a.featurelink:visited { font-family: verdana, helvetica; text-decoration: underline; color: #345789 } 
a.featurelink:hover { font-family: verdana, helvetica; text-decoration: underline; color: #F58220}

/* Charity Box */
/***************/

#charitybox {
	width: 350px;
	margin: auto;
	padding-top: 10px;
	text-align: center;
	color: #5A8DAA;
	}
	
img.charity {
	margin-right: 10px;
	margin-left: 10px;
	margin-bottom: 10px;
	}
	
#charitylogos {
	padding-top: 30px;
	}
	
input.charitybut {
	vertical-align: middle;
	padding-bottom: 4px;
	width: 27px;
	height: 20px;
	}
	
	
	
/* Current Events */
/******************/

div.currentitem {
	border-bottom: 1px dotted #a6abb1;
	padding: 6px 4px 6px 4px;
	}
	
img.iconbullet {
	margin-right: 6px;
	margin-top: 3px;
	}
	
a.currentlink:link { font-family: verdana, helvetica; font-size: 11px; text-decoration: underline; color: #375f74}
a.currentlink:active { font-family: verdana, helvetica; font-size: 11px; text-decoration: underline; color: #375f74} 
a.currentlink:visited { font-family: verdana, helvetica; font-size: 11px; text-decoration: underline; color: #375f74} 
a.currentlink:hover { font-family: verdana, helvetica; font-size: 11px; text-decoration: underline; color: #345789 }

/* Thermo */
/**********/

#thermo {
	text-align: center;
	}
	
#thermobar {
	padding-top: 0px;
	padding-bottom: 10px;
	}

font.thermohd {
	color: #42647c;
	font-size: 13px;
	font-weight: bold;
	}

div.sidediv {
	border-top: 1px solid #c8d5e6;
	border-bottom: 1px solid #ffffff;
	clear: both;
	margin-top: 15px;
	margin-bottom: 15px;
	}
	
#charity {
	clear: both;
	}
	
.charityHeading
{
	color:#587589;
}

	
	
/* Links */
/*********/
 
a:link { font-family: verdana, helvetica; text-decoration: underline; color: #345789 }
a:active { font-family: verdana, helvetica; text-decoration: underline; color: #345789 } 
a:visited { font-family: verdana, helvetica; text-decoration: underline; color: #345789 } 
a:hover { font-family: verdana, helvetica; text-decoration: underline; color: #F58220}

a.nav:link { font-family: verdana, helvetica; font-size: 9px; text-decoration: none; color: #FFFFFF}
a.nav:active { font-family: verdana, helvetica;  font-size: 9px; text-decoration: none; color: #FFFFFF} 
a.nav:visited { font-family: verdana, helvetica;  font-size: 9px; text-decoration: none; color: #FFFFFF} 
a.nav:hover { font-family: verdana, helvetica;  font-size: 9px; text-decoration: none; color: #C8E9FF }

a.footer:link { font-size: 9px; text-decoration: none; color: #BCC8D0}
a.footer:active { font-size: 9px; text-decoration: none; color: #BCC8D0} 
a.footer:visited { font-size: 9px; text-decoration: none; color: #BCC8D0} 
a.footer:hover { font-size: 9px; text-decoration: none; color: #FFFFFF}

a.small:link { font-size: 11px; text-decoration: underline; color: #97282E}
a.small:active { font-size: 11px; text-decoration: underline; color: #97282E} 
a.small:visited { font-size: 11px; text-decoration: underline; color: #97282E} 
a.small:hover { font-size: 11px; text-decoration: underline; color: #A9AF00}

a.front:link { font-size: 11px; text-decoration: none; color: #3E5A6A}
a.front:active { font-size: 11px; text-decoration: none; color: #3E5A6A} 
a.front:visited { font-size: 11px; text-decoration: none; color: #3E5A6A} 
a.front:hover { font-size: 11px; text-decoration: none; color: #3E5A6A}

a.side:link { font-size: 11px; text-decoration: none; color: #585858}
a.side:active { font-size: 11px; text-decoration: none; color: #585858}
a.side:visited { font-size: 11px; text-decoration: none; color: #585858}
a.side:hover { font-size: 11px; text-decoration: none; color: #585858}

/* Footer */
/**********/

#footer {
	background-color: #587589;
	width: 761px;
	margin: auto;
	height: 27px;
	}
	
#footer1 {
	width: 20px;
	float: left;
	}
	
#footer2 {
	background:url('images/foot-bkg.gif');
	color: #bcc8d0;
	float: left;
	width: 538px;
	height: 23px;	
	padding-top: 4px;
	}
	
#footer2-default {
	background:url('images/foot-bkg.gif');
	color: #bcc8d0;
	float: left;
	width: 457px;
	height: 23px;	
	padding-top: 4px;
	}
	
#footer3 {
	float: left;
	width: 12px;
	}
	
#footer4 {
	float: left;
	width: 182px;
	background:url('images/foot-bkg2.gif');
	text-align: center;
	height: 23px;
	padding-top: 4px;	
	}
	
#footer4-default {
	float: left;
	width: 263px;
	background:url('images/foot-bkg2.gif');
	text-align: center;
	height: 23px;
	padding-top: 4px;	
	}
	
#footer5 {
	float: left;
	width: 9px;
	text-align: right;
	}
	
#footerbot {
	clear: both;
	width: 761px;
	background-color: #7096af;
	margin: auto;
	}
	
#footerbot1 {
	float: left;
	padding-left: 20px;
	padding-top: 6px;
	background-color: #7096af;	
	}
	
#footerbot2 {
	float: left;
	width: 180px;
	padding-left: 12px;
	padding-top: 6px;
	background-color: #7096af;		
	}
	
#footerbot3 {
	float: left;
	padding-right: 20px;
	width: 201px;
	text-align: right;
	background-color: #7096af;	
	}
	
/*====== GLOBAL OVERRIDES FOR MAJOR ITEMS AND DIFFERING BROWSER DEFAULTS =====*/

ul, li  { margin:0; padding:0; border:0px none; }
ul { margin-left:20px; }       /* kill default 50px left padding and set 20px */
li { margin-bottom:1em; }          /* set default inter-item vertical spacing */
.tightlist li { margin-bottom:0.25em; }     /* tighter list for simple bullets */


 /*========================= TOP OF THE MENU CASCADE =========================*/

.menu {
	border-left:0px none; border-right:0px none; border-top:0px none; position:relative;        /* establish a menu-relative positioning context */
	float:left;                                    /* play nicely with others */
	margin:0;
	padding:0;
	height:29px;                                  /* the menu's overall height */
	width: 762px;         /* we always want our menu to fill the available space */
	text-align: center;
	background:#ffffff;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;         /* this (and also below) sets the menu's font size */
}

.menu img {
	vertical-align: top;      /* prevent images from being pushed down by text */
}

.menu ul {
	padding:0;
	margin:0;
	border:0px none;
	list-style-type:none;          /* we don't want to view the list as a list */
	line-height:1.5em
}                               /* this must be 1.0 or 1.5 or 2.0 for Mozilla */

.menu li {
	float:left;    /* this creates the side-by-side array of top-level buttons */
	position:relative;    /* create local positioning contexts for each button */
	margin:0;
	padding-top: 0px;	
	margin-right: 0px;
	color: #456473;
	text-align: center;
}

.menu ul li table {
	margin:-1px 0;              /* IE5 needs -1px top and bottom table margins */
	margin:0;               /* re-zero the table margins for everyone but IE5 */
	border-collapse:collapse;      /* IE5 needs this for the sub-menus to work */
	font-size:12px;        /* this sets the base font size for our entire menu */
}

.drop {
	display:block;
	padding: 3px 8px;	       /* this sets the l/r margins for our menu item */
	margin:0;
	text-align:left;   /* this right alignment goes with the float:left below */
	cursor:pointer;      /* IE tries to switch back to an I-beam, don't let it */
	cursor:hand;           /* IE5 only knows about "hand", so set it both ways */
}


/*======================== TOP LEVEL MENU DEFINITIONS ========================*/

.menu ul li ul {
	display:none;                  /* initially hide the entire list hierarchy */
	padding:1px;                               /* this is our box border width */
}

.menu ul li a,
.menu ul li a:visited {                    /* unselected top-level menu items */
	display:block;
	float:left;
	margin:0;
	padding-left: 22px;
	padding-right: 23px;
	text-decoration:none;
	height:22px;
	padding-top: 7px;
	text-align: center;
	color: #456473;
}

.menu ul li:hover a,
.menu ul li a:hover {                        /* selected top-level menu items */
	margin: 0;
	padding-left: 22px;
	padding-right: 23px;
	height: 22px;
	padding-top: 7px;	
	color: #456473;
	cursor: pointer;
	cursor: hand;
	background-image: url('images/2009/bkg-menuitem.gif');
	background-repeat: repeat-x;
}

/*======================== 2ND LEVEL MENU DEFINITIONS ========================*/

.menu ul li:hover ul,
.menu ul li a:hover ul {                           /* 2nd level drop-down box */
	display:block;
	position:absolute;
	margin:0;
	top:28px;              /* place us just up underneath the top-level images */
	left:0px;       /* left-align our drop-down to the previous button border */
	height:auto;      /* the drop-down height will be determiend by line count */
	width:150px;
	color: #456473;                        /* this sets the unselected-text color */
	background: #ffffff;         /* this sets our menu's effective "border" color */
	border-bottom: 1px solid #AECCD7;
}

.menu ul li:hover ul.leftbutton,
.menu ul li a:hover ul.leftbutton {/* our first dropdown should not be skewed */
	left:0px;
}

.menu ul li:hover ul.skinny,
.menu ul li a:hover ul.skinny {             /* 2nd level skinny drop-down box */
	width:150px;   
}

.menu ul.rightmenu li:hover ul,
.menu ul.rightmenu li a:hover ul {    /* 2nd level neighborhood drop-down box */
	left:auto;
	right:0;         /* nudge the right menu right to line up under the border */
}

* html .menu ul.rightmenu li a:hover ul {         /* IE5/6 needs a tweak here */
	right:-1px;
}

.menu ul li:hover ul li a,
.menu ul li a:hover ul li a {                   /* 2nd level unselected items */
	border:0px none;
	border-top: 1px solid #AECCD7;	
	margin:0;
	padding:0;
	height: 22px;
	color:#456473;               /* this sets the unselected drop-down text color */
	background:#ffffff;		     /* this sets the drop-down menu background color */
	width:150px;
	padding-top: 5px;
}

.menu ul li:hover ul li:hover a,
.menu ul li a:hover ul li a:hover {                /* 2nd level selected item */
	color: #456473;
	border-top: 1px solid #AECCD7;	
	background-image: url('images/2009/bkg-menuitem.gif');
	background-repeat: repeat-x;
	/* padding-top: 5px;	 */
}

.menu ul li:hover ul.skinny li a,
.menu ul li a:hover ul.skinny li a,
.menu ul li:hover ul.skinny li a:hover,
.menu ul li a:hover ul.skinny li a:hover {     /* 2nd level un+selected items */
	width:150px;
}


#text {           /* the Mac's standard Safari browser will not see this code */
	height:1.215em;#
} /* Safari barfs on the illegal pound sign (#) after the rule's property val */		
	
	
	
	/* ************************************ */ 
	
	
div.sidediv {
	border-top: 1px solid #c8d5e6;
	border-bottom: 1px solid #ffffff;
	clear: both;
	margin-top: 15px;
	margin-bottom: 15px;
	}
	
div.sidediv2 {
	border-top: 1px solid #c8d5e6;
	border-bottom: 1px solid #ffffff;
	clear: both;
	margin-top: 5px;
	margin-bottom: 5px;
	}
		
	/* ************************************ */ 
	
.feature { font-family: Arial,Helvetica,Sans-serif; font-size: 12px; color: #587589; font-weight: bold; }
.small {font-size: 10px;} 
.thawte {font-size: 9px;} 
.subhead {	font-family: Verdana, Arial, Helvetica, sans-serif;	font-size: 13px;	color: #587589; font-weight: bold;}

input.signin {
background-color: #E4EBCF;
border: solid 1px #808080;
width: 110px;
height: 18px;
color: black;
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size: 10px;
}

.changedField { color:black; 
background: #D6DDE7; border: #99ABC4; border-style: solid; 
border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; 
border-left-width: 1px; }

.grey { color:black; 
background: #FFFFFF; border: #B7B8BA; border-style: solid; 
border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; 
border-left-width: 1px; }

.yellow { color:black; 
background: #FFFFCC; border: #B7B8BA; border-style: solid; 
border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; 
border-left-width: 1px; }

td.line { border-bottom: 1px solid #B7B8BA; }

image.style1 {border: 1px solid #7096AF; filter:progid:DXImageTransform.Microsoft.dropshadow(OffX=2, OffY=2, Color='#D0D1D1', Positive='true'); margin-right:15px; }

td.dotborder { border-bottom: 1px dotted #A4B66B; }
td.dotborder2 { border-bottom: 1px dotted #567387; }
td.lightborder { border-bottom: 1px solid #CED9A9; }
td.lightdotborder { border-bottom: 1px dotted #CED9A9; }

a.white:link { font-size: 9px; text-decoration: none; color: #FFFFFF}
a.white:active { font-size: 9px; text-decoration: none; color: #FFFFFF} 
a.white:visited { font-size: 9px; text-decoration: none; color: #FFFFFF} 
a.white:hover { font-size: 9px; text-decoration: underline; color: #FFFFFF}

td.botborder { border-bottom: 1px solid #99ABC4; }

textarea.search {
background-color: #EFEFCD;
color: black;
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size: 10pt
} 

input.search {
background-color: #EFEFCD;
color: black;
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size: 10pt
}

.navtext {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #556170;
}

.errormsg {
	color: #97282E;
}

.errorred {
	color: #FF0000;
}

.listbar {
	background-color: #D3DADF;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 11pt	;
	color: #346F96;
}
.barwhite {
	/* background-color: #E4EBCF; */
	background-color: #ffffff;
}
.barcolour {
	/* background-color: #F1F3F4; */
	background-color: #C7E5EC;
	}
	
.navbutton {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #585858;
	border: 1px solid #587589;
	background-color: #CDDBE4;
}

img.right {
	float: right;
	border: 1px solid #7096AF;
	padding: 3px;
	margin-left:15px;
	margin-bottom:15px;
	margin-top:2px
}