@import url(userstyles.css);

/* Colours */

/* Dark Blue for headings and links #00343E  */

/* Logo blue for visited links #005F6F */

/* Lighter Blue #5B9EA7 */


/* ########################## Colours and Borders on Layout IDs ################################## */

#sidebarleft { border-right:solid 1px #00343E ;
background-color:#FFFFFF;
}

#main {background-color:#FFFFFF;
/* border-bottom:solid 1px #00343E; */
}

#sidebaright {color:black;}

#orgmenu {float:right;
width:180px;
background-color:#FFFFFF;
}

/* ############# Blue Bordered Main Content boxes #############*/

.xtop, .xbottom {display:block; background:transparent; font-size:1px;}
.xb1, .xb2, .xb3, .xb4 {display:block; overflow:hidden;}
.xb1, .xb2, .xb3 {height:1px;}
.xb2, .xb3, .xb4 {background:#fff; border-left:1px solid #00343E; border-right:1px solid #00343E;}
.xb1 {margin:0 5px; background:#00343E;}
.xb2 {margin:0 3px; border-width:0 2px;}
.xb3 {margin:0 2px;}
.xb4 {height:2px; margin:0 1px;}

.xboxcontent {display:block; border:0 solid #00343E; border-width:0 1px; height:auto;width:auto;margin-left:0;margin-right:0;}

.rboxcontent {display:block; border:0 solid #00343E; border-width:0 1px; height:auto;width:auto;margin-left:0;margin-right:0;}

.color_a {background:#fff; color:#fff;}
.color_b {background:#fff; color:#000;}
.color_c {background:#fff; color:#fff;}
.color_d {background:#fff; color:#000;}

.rboxcontent p {margin-top:0; margin-bottom:0;padding-left:4px;padding-right:0.4em;margin-top:0em;margin-bottom:0em;font-size:85%;}

.rboxcontent h4 {font-family:arial,sans-serif;padding-left:4px;padding-right:0.4em;margin-bottom:0em;font-size:95%;padding-top:0;margin-top:0;}
.rboxcontent h4 {font-family:arial,sans-serif;padding-left:4px;padding-right:0.4em;margin-bottom:0em;margin-top:0.3em;font-size:95%;padding-top:0;margin-top:0;}

/* ########################## Boxes on front page ################################## */

#fpcontainer {text-align:center;width:100%;margin-top:30px;}
#easy {width:360px;padding:0px;margin-left:auto;margin-right:auto;list-style:none;}
.frontboxes {float: left;width:118px;margin:0;padding:1px;}
span.number {display:block;font-weight:bold;font-size:200%;padding-top:4px;}
.frontboxes a:link {text-decoration:none;}
.frontboxes a:visited {text-decoration:none;}
.frontboxes a:hover {border:solid 1px white;color:red;text-decoration:none;}

.fpboxcontent {text-align:center;display:block;background-color:#E8FCFF; border:0 solid #00343E; border-width:0 1px; height:56px;width:auto;margin-left:0;margin-right:0;}
.fptop, .fpbottom {display:block;background:transparent; font-size:1px;}

.fb1, .fb2, .fb3, .fb4 {display:block;overflow:hidden;}
.fb1, .fb2, .fb3 {height:1px;}
.fb2, .fb3, .fb4 {background:#E8FCFF; border-left:1px solid #00343E; border-right:1px solid #00343E;}
.fb1 {margin:0 5px; background:#00343E;}
.fb2 {margin:0 3px; border-width:0 2px;}
.fb3 {margin:0 2px;}
.fb4 {height:2px; margin:0 1px;}


/* ########################## Colours and Borders on Default Styles ################################## */

body.mainstyle {background-color:#FFFFFF;margin-top:0em;}

a.skip:link, a.skip:visited, a.skip:hover, a.skip:focus, a.skip:active {color:#FFFFFF;}

div.skiplink {background-color:#FFFFFF;color:#FFFFFF;}

a:link {color:#002F37;text-decoration:underline;}
a:visited {color:#005F6F;text-decoration:underline;}
a:hover {color:#002F37;text-decoration:underline;}
a:focus {color:#002F37;text-decoration:underline;}
a:active {text-decoration:none;}


/* ########################## Colours and Borders on Banner styles ################################## */

.bracket {color:#FFFFFF;}

a.simplelink:link {color:black;text-decoration:none;}
a.simplelink:visited {color:black;text-decoration:none;}
a.simplelink:hover {color:black;text-decoration:underline;}
a.simplelink:focus {color:black;text-decoration:underline;}
a.simplelink:active {color:black;text-decoration:none;}

h1.bannerheading {display:none;color:#000000;}
h2.bannerheading {display:none;color:#000000;}
h3.bannernumber {float:right;margin-top:-70px;padding-left:36px;margin-right:4px;margin-left:0px;padding-right:30px;margin-bottom:10px;
background:transparent;text-align:right;font-size:1.6em;line-height:100%;
background-image: url(commicons.jpg);background-repeat:no-repeat;background-position:right top;
 font-family:arial,sans-serif;border-top:none;}
#clear {clear:both;}
.clear {clear:both;}

/* h3.bannernumber {position:absolute; top:10px;right:4px;font-size:200%;color:#00343E;line-height:200%;margin-bottom:0.4em;background-image: url(/images/icon_phone.gif);background-repeat:no-repeat;background-position:left center;padding-left:36px;background-color:white;border:none;} */

/* ########################## Colours and Borders on About and News left menu ################################## */

ul.tp_leftmenu {color:white;}
ul.tp_leftmenu li {color:white;}

a.tp_l_menulk:link {
	color:#00343E;
	border-color: #FFFFFF;
	background-color: #FFFFFF;
}
a.tp_l_menulk:visited {
	color:#005F6F;
	border-color: #FFFFFF;
	background-color: #FFFFFF;
}
a.tp_l_menulk:hover {
	color:#00343E;
	border-color: #FFFFFF;
	background-color: #FFFFFF;
}
a.tp_l_menulk:focus {
	color:#00343E;
	border-color: #FFFFFF;
	background-color: #FFFFFF;
}
a.tp_l_menulk:active {
	color:#00343E;
	border-color: #FFFFFF;
	background-color: #FFFFFF;
}

ul.sect_leftmenu li {color:white;}
ul.sect_leftmenu li.sect_menutitle {color:#00343E;}

a.sect_menulk:link {
text-decoration:none;
	color:#00343E;
	border-color: #FFFFFF;
	background-color: #FFFFFF;
	background-image: url(bulletdkblue.gif);
	background-repeat: no-repeat;
	background-position: 8% 50%;
}
a.sect_menulk:visited {
text-decoration:none;
	color:#005F6F;
	border-color: #FFFFFF;
	background-color: #FFFFFF;
	background-image: url(bulletdkblue.gif);
	background-repeat: no-repeat;
	background-position: 8% 50%;
}
a.sect_menulk:hover {
	color:#00343E;
	background-color: #FFFFFF;
	border-left-color:#FFFFFF;
	border-top-color:#FFFFFF;
	border-right-color:#FFFFFF;
	border-bottom-color:#FFFFFF;
	background-image: url(bulletmdblue.gif);
	background-repeat: no-repeat;
	background-position: 8% 50%;
}
a.sect_menulk:focus {
	color:#00343E;
	background-color: #FFFFFF;
	border-left-color:#FFFFFF;
	border-top-color:#FFFFFF;
	border-right-color:#FFFFFF;
	border-bottom-color:#FFFFFF;
	background-image: url(bulletmdblue.gif);
	background-repeat: no-repeat;
	background-position: 8% 50%;
}
a.sect_menulk:active {
	color:#00343E;
	background-color: #FFFFFF;
	border-left-color:#FFFFFF;
	border-top-color:#FFFFFF;
	border-right-color:#FFFFFF;
	border-bottom-color:#FFFFFF;
	background-image: url(bulletmdblue.gif);
	background-repeat: no-repeat;
	background-position: 8% 50%;
}

ul.sect_2leftmenu li {color:white;}
ul.sect_2leftmenu li.sect_menutitle {color:white;}

a.sect_2menulk:link {
	color:#00343E;
	border-color: #FFFFFF;
	background-color: #FFFFFF;
	background-image: url(bulletdkblue.gif);
	background-repeat: no-repeat;
	background-position: 8% 50%;
}
a.sect_2menulk:visited {
	color:#005F6F;
	border-color: #FFFFFF;
	background-color: #FFFFFF;
	background-image: url(bulletdkblue.gif);
	background-repeat: no-repeat;
	background-position: 8% 50%;
}
a.sect_2menulk:hover {
	color:#00343E;
	background-color: #FFFFFF;
	border-left-color:#FFFFFF;
	border-top-color:#FFFFFF;
	border-right-color:#FFFFFF;
	border-bottom-color:#FFFFFF;
	background-image: url(bulletmdblue.gif);
	background-repeat: no-repeat;
	background-position: 8% 50%;
}
a.sect_2menulk:focus {
	color:#00343E;
	background-color: #FFFFFF;
	border-left-color:#FFFFFF;
	border-top-color:#FFFFFF;
	border-right-color:#FFFFFF;
	border-bottom-color:#FFFFFF;
	background-image: url(bulletmdblue.gif);
	background-repeat: no-repeat;
	background-position: 8% 50%;
}
a.sect_2menulk:active {
	color:#00343E;
	background-color: #FFFFFF;
	border-left-color:#FFFFFF;
	border-top-color:#FFFFFF;
	border-right-color:#FFFFFF;
	border-bottom-color:#FFFFFF;
	background-image: url(bulletmdblue.gif);
	background-repeat: no-repeat;
	background-position: 8% 50%;
}

ul.sect_3leftmenu li {color:white;}
ul.sect_3leftmenu li.sect_menutitle {color:white;}

a.sect_3menulk:link {
	color:#00343E;
	border-color: #FFFFFF;
	background-color: #FFFFFF;
	background-image: url(whitedash.gif);
	background-repeat: no-repeat;
	background-position: 8% 50%;
}
a.sect_3menulk:visited {
	color:#005F6F;
	border-color: #FFFFFF;
	background-color: #FFFFFF;
	background-image: url(whitedash.gif);
	background-repeat: no-repeat;
	background-position: 8% 50%;
}
a.sect_3menulk:hover {
	color:#00343E;
	background-color: #FFFFFF;
	border-left-color:#FFFFFF;
	border-top-color:#FFFFFF;
	border-right-color:#FFFFFF;
	border-bottom-color:#FFFFFF;
	background-image: url(yellowdash.gif);
	background-repeat: no-repeat;
	background-position: 8% 50%;
}
a.sect_3menulk:focus {
	color:#00343E;
	background-color: #FFFFFF;
	border-left-color:#FFFFFF;
	border-top-color:#FFFFFF;
	border-right-color:#FFFFFF;
	border-bottom-color:#FFFFFF;
	background-image: url(yellowdash.gif);
	background-repeat: no-repeat;
	background-position: 8% 50%;
}
a.sect_3menulk:active {
	color:#00343E;
	background-color: #FFFFFF;
	border-left-color:#FFFFFF;
	border-top-color:#FFFFFF;
	border-right-color:#FFFFFF;
	border-bottom-color:#FFFFFF;
	background-image: url(yellowdash.gif);
	background-repeat: no-repeat;
	background-position: 8% 50%;
}


/* ############################ Main Bar styles #################### */
#mainbar {color:white;background-color:#FFFFFF;}
.mainheading {background-color:#FFFFFF;}
h2.barheading {background-color:#E8FCFF;color:#00343E;margin-left:0em;padding-left:0.3em;margin-bottom:0em;padding-bottom:0em;margin-right:0em;}
.bboxcontent {display:block;background-color:#E8FCFF; border:0 solid #00343E; border-width:0 1px; height:auto;width:auto;margin-left:0;margin-right:0;}


.hb1, .hb2, .hb3, .hb4 {display:block; overflow:hidden;}
.hb1, .hb2, .hb3 {height:1px;}
.hb2, .hb3, .hb4 {background:#E8FCFF; border-left:1px solid #00343E; border-right:1px solid #00343E;}
.hb1 {margin:0 5px; background:#00343E;}
.hb2 {margin:0 3px; border-width:0 2px;}
.hb3 {margin:0 2px;}
.hb4 {height:2px; margin:0 1px;}

/* ######################### main content #################################### */

ul.chooser li {list-style-image:url(arrow.gif);}

.hometext {padding-left:12px;padding-right:0.4em;}

.abouttext {padding-left:12px;padding-right:0.4em;}

.pictext {padding-left:12px;padding-right:0.4em;height:auto;min-height:200px;}

form {padding-left:12px;padding-right:0.4em;}

table.viewtable {padding-top:1em;padding-left:0px;padding-right:0;}

.tabletext {padding-left:12px; padding-top:4px;padding-bottom:12px;}

img.viewimg {padding-top:6px;}

ol {font-weight:bold;}

ol li {margin-bottom:0.4em;font-weight:bold;}

ol li p {margin-top:0px;font-weight:normal;}

ol li ul li {margin-top:0px;font-weight:normal;}

ol li dl {margin-top:0;}

ol li dl dt {font-weight:bold;}

h3 {font-family:arial,sans-serif;margin-left:12px;padding-right:0.4em;font-size:120%;margin-bottom:-0.3em;border-top:solid 1px #00343E; background-color:#C0C0C0; }

h4 {font-family:arial,sans-serif;padding-left:12px;padding-right:0.4em;font-size:100%; margin-bottom:0em;font-weight:bold;}

h2 {font-family:arial,sans-serif;padding-left:12px;padding-right:0.4em;font-size:150%;}

h5 {font-family:arial,sans-serif;padding-left:12px;padding-right:0.4em;}

p.sectionmenu {margin:0em; padding:0em;}

a.topmenulink:link {color:white;padding:0.2em;}
a.topmenulink:visited  {color:white;padding:0.2em;}
a.topmenulink:hover  {text-decoration:underline;padding:0.2em;}
a.topmenulink:focus  {text-decoration:underline;padding:0.2em;}
a.topmenulink:active  {text-decoration:underline;padding:0.2em;}

.barbracket {color:#00343E;}

.historytext {padding-left:12px;padding-right:0.4em;margin-top:0em;padding-top:0em;}
h4.month {margin-top:0.2em;padding-top:0em;margin-bottom:0em;padding-bottom:0em;padding-left:12px;}
h3.year {padding-left:12px;margin-bottom:0;padding-bottom:0;padding-top:10px;}
p.year {padding-left:12px;}

dt {font-weight:600;}

dt.charity {display:inline; font-weight:normal;}
dd.charity  {display:inline; font-weight:normal;}

.centeralign {text-align:center;}
.locationmap2 {text-align:center;}

address {padding-left:12px;font-style:normal;padding-top:0.7em;}

.brclear {	clear: both;}

.doctext {font-size:90%; font-style:italic;}

/* #############################  right menu ################################### */

.rboxcontent h4 {font-size:80%;}

.fboxcontent {display:block;background-color:#FFFFFF; border:0 solid #00343E; border-width:0 1px; height:auto;padding-left:0;margin-left:0;margin-right:0;}

#flipcontainer {height:148px;margin-left:0;padding-left:4px;;}
#flipcontainer div {text-align:center;position:absolute;visibility:hidden;padding-left:0;margin-left:0em;}

img.thumbs {padding:4px;}

img.imageright {float:right;margin-left:0.6em;margin-bottom:0.6em;}

img.imageleft {float:left;margin-right:0.6em;margin-bottom:0.6em;}

#rightbar {background-color:#FFFFFF;color:white;}

p.imglinks {margin:0em;padding-top:5px;}

p.event {text-decoration:underline;color:black;}

#eventsbox {padding-left:12px;color:black;}


a.dlink:link {background-color:#FFFFF9; color:#FFFFF9;}
a.dlink:visited {background-color:#FFFFF9; color:#FFFFF9;}
a.dlink:hover {background-color:#FFFFF9; color:#FFFFF9;}
a.dlink:focus {background-color:#FFFFF9; color:#FFFFF9;}
a.dlink:active {background-color:#FFFFF9; color:#FFFFF9;}

/* #############################  footer ################################### */

p.footleft {display:inline;float:left;margin-bottom:0.1em;}
p.footright {display:inline;float:right;margin-bottom:0.1em;}

.captiontext {font-size:0.8em;color:#000000;font-style:italic;text-align:left;padding-left:12px;}
.captiontext2 {font-size:0.8em;color:#000000;font-style:italic;text-align:center;}
.glosscaption {font-size:0.8em;color:#000000;font-style:italic;text-align:right;margin-right:176px;}

.lastmodtext {font-size:0.7em;color:#000000;font-style:italic;text-align:right;}