
html, body, ul, ol, li, p, blockquote, q, h1, h2, h3, h4, h5, form, fieldset, a, div, img {
	margin: 0px;
	padding: 0px;
	border: 0px;
}

#accessibility {
	position: absolute;
	left: 0px;
	top: 0px;
	height: 1px;
	font-size: 0.1em;
}

#adminModeIndicator {
	left: 0px;
	top: 0px;
	font-family: "Lucida Sans Unicode", "Lucida Grande", Arial, Helvetica, sans-serif;
	font-size: 70%;
	position: absolute;
	width: 138px;
	height: 76px;
	background-image: url(../rewrite/images/active.gif);
	background-position: left top;
	background-repeat: no-repeat;
}

#adminModeIndicator p {
	margin: 56px 0px 0px 49px;
}

a.adminLogoutLink, a.adminLogoutLink:visited {
	/* Admin Links */
	color: #ffffff;
	text-decoration: underline;
}

#blocksLeft {
	float: left;
	width: 271px;
}

#blocksRight {
	float: right;
	width: 271px;
}

body {
	margin: 0px;
	padding: 0px;
	background-color:#ffffff;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 100%;
	background-image: url(../graphics/bg.gif);
	background-repeat: repeat-x;
	background-position: left top;
}

.brendoncareGreenBold {
	color:#00a99d;
	font-weight:bold;
}

#brendoncareCharity {
	clear:both;
	padding-top:4px;
}

#brendoncareCharity ul {
	margin:0px;
}

#brendoncareCharity ul li{
	line-height:1.2em;
	margin:0px;
}

#brendoncareCharityLink {
	text-align:right;
}

#brendoncareCharity #brendoncareCharityLink a{
	color:#00a99d;
}

#centrePageWrapper {
	height: auto;
	top: 0px;
	background-color: #cfecdd;
	margin-left: auto;
	margin-right: auto;
	width: 762px; /* for IE5/Win */
	voice-family: "\"}\"";
	voice-family: inherit;
	width: 760px; /* actual width */
	border: 1px solid #cccccc;
}

.clear {
	clear: both;
	font-size: 1%;
}

#content {
	background-color: #FFFFFF;
	float: right;
	padding: 4px;
	font-size: 70%;
	width: 555px; /* for IE5/Win */
	voice-family: "\"}\"";
	voice-family: inherit;
	width: 547px; /* actual width */
}

#content img {
	margin-bottom: 4px;
}

#blocksLeft img,  #blocksRight img{
	margin-bottom: 0px;
}

.column50pct {
	width: 50%;
	float: left;
	height: auto;
}

#content p {
	line-height: 1.7;
	padding-left: 2px;
	margin-bottom: 1.7em;
}

#contentLeft {
	float: left;
	width: 274px;
}

#contentRight {
	float: right;
	width: 269px;
}

#content a, #content a:visited { 
	color: #0000FF;
	text-decoration: none;
}

#content a:hover { 
	text-decoration: underline;
}

#content a.adminLink, #content a.adminLink:visited {
	/* Admin Links */
	background-color: #ffcd02;
	padding: 5px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

#content a.adminLink:hover { 
	background-color: #ffe788;
}

#content h1 {
	font-size: 175%;
	color: #072f67;
	margin: 3px 0px 7px 0px;
	font-family: Arial, Helvetica, sans-serif;
	padding-left: 2px;
}

#content h2 {
	font-size: 130%;
	font-weight: bold;
	margin-left: 3px;
	margin-bottom: 3px;
}

#content h3 {
	font-size: 100%;
	font-weight: bold;
	margin-left: 3px;
}

#content ul, #content ol {
	margin: 6px 6px 6px 20px;
}

#content li {
	margin: 6px 6px;
	line-height: 1.7;
}

#contentSingleColumn {
	padding: 0px;
}

#contentSingleColumn p {
	padding-right: 20px;
}

#dateContainer {
	background-color: #cfecdd;
	width: 183px;
	height: 45px;
	font-family: Arial, Helvetica, sans-serif;
	overflow: hidden;
}

#dateExpansionGap {
	background-color: #ffffff;
}

#dateLeft {
	background-color: #9ddac2;
	float: left;
	margin-right: 5px;
}

#dateRight {	
	background-color: #cfecdd;
}

#donate {
	float: right;
	width: 92px;
}

#enquiryForm label { 
	font-weight:bold;
}

input , textarea{ 
	font-family:Arial, Helvetica, sans-serif;
	font-size: 100%;
}

.errorColour {
	color: #FF0000;
}

#eventList1, #eventList2, #eventList3 {
	list-style: none;
}

#eventList1 li, #eventList2 li, #eventList3 li {
	background-image: url(../graphics/bullet-event.gif);
	background-repeat: no-repeat;
	background-position: 0px 6px;
	margin-left: -6px;
	padding-left: 12px;
	color: #b345aa;
	font-weight: bold;
}

.floatleft {
	float: left;
	margin: 3px 3px 5px 0px;
}

#footer {
	padding: 0px 10px 10px 10px;
	font-size: 70%;
	background-image: url(../graphics/footer-line.gif);
	background-position: 10px 0px;
	background-repeat: no-repeat;
	font-family: Arial, Helvetica, sans-serif;
}

#footerLeft {
	width: 520px;
	float: left;
}

#footerRight {
	width: 220px;
	float: right;
	text-align: right;
}

#footerLinks, #footerLinksR {
	margin: 0px;
	padding: 8px 0px 0px 0px;
}

#footerLinks li, #footerLinksR li{
	margin: 0px;	
	display: inline;
	list-style: none;
}

#footerLinks a, #footerLinksR a {
	color: #000000;
	text-decoration: none;
}

#footerLinks a:hover, #footerLinksR a:hover {
	text-decoration: underline;
}

#gapUnderMenus {
	height: 5px;
	font-size: 1%;
	background-color: #FFFFFF;
}

#header {
	background-color: #ffffff;
	height: 105px;
	width: 760px;
	background-image: url(../graphics/header.gif);
	background-position: 0px 0px;
	background-repeat: no-repeat;
	position:relative;
}

#header25 {
	position:absolute;
	left:569px;
	top:31px;
	width:190px;
	height:74px;
	background:url(../graphics/moredots.gif) left top no-repeat;
}

#header25 img {
	margin:10px 0px 0px 28px;	
}

#headerLinksList {
	padding: 0px;
	margin: 0px;
	list-style: none;
	line-height: 1;
	font-size: 70%;
}

#headerLinksList li {
	margin: 0px 0px 7px 5px;
}

#headerLinksList a {
	text-decoration: none;
	color: #00a38f;
}

#headerLinksList a:hover {
	color: #000000;
}

#headerLeft {
	width: 577px;
	height: 105px;
	float: left;
}

#headerRight {
	width: 183px;
	height: 105px;
	float: right;
}

#homeBoxTCL, #homeBoxHomes, #homeBoxCare, #homeBoxInvolved, #homeBox25 {
	height: auto;
	width: 271px;
}

#homeBoxTCL { 
	background-color: #59b224;
}

#homeBoxHomes { 
	background-color: #0860a8;
}

#homeBoxCare { 
	background-color: #ff9900;
}

#homeBoxInvolved { 
	background-color: #a43a9a;
}

#homeBox25 { 
	background-color: #00457c;
}

.homeBoxPic {
	height: 140px;
}

.homeBoxCopy {
	height: auto;
}

.homeBoxCopyInner {
	padding: 6px;
	color:#FFFFFF;
	line-height: 1.5;
}

.homeBoxCopyInnerOrange {
	padding: 6px;
	color:#ff9900;
	line-height: 1.5;
}

.homeBoxMore {
	height: 17px;
}

#homeLink {
	background-color: #00a38f;
	padding: 3px;
	margin-bottom: 4px;
}

#homeLink a {
	color: #FFFFFF;
	font-weight: normal;
	text-decoration: none;
}

#homeLink a:hover {
	color: #cfecdd;
}

#jobSearch {
	float: left;
	width: 71px;
}

.newsLinkDivider {
	background-color: #d1e8e7; 
	background-image: url(../graphics/newslinkdivider.gif);
	background-position: center top;
	background-repeat: no-repeat;
	height: 3px;
	font-size: 1%;
}

.newsLinkHome {
	background-color: #d1e8e7;
	padding: 3px;
	font-size: 90%;
	line-height: 1.6;
}

.newsLinkHome a, .newsLinkHome a:visited { 
	text-decoration: none;
	color: #000000;
}

.newsLinkHome a:hover { 
	text-decoration: underline;
}

.newsLinkMore {
	color: #083877;
}

.newsArticle {
	padding: 8px;
	margin-bottom: 4px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #000066;
	line-height: 1.7;
}

.newsArticleDate {
	font-weight: bold;
	margin-bottom: 6px;
}

#newsTitle {
	background-color: #083877;
	color: #FFFFFF;
	font-size: 110%;
	font-weight: bold;
	padding: 3px;
	margin-bottom: 4px;
}

#main {
	padding: 10px;
}

#mapHolder {
	overflow: hidden;
	width: 269px;
	height: 281px;
	float: right;
	margin: 2px 0px 12px 4px;
}

#menuBar {
	height: 20px;
	background-color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
}

#menus {
	position: relative;
	left: 0px;
	height: 20px;
	width: 760px;
}

.picLeft {
	float: left;
	margin-right: 4px;
}

.picRight {
	float: right;
	margin-left: 4px;
}

.rewriteLink {
	margin: 12px 0px 12px 0px;
}

#sectionTitle {
	background-color: #ffffff;
	padding: 3px;
	margin-bottom: 4px;
	color: #000000;
	font-weight: bold;
}

#sbLinks, #sbLinks ul {
	padding: 0px;
	margin: 0px;
	list-style: none;
}

#sbLinks li {
	padding: 2px 2px 2px 9px;
	border: 1px solid #bce4d3;
	margin-bottom: 2px;
	background-image: url(../graphics/arrow-care3.gif);
	background-repeat: no-repeat;
	background-position: 0px 7px;
	width: 165px; /* for IE5/Win */
	voice-family: "\"}\"";
	voice-family: inherit;
	width: 154px; /* actual width */
}

#sbLinks li a { 
	text-decoration: none;
	color: #072f67;
}

#sbLinks li a:hover { 
	color: #0083af;
}

#sbLinks .sbClubs {
	background-color: #aa9bd1;
	background-image: url(../graphics/arrow-clubs.gif);
}

#sbLinks .sbClubs a {
	color: #FFFFFF;
}

#sbLinks .sbClubs a:hover {
	color: #5538a3;
}

#sbLinks .sbHome {
	background-color: #85afd7;
	background-image: url(../graphics/arrow-care.gif);
}

#sbLinks .sbHome a {
	color: #FFFFFF;
}

#sbLinks .sbHome a:hover {
	color: #0c5fb0;
}

#sbLinks .sbHelp {
	background-color: #d9a2d4;
	background-image: url(../graphics/arrow-help.gif);
}

#sbLinks .sbHelp a {
	color: #FFFFFF;
}

#sbLinks .sbHelp a:hover {
	color: #b345aa;
}

#sbLinks .sbInfo {
	background-color: #7fb9bc;
	background-image: url(../graphics/arrow-info.gif);
}

#sbLinks .sbInfo a {
	color: #FFFFFF;
}

#sbLinks .sbInfo a:hover {
	color: #00747a;
}

#searchform label {
	font-weight: bold;
}

#sidebar {
	background-color: #FFFFFF;
	float: left;
	padding: 4px;
	font-size: 70%;
	width: 175px; /* for IE5/Win */
	voice-family: "\"}\"";
	voice-family: inherit;
	width: 167px; /* actual width */
}

#sidebarSpacer {
	height: 4px;
	font-size: 1%;
	clear:both;
}

#tblCharges caption { 
	text-align:left;
	font-weight:bold;
	font-size: 120%;
	margin-bottom: 6px;
	padding-left: 1px;
}

#tblCharges th {
	text-align:left;
}

#tblCharges th, #tblCharges td, #tblContacts td, #tblClubHampshire td, #tblClubHampshire th, .tblClubHampshire td, .tblClubHampshire th {
	padding: 5px 0px;
}

#tblCharges summary {
	display: none;
}

#tblContacts th {
	display: none;
}

#tblClubHamphire, .tblClubHampshire {
	border-collapse:collapse;
}

.tblClubHampshire td, .tblClubHampshire th {
	border: 1px solid #aaaaaa;
}

.tblClubHampshire caption {
	text-align:left;
	font-size:1.5em;
}

.tblClubHampshire td, .tblClubHampshire th {
	padding:5px;
}

#tblClubHampshire th, #tblClubHampshire td {
	border: 1px solid #000000;
}
#tblJobs caption, #display summary, #tblContacts caption, #tblContacts summary, #tblClubHampshire summary, #tblClubHampshire caption, .tblClubHampshire summary, .tblTrustees caption  {
	display: none;
}

#tblJobs th, #tblJobs td, .tblTrustees td {
	padding: 4px;
}

#tblJobs th { 
	background-color: #00a38f;
	color: #FFFFFF;
}

#theTime, #theDate {
	font-size: 70%;
	padding: 5px;
}

#theTime {
	text-align: center;
	font-weight: bold;
}

.withoutdivider {
	padding: 0px 5px 0px 0px;
	background-image: none;
}

.withdivider {
	padding: 0px 5px 0px 15px;
	background-image: url(../graphics/footer-divider.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}

.withdividerLeft {
	padding: 0px 0px 0px 15px;
	background-image: url(../graphics/footer-divider.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}



/* ************************************************************* */
/* DROP DOWN NAVIGATION MENUS */
/* ************************************************************* */

#nav, #nav ul {
	padding: 0px;
	margin: 0px;
	list-style: none;
	line-height: 1;
	font-size: 70%;
	font-weight: bold;
}

#nav a {
	display: block;
	text-decoration: none;
	color: #003E7E;
}

#nav ul li a {
	width: 152px;
	color: #FFFFFF;
}

#nav li {
	float: left;
	padding: 0px;
}

#nav0, #nav1, #nav2, #nav3, #nav4, #nav5, #nav6, #nav7 {
	width: 95px;
	height: 20px;
}

#nav0 a {
	background-image: url(../graphics/menu-about.gif);
	background-position: 0px 0px;
	background-repeat: no-repeat;
}

#nav0 a:hover, #nav1 a:hover, #nav2 a:hover, #nav3 a:hover, #nav4 a:hover, #nav5 a:hover, #nav6 a:hover, #nav7 a:hover {
	background-position: 0px -20px;
}

#nav1 a {
	background-image: url(../graphics/menu-care.gif);
	background-position: 0px 0px;
	background-repeat: no-repeat;
}

#nav2 a {
	background-image: url(../graphics/menu-total.gif);
	background-position: 0px 0px;
	background-repeat: no-repeat;
}

#nav3 a {
	background-image: url(../graphics/menu-clubs.gif);
	background-position: 0px 0px;
	background-repeat: no-repeat;
}

#nav4 a {
	background-image: url(../graphics/menu-help.gif);
	background-position: 0px 0px;
	background-repeat: no-repeat;
}

#nav5 a {
	background-image: url(../graphics/menu-info.gif);
	background-position: 0px 0px;
	background-repeat: no-repeat;
}

#nav6 a {
	background-image: url(../graphics/menu-events.gif);
	background-position: 0px 0px;
	background-repeat: no-repeat;
}

#nav7 a {
	background-image: url(../graphics/menu-volunteers.gif);
	background-position: 0px 0px;
	background-repeat: no-repeat;
}

#nav li:hover, #nav li.hover {
    position: static;
}

#nav li ul { /* second-level lists */
	position: absolute;
	background-color: #FFFFFF;
	width: 121px; /* for IE5/Win */
	left: -999px; /* using left instead of display to hide menus because display: none isn't read by screen readers */
	font-size: 100%;
	padding: 1px 2px 1px 2px;
	margin-top: 0px;
	voice-family: "\"}\"";
	voice-family: inherit;
	width: 167px; /* actual width */
}

#nav li ul a {
	background-image: none;
}

#nav li ul li { /* second-level lists */
	padding: 6px 5px 6px 10px;	
	margin: 1px 0px 0px 0px;
}

#nav0 ul li {
	background-color: #839bbb;
	background-image: url(../graphics/arrow-about.gif);
	background-repeat: no-repeat;
	background-position: 0px 9px;
}

#nav0 ul li a:hover {
	background-color: #083877;
}

#nav0 ul li:hover, #nav0 ul li.sfhover {
	background-color: #083877;
	background-image: url(../graphics/arrow-about2.gif);
	background-repeat: no-repeat;
	background-position: 0px 9px;
}

#nav1 ul li {
	background-color: #85afd7;
	background-image: url(../graphics/arrow-care.gif);
	background-repeat: no-repeat;
	background-position: 0px 9px;
}

#nav1 ul li a:hover {
	background-color: #0c5fb0;
}

#nav1 ul li:hover, #nav1 ul li.sfhover {
	background-color: #0c5fb0;
	background-image: url(../graphics/arrow-care2.gif);
	background-repeat: no-repeat;
	background-position: 0px 9px;
}

#nav2 ul li {
	background-color: #b3df95;
	background-image: url(../graphics/arrow-total.gif);
	background-repeat: no-repeat;
	background-position: 0px 9px;
}

#nav2 ul li a:hover {
	background-color: #68bf2b;
}

#nav2 ul li:hover, #nav2 ul li.sfhover {
	background-color: #68bf2b;
	background-image: url(../graphics/arrow-total2.gif);
	background-repeat: no-repeat;
	background-position: 0px 9px;
}

#nav3 ul li {
	background-color: #aa9bd1;
	background-image: url(../graphics/arrow-clubs.gif);
	background-repeat: no-repeat;
	background-position: 0px 9px;
}

#nav3 ul li a:hover {
	background-color: #5538a3;
}

#nav3 ul li:hover, #nav3 ul li.sfhover {
	background-color: #5538a3;
	background-image: url(../graphics/arrow-clubs2.gif);
	background-repeat: no-repeat;
	background-position: 0px 9px;
}

#nav4 ul li {
	background-color: #d9a2d4;
	background-image: url(../graphics/arrow-help.gif);
	background-repeat: no-repeat;
	background-position: 0px 9px;
}

#nav4 ul li a:hover {
	background-color: #b345aa;
}

#nav4 ul li:hover, #nav4 ul li.sfhover {
	background-color: #b345aa;
	background-image: url(../graphics/arrow-help2.gif);
	background-repeat: no-repeat;
	background-position: 0px 9px;
}

#nav5 ul li {
	background-color: #7fb9bc;
	background-image: url(../graphics/arrow-info.gif);
	background-repeat: no-repeat;
	background-position: 0px 9px;
}

#nav5 ul li a:hover {
	background-color: #00747a;
}

#nav5 ul li:hover, #nav5 ul li.sfhover {
	background-color: #00747a;
	background-image: url(../graphics/arrow-info2.gif);
	background-repeat: no-repeat;
	background-position: 0px 9px;
}

#nav6 ul li {
	background-color: #d6c42e;
	background-image: url(../graphics/arrow-events.gif);
	background-repeat: no-repeat;
	background-position: 0px 9px;
}

#nav6 ul li a:hover {
	background-color: #ac931c;
}

#nav6 ul li:hover, #nav6 ul li.sfhover {
	background-color: #ac931c;
	background-image: url(../graphics/arrow-events2.gif);
	background-repeat: no-repeat;
	background-position: 0px 9px;
}

#nav7 ul li {
	background-color: #c895c4;
	background-image: url(../graphics/arrow-volunteers.gif);
	background-repeat: no-repeat;
	background-position: 0px 9px;
}

#nav7 ul li a:hover {
	background-color: #9f5699;
}

#nav7 ul li:hover, #nav7 ul li.sfhover {
	background-color: #9f5699;
	background-image: url(../graphics/arrow-volunteers2.gif);
	background-repeat: no-repeat;
	background-position: 0px 9px;
}

#nav li ul ul { /* third-and-above-level lists */
	margin: -18px 0 0 157px;
	font-size: 100%;
}

#nav li:hover ul ul, #nav li.sfhover ul ul {
	left: -2999px;
}

#nav li:hover ul, #nav li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul { /* lists nested under hovered list items */
	left: auto;
}
