/* Style Sheet by Blueygreen */

body {
	font-family: "Times New Roman", Times, serif;
	font-size: 11pt;
	background-color: #fff;
	border: 0;
	padding: 0;
	margin: 0;
	color: #000;
	text-align: center; /*ie5 for PC hack - ie5 'incorrectly' centers the block level element - which is what we want to take advantage of here*/
	}
	
.hide {
	display: none;
	}
	
.clearer {
   clear:both;
   width:100%;
   height:1px;
   font-size:0.1em;
   }	

.floatleft {
	float: left;
	}

.floatright {
	float: right;
	}

div {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	}
	
p, td, li, ul, ol, h1, h2, h3, h4, h5, h6 {
	font-family: "Times New Roman", Times, serif;
	vertical-align: top;
	}

p {
	margin-top: 0;
	margin-bottom: 1.4em;
	}

h1 {
	font: 16pt Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #000;
	margin: 0;
	padding: 0;
	padding-bottom: 20px;
	}
	

h2 {
	font: 16pt Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #000;
	margin-bottom: 0;
	padding-bottom: 5px;
	margin-top: 0;
	padding-top: 0;
	}

h3 {
	font: 14pt Arial, Helvetica, sans-serif;
	font-weight: normal;
	color: #000;
	margin-bottom: 20px;
	padding-bottom: 0;
	margin-top: 0;
	}

h4 {
	font: 13pt Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #000;
	}

a:link {
   font-weight:bold;
   color:#0d74d6;
   text-decoration:none;
   }
   
a:visited {
   font-weight:bold;
   color:#6da9e2;
   text-decoration:none;
   }
    
a:hover {
   text-decoration:underline;
   font-weight:bold;
   color:#032fae;
   }
   
a:active {
	color: #6da9e2;
	}

a img {
   border:0;
   } 
   
strong {
	font-weight: bold;
	}

em {
	font-style: italic;
	}

table {
	font: 10pt Arial, Helvetica, sans-serif;
	/* this sets font size to 1em for each table, for the purpose of IE5 which botches inheritance */
	}
	
address {
	font-style: normal;
	font: 1.2em/1.7em Arial, Helvetica, sans-serif;
	}

ul li {
	padding-bottom: 2em;
	}


.titlehead {
	font: 16pt/18pt Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #333333
	}

.introtext {
	font-weight: bold;
	}


h4.classa {
	margin-bottom: 0;
	}

/* ----------- Overall Layout ------------- */


#outercontainer {
	margin: 0 auto; /*centres the site*/
	width: 90%;
	text-align: center; /*undoes the side-effects of the above ie5 centring hack */
	background-image: none;
	background-color: #fff;
	} 
	
	
/* ----------- Masthead  ------------- */



#mastheadcontainer {
	display: none;
	}

#masthead {
	display: none;
	}

#logolink {
	display: none;
	}


#printedlogo {
	display: block;
	margin-bottom: 20px;
	}

	
/* ----------- Content area  ------------- */

	
#contentcontainer {
	margin: 0 auto; /*centres the site*/
	width: 100%;
	text-align: center; /*undoes the side-effects of the above ie5 centring hack */
	padding-top: 0;
	font-size: 11pt;
	background-image: none;
	background-color: #fff;
	}


#contentarea {
	margin: 0 auto; /*centres the site*/
	width: 100%;
	text-align: center;
	}

#maincontent {
	margin: 0 auto; /*centres the site*/
	width: 100%;
	text-align: center;
	}


#sidecol {
	display: none;
	}
	
#helpusside #sidecol {
	display: block;
	}

#sidecol p {
	margin-bottom: 25px;
	}

#textcontent {
	text-align: left;
	width: 95%;
	float: left;
	font: 11pt/13pt "Times New Roman", Times, serif;
	padding: 0;
	margin: 0;
	}
	
#textcontent h2 {
	padding-bottom: 0;
	border-bottom: 1px solid #999;
	margin-bottom: 35px;
	}



/* ---------- Content homepage ------- */


body#homepage #textside {
	width: 342px;
	float: left;
	font-size: 11pt;
	}

body#homepage #imageside {
	width: 143px;
	float: right;
	}




/* ---------- Content twocolumn ------- */


body#twocolumn #textside {
	width: 265px;
	float: left;
	font-size: 1em;
	}

body#twocolumn #imageside {
	width: 200px;
	float: right;
	}


/* ---------- Content onecolumn ------- */


body#onecolumn #textside {
	width: 90%;
	}

body#onecolumn #textside .floatright {
	margin-left: 15px;
	margin-bottom: 5px;
	padding-bottom: 0;
	width: 200px;
	}
	
body#onecolumn #textside .floatleft {
	margin-right: 15px;
	margin-bottom: 30pt;
	padding-bottom: 0;
	width: 200px;
	}

body#onecolumn #textside .floatright em,
body#onecolumn #textside .floatleft em {
	font: 9pt/11pt Arial, Helvetica, sans-serif;
	color: #000;
	padding-bottom: 0;
	margin-bottom: 12pt;
	}

body#onecolumn #textside img {
	padding-bottom: 5px;
	}




/* ---------- Content Activities ------- */


body#activities #textcontent {
	width: 690px;
	}
	
#activitiesimages {
	padding-left: 25px;
	padding-right: 25px;
	padding-top: 15px;
	}

#activitiesimages p {
	font: 1em/1.2em Verdana, Arial, Helvetica, sans-serif;
	margin-bottom: 30px;
	}

#activitiesimages p img {
	padding-bottom: 5px;
	}
	
.activitiesleft {
	width: 300px;
	float: left;
	margin-right: 25px;
	}

.activitiesright {
	width: 300px;
	float: right;
	}
	
.activitiescenter {
	width: 640px;
	float: left;
	}


/* ---------- Content news events etc ------- */


body#twotier #textside {
	width: 305px;
	float: left;
	}

body#twotier #imageside {
	width: 200px;
	float: right;
	}

h4#joinin {
	width: 165px;
	height: 34px;
	text-align: left;
	position: relative;
	margin: 0;
	font: 0.4em/0.6em Arial, Helvetica, sans-serif;
	color: #efefef;
	}
	
h4#joinin span {
	position: absolute;
	width: 100%;
	height: 100%;
	background: #fff url(images/interface/panel_joinin_top.gif) no-repeat;
	}


/* ---------- Help Us ------- */

ul#helpus {
	margin: 0;
	padding: 0;
	margin-left: 0;
	margin-top: 30px;
	margin-bottom: 30px;
	}

ul#helpus li {
	padding: 0;
	margin: 0;
	padding-left: 0;
	padding-bottom: 10px;
	padding-right: 10px;
	margin-top: 1em;
	}
	
ul#helpus li h4 {
	padding: 0;
	margin: 0;
	font: 14pt Arial, Helvetica, sans-serif;
	font-weight: bold;
	}

ul#helpus li#helpsend {
	background: url("images/interface/icon_senddonation.gif") no-repeat 0 2px;
	}
	
ul#helpus li#helpbranches {
	background: url("images/interface/icon_branches.gif") no-repeat 0 2px;
	}

ul#helpus li#helpgaye {
	background: url("images/interface/icon_giveasyouearn.gif") no-repeat 0 2px;
	}
	
ul#helpus li#helplegacies {
	background: url("images/interface/icon_legacies.gif") no-repeat 0 2px;
	}




/* ---------- Events main page ------- */

#eventsindexmenu h4 {
	display: none;
	}

#eventsindexmenu #subnavlinks ul {
	list-style: none;
	margin: 25px;
	padding: 0;
	}

#eventsindexmenu #subnavlinks ul li {
	padding: 0;
	margin: 0;
	padding-left: 22px;
	padding-bottom: 10px;
	background: url("images/interface/bullet4.gif") no-repeat 0 6px;
	}
	



/* ---------- News main page ------- */

#newsindexmenu h4 {
	display: none;
	}

#newsindexmenu #subnavlinks ul {
	list-style: none;
	margin: 25px;
	padding: 0;
	}

#newsindexmenu #subnavlinks ul li {
	padding: 0;
	margin: 0;
	padding-left: 22px;
	padding-bottom: 10px;
	background: url("images/interface/bullet4.gif") no-repeat 0 6px;
	}





ul.mainlistitems {
	list-style: none;
	margin: 0;
	padding: 0;
	}

ul.mainlistitems li {
	padding: 0;
	margin: 0;
	padding-left: 28px;
	padding-bottom: 20px;
	background: url("images/interface/bullet6.gif") no-repeat 0 4px;
	margin-top: 1em;
	}

.bulletlink {
	background: url("images/interface/bullet4.gif") no-repeat 0 4px;
	padding-left: 24px;
	}
	




/* ---------- Links page ------- */

#linkside p {
	margin-bottom: 36px;
	font: 1em/1.6em Verdana, Arial, Helvetica, sans-serif; 
	}


/* ---------- Navbar ------- */

#navcontainer {
	display: none;
	}

.navlist {
	display: none;
	}
	
#belownav {
	display: none;
	}



/* ------------------ sidenav two ------------ */



#subnav h4 {
	background: url("images/interface/sidenav_header.jpg") no-repeat 0 0;
	color: #fff;
	font: 1.2em Arial, Helvetica, sans-serif;
	font-weight: bold;
	line-height: 1.6em;
	margin: 0px;
	padding: 0px 0px 0px 13px;
	height: 25px;
	}

#subnav {
	font: 1.2em tahoma, verdana, arial, sans-serif;;
	text-align: left;
	padding-bottom: 15px;
	background: url("images/interface/sidenav_btm.gif") no-repeat bottom left;	
	}

#subnav #subnavlinks {
	font-size: 95%;
	margin: 0;
	background: url("images/interface/bg_sidenav.gif") repeat-y 50% 0;
	padding-top: 10px;
	}

#subnav #subnavlinks ul {
	list-style: none;
	margin: 0;
	padding: 0;
	}

#subnav #subnavlinks li {
	padding: 0;
	margin: 0;
	padding-left: 22px;
	background: url("images/interface/bullet4.gif") no-repeat 0 2px;
	margin-top: 1em;
	}

#subnav #subnavlinks li#firstsublink {
	margin-top: 0;
	}

#subnav #subnavlinks a {
	color: #0d74d6;
	margin: 0;
	font-weight: bold;
	}

#subnav #subnavlinks a:hover {
	text-decoration: underline;
	}

#sidenavbtm {
	width: 165px;
	height: 15px;
	background: url("images/interface/sidenav_btm.gif") no-repeat 50% 0;
	}





/* ------------------ side panel ------------ */



#sidepanel h4 {
	color: #000;
	font: 12pt Arial, Helvetica, sans-serif;
	font-weight: bold;
	margin: 0px;
	padding: 0px 0px 0px 13px;
	}

#sidepanel {
	font: 11pt Arial, Helvetica, sans-serif;
	color: #000;
	text-align: left;
	padding-bottom: 15px;
	background: none;	
	}

#sidepanel h5 {
	font: 11pt/11pt arial, sans-serif;
	font-weight: bold;
	margin-bottom: 0;
	}

#sidepanel #sidepanellinks {
	font-size: 95%;
	margin: 0;
	background: none;
	}

#sidepanel #sidepanellinks ul {
	list-style: none;
	margin: 0;
	padding: 0;
	padding-top: 60px;
	background: none;
	}

#sidepanel #sidepanellinks li {
	padding: 0;
	margin: 0;
	padding-left: 22px;
	background: url("images/interface/bullet5.gif") no-repeat 0 2px;
	margin-top: 1em;
	}

#sidepanel #sidepanellinks li#firstsublink {
	margin-top: 0;
	}

#sidepanel #sidepanellinks a {
	color: #0d74d6;
	margin: 0;
	font-weight: bold;
	}

#sidepanel #sidepanellinks a:hover {
	text-decoration: underline;
	}


#sidenavbtm {
	display: none;
	}







.subtext {
	text-align: left;
	font: 1.1em/1.3em Verdana, Arial, Helvetica, sans-serif;
	margin: 0;
	padding: 5px 10px 15px 10px;
	background: #ffdbe0 url("images/interface/panel_joinin_btm.gif") no-repeat bottom left;
	}

.getnewsletter {
	font: 1.1em/1.3em Verdana, Arial, Helvetica, sans-serif;
	text-align: left;
	margin-top: 28px;
	padding-left:38px;
	background: url("images/interface/newsletter.jpg") no-repeat 0 50%;
	}

.tablefill {
	width: 100%;
	border: 0;
	}

table#contacttable {
	width: 495px;
	padding: 0;
	margin-top: 40px;
	}

table#contacttable th {
	text-align: left;
	border-bottom: 1px solid #999;
	height: 2em;
	}

table#contacttable td {
	border-bottom: 1px solid #ccc;
	height: 2em;
	}

#addressside, #numberside {
	width: 50%;
	font-style: normal;
	font: 1em/1.4em Verdana, Arial, Helvetica, sans-serif;
	}


td.contactbranch {
	width: 150px;
	}

td.contactname {
	width: 150px;
	}
	
	
	
/* ---------- Footer ------- */

#moreinfop {
	display: none;
	}

#footer {
	width: 690px;
	text-align: center;
	margin-top: 10px;
	padding-top: 15px;
	border-top: 1px dotted #000;
	}

.lastline {
	display: none;
	}

#bottombit {
	display: none;
	}


#printedfooter {
	display: block;
	text-align: center;
	}
	
#printedfooter p {
	font: 10pt/13pt Arial, Helvetica, sans-serif;
	color: #000;
	}



/* ---------- Form elements ------- */

#contactform fieldset  {
	border: 0 solid #fff;
	padding: 0;
	margin: 0;
	}
	
#contactform input {
	border: 1px solid #3a9393;
	font: 1.0em/1.3em Arial, Helvetica, sans-serif;
	color: #333;
	background: #ddeced;
	padding: 2px;
	line-height: 14px;
	height: 14px;
	width: 180px;
	}

#contactform textarea {
	border: 1px solid #3a9393;
	background: #ddeced;
	font: 1.0em/1.3em Arial, Helvetica, sans-serif;
	color: #333;
	}

#contactform input:focus, #contactform textarea:focus {
	background: #fff;
	border: 1px solid #4d4d4d;
	}
	
#contactform #submitarea input { 
	border: 1px solid #000;
	font: 1.25em Arial, Helvetica, sans-serif;
	background: #3a9393;
	height: 1.7em;
	width: 80px;
	font-weight: bold;
	color: #fff;
	padding-left: 10px;
	padding-right: 10px;
	}
	
#contactform #submitarea input:hover { 
	border: 1px solid #000;
	background: #6cc;
	}
	
.writein {
	font: 1.0em/1.3em Arial, Helvetica, sans-serif;
	color: #333;
	}


	
/* ---------- Access key definitions ------- */

dl {
	width: 360px;
	}
	
dt, dd {
	margin: 0px;
	padding: 0px;
	font: 1.0em Arial, Helvetica, sans-serif;
	color: #000;
	float: left; 
	position: relative
	}

dt {
	margin: 0 10px 0 5px;
	width: 30px;
	clear: left;
	}

dd {
	padding-bottom: 10px;
	width: 250px;
	}