body {
	background-color: #ffffff;
	margin: 0px;
	padding: 0px;
	border: 0px;
}

a:link    { color: #6666cc; text-decoration: underline; }

a:visited  { color: #6666cc; text-decoration: underline; } 

a:hover  { text-decoration: none; } 


h1 {
	font-weight: bold;
	font-size: 120%;
	font-family: "Trebuchet MS", Verdana, sans-serif;
	margin-top: -10px;
	color: #666;
}

h2 { font-weight: bold; font-size: 100%; font-family: "Trebuchet MS", Verdana, sans-serif; color: #666666; }

h3 {
	font-weight: bold;
	font-size: 90%;
	font-family: "Trebuchet MS", Verdana, sans-serif;
	color: #666666;
}

li   {
	font-size: 75%;
	font-family: "Verdana", "Arial", "Helvetica", "sans-serif";
	line-height: 140%;
	color: #666666;
}



p      { font-size: 85%; line-height: 140%; font-family: "Verdana", "Arial", "Helvetica", "sans-serif"; color: #666666}

ul   { font-family: "Verdana", "Arial", "Helvetica", "sans-serif"; line-height: 150%}


td {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #666666;
}

/*-------------------------------------------------------------------------------------------------------------------------
STYLES RELATING TO PAGE LAYOUT 
-------------------------------------------------------------------------------------------------------------------------*/

#container { width: 758px; margin: 10px auto 15px; border: 1px solid #666; background-color: #fff; }


#header { padding: 3px; color: #666; font-size: 0.9em; }
.contactdetails { text-align: right; float: right; padding: 10px 5px 0 0; }

/* apply false columns using a background image */

.content2 { background: url(../_img/backgrounds/twocol.gif) top left repeat-y; margin: 0; padding: 0; }


/* styles used for two column layout on home page and any section home pages */

#homeleft { margin: 0; padding: 175px 15px 15px; float: left; width: 470px; font: normal 0.9 Helvetica, Arial, Verdana, sans-serif; }

.picture { background: url(../_img/blurrypeople.jpg) no-repeat;  }
	
.homeright { width: 230px; font-size: 0.85em; margin: 0 0 0 510px; padding: 10px 0 0; font: normal 0.9em Helvetica, Arial, Verdana, sans-serif; }
.homeright h2 { background-color: #20248C; color: #ffffff; padding: 5px; margin-top: 0; font: normal 1.0em Helvetica, Arial, Verdana, sans-serif;  }

/* styles used for two column layout on other pages */

#leftcontent { margin: 0; padding: 15px; float: left; width: 470px; }

#rightcontent { width: 230px; font-size: 0.85em; margin: 0 0 0 510px; padding: 10px 0 0 }

#rightcontent h2 { background-color: #800040; color: #ffffff; padding: 5px; margin-top: 0; font: normal 1.0em Helvetica, Arial, Verdana, sans-serif;  }

#deepleft { margin: 0; padding: 10px; float: left; width: 230px; font-size: 0.85em; }
#deepleft h3 { background-color: #20248C; color: #ffffff; padding: 5px; margin-top: 0; font: normal 1.1em Helvetica, Arial, Verdana, sans-serif;  }

#deepright { font-size: 1.0em; width: auto;  margin: 0 0 0 280px; padding: 30px 0 0 }


#solecontent { padding: 195px 15px 15px; background: url(/_img/blurrypeople_wide.jpg) top left no-repeat; }
#deepcontent { padding: 0 0 15px;  background: url(/_img/backgrounds/deep.gif) top left repeat-y; }

/* apply different image to different pages */

#deepcontent .picture { background: url(/_img/blurrypeople_wide.jpg) top left no-repeat;  height: 175px;}
#deepcontent .charity { background: url(/_img/contact_a_family.jpg) top left no-repeat;  height: 175px;}
#deepcontent .incentive { background: url(/_img/incentive.jpg) top left no-repeat;  height: 175px;}
#deepcontent .value { background: url(/_img/value.jpg) top left no-repeat;  height: 175px;}

.banner { background: url(../_img/backgrounds/banner.jpg) no-repeat; height: 120px; }


/* pages with a single column of content and a picture to the left */


.content {
	background: url(../_img/blurrypeople4.jpg) no-repeat left bottom;
	
}

.centrecontent {
	width: 470px;
	margin-left: 230px; 
	border-left: 1px solid #999;
	padding: 15px;
}

#contactphoto { background: url(/_img/contactphoto.jpg) top left no-repeat; }

#navigation {
	background-color: #8C8C8C;
	padding: 6px;
	border-top: 1px solid #000;
	border-bottom: 1px solid #000;
	color: #fff;
	font: normal 0.8em Helvetica, Arial, Verdana, sans-serif;
}

#navigation a:link { color: #fff; text-decoration: none; padding: 3px 4px; }
#navigation a:visited { color: #fff; text-decoration: none;	padding: 3px 4px; }
#navigation a:hover { color: #fff; padding: 2px 3px;	border: 1px solid #fff; }

#footer {
	font: 0.7em Verdana, Arial, Helvetica, sans-serif;
	color: #ffffff;
	background: #8C8C8C;
	padding: 3px;
	border-top: 1px solid #000000;
	clear: both;
}

#footer a:link, #footer a:visited { color: #fff; }
#footer a:hover { text-decoration: none; }

h1.strapline {
    font: bold 0.8em Helvetica, Arial, Verdana, sans-serif;
    color: #800040;
	background-color: #ccc;
	padding: 5px 5px 5px 15px;
	border-bottom: 1px solid #999;
	border-top: 1px solid #999;
	
}
.credit { width: 758px; margin: 10px auto 0; font: normal 0.5em Verdana, Arial, Helvetica, sans-serif; text-align: right; color: #999; }
.clear { clear: both; font: 1px Verdana, Arial, Helvetica, sans-serif; height: 1px; }