/* ------------------------------------------------------------------
	GLOBAL.CSS written by Mark Jones May 2010 - zen20282@zen.co.uk
--------------------------------------------------------------------- */
@import url("reset.css");
@import url("text.css");
/*blue wash:#00A3B2;*/
html { 
	overflow: -moz-scrollbars-vertical;
	overflow-y:scroll;
}
body {
	background-image:url(../images/BlueFadeBG.jpg);
	background-repeat:repeat-x;
	background-position:top;
	color:#666;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:62.5%;
	margin:0;
	padding:0;
}
/*##-- Enhanced clearFix for containers auto-clearing their contents --##*/
/*## http://perishablepress.com/press/2008/02/05/lessons-learned-concerning-the-clearfix-css-hack/ -- improves Dan Cederholm's original ##*/
/* slightly enhanced, universal clearfix hack */
.clearfix:after {
     visibility: hidden;
     display: block;
     font-size: 0;
     content: " ";
     clear: both;
     height: 0;
     }
.clearfix { display: inline-block; }
/* start commented backslash hack \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* close commented backslash hack */
/*##-- / END OF Enhanced clearFix for containers auto-clearing their contents --##*/

#PrintOnlyLogo {	
	display:none;
}
.clearMe {
	clear:both;
}
a img {
	border: none;
}
a:active, a:focus {
	outline:0;
	text-decoration:none;
}
a.external {
	/*border:1px solid #ff0000;*/
	background:url(../images/icons/ico_external.gif) no-repeat 100% 50%;
	padding-right:1em;
}
#Logo a.external, #bodyCharities #InnerTextArea a.external {
	background-image:none; /*cancels out the automatic external link icon*/
}
a.pdfLink {
	/*border:1px solid #ff0000;*/
	background:url(../images/icons/pdf15x20.gif) no-repeat 100% 70%;
	padding-right:1.6em;
}
a.wordLink {
	/*border:1px solid #ff0000;*/
	background:url(../images/icons/wordIcon16x16.gif) no-repeat 100% 95%;
	padding-right:1.8em;
}
/*== DIV WITH ROUNDED CORNERS, APPLIED AS A CLASS PLUS RGBA COLOUR - DOES NOT WORK IN ANY VERSION OF IE ==*/
/*Define a block DIV*/
#ABlock {
	/*border:1px solid #ff0000;*/
	background:#0061A9;			/* solid colour for all versions of IE */
	background:rgba(0,97,169,.8);  /* RGBA color for browsers that get it */
	height:100px;
	margin:10px 0px 0px 10px;
	overflow:auto;
	padding:0px 0px 0px 0px;
	width:400px;
}
/* then apply the rounded corners as a class*/
.RoundedCorners {
	border:1px solid #ff0000;
	/*border-radius:12px; */   /* for when this is eventually supported in CSS3 - doesn't work in any version of IE */
	-webkit-border-radius:30px;   /* for Safari */
	-moz-border-radius:30px;      /* for Mozilla */

	/*-webkit-border-top-left-radius:20px; */     /* for Safari */
	/*-webkit-border-bottom-left-radius:20px;*/   /* for Safari */
	/*-moz-border-radius-topleft:20px; */         /* for Mozilla */
	/*-moz-border-radius-bottomleft:20px;  */     /* for Mozilla */
}
/*== To add a (rounded) border see p.41 of Handcrafted CSS ==*/


/*== Styles the Back to Top links which are added by JQuery ==*/
.BacktoTopCont {
	/*border:1px solid #ff0000;*/
	background-image:url(../images/icons/BackTopArrow7x4.gif);
	background-position:right;
	background-repeat:no-repeat;
	font-weight:bold;
	height:10px;
	margin:0px 10px 0px 0px;
	padding:5px 12px 5px 0px;
	text-align:right;
}
.BacktoTopCont a {
	color:#C33192;
	text-decoration:none;
}
.BacktoTopCont a:link, .BacktoTopCont a:visited {
	color:#C33192;
	text-decoration:none;
}
.BacktoTopCont a:hover  {
	color:#C33192;
	text-decoration:underline;
}
/*== END OF Back to Top links  ==*/
/*============= CONSTRUCTION ELEMENTS ================*/
#OuterWrapper {
	/*border:1px solid #efefef;*/
	background-color:transparent;
	display:block;
	margin:2px auto 0px auto;
	/*overflow:auto;*/
	padding:0px 0px 0px 0px;
	position:relative;
	width:970px;
}
#MastheadContainer {
	background-image:url(../images/Header970x505Q55.jpg);
	background-repeat:no-repeat;
	background-position:top;
	height:504px;
	margin:0px 0px 0px 0px;
	/*overflow:auto;*/
	padding:0px 0px 0px 0px;
	position:relative;
}
#ColinPic {
	height:172px;
	left:365px;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	position:relative;
	top:250px;
	width:151px;
}
#ColinPic .to {
	display:none;
	left:0px;
	position:absolute;
	top:0px;
}
.WDADLogo {
	border:none;
 	height:64px;
 	margin:0;
 	padding:0;
 	width:63px;
}
.noBorder {
	border:none;
}
#ContentContainer {
	/*border:1px solid #ff0000;*/
	background-color:#fff;
	height:1%;
	margin:0px 0px 0px 0px;
	overflow:auto;
	padding:10px 0px 50px 0px;
	position:relative;
}
.TextArea {
	/*border:1px solid blue;*/
	background-color:#fff;
	float:left;
	margin:0px 0px 0px 100px;
	padding:0px 0px 0px 0px;
	position:relative;
	text-align:left;
	width:660px;
}
#SocialLinksCol {
	/*border:1px solid #ff0000;*/
	float:left;
	height:1%;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	width:120px;
}
#SocialLinksCol div {
	-webkit-border-radius:15px;    /*for Safari */
	-moz-border-radius:15px;        /*for Mozilla */
	margin:0px auto;
}
#SocialLinksCol a:link, #SocialLinksCol a:visited {
	background-color:transparent;
	color:#fff;
	text-decoration:none;
}
#SocialLinksCol a:hover{
	background-color:transparent;
	color:#fff;
	text-decoration:underline;
}
#SocialLinksCol a:active {
	background-color:transparent;
	color:#fff;
	text-decoration:none;
}
#SocialLinksCol img {
	border:none;
	display:block;
	margin:5px auto 5px auto;
}
#JumboFooter {
	/*border:1px solid #ff0000;*/
	background-color:#00a3b2;
	background-color:#4DA8BD;
	margin:0px 0px 0px 0px;
	padding:20px 0px 20px 0px;
	-webkit-border-bottom-left-radius:25px;    /*for Safari */
	-moz-border-radius-bottomleft:25px;        /*for Mozilla */
	-webkit-border-bottom-right-radius:25px;    /*for Safari */
	-moz-border-radius-bottomright:25px;        /*for Mozilla */
}
#WDADFooterInfo {
	/*border:1px solid #ff0000;*/
	color:#fff;
	line-height:170%;
	margin:0px auto;
	padding:0px 0px 0px 0px;
	width:660px;
}
#WDADFooterInfo a {
	color:#fff!important;
}
#WDADFooterInfo a:hover {
	color:#fff!important;
	text-decoration:none;
}
.FooterComms {
	display:block;
	letter-spacing:0.04em;
	margin-top:5px;
	font-size:1.8em;
}
.FooterComms a {
	color:#fff!important;
}

/*##==== TRIGGERS AND DROPS ====##*/

.underlineHover {
	text-decoration:none!important;
	color:#00a3b2;
	cursor:pointer;
}
.trigger h2 {
	/*border:1px solid #ff0000;*/
	background-image:url(../images/MainDropper660x62.jpg);
	background-repeat:none;
	background-position:bottom;
	color:#fff;
	cursor:pointer;
	display:block;
	font-family:Verdana, Arial, Helvetica, sans-serif;        
	font-size:2em;
	font-weight:normal;
	margin:0px 0px 0px 0px;
	padding:5px 0px 5px 10px;
}
.trigger.active h2 {
	background-position:top;
}
p.HeaderIntro {
	/*border:1px solid #ff0000;*/
	color:#666;
	display:block;
	font-size:1.2em;
	line-height:1.7em;
	margin:0px 0px 0px 0px;
	padding:5px 0px 10px 0px;
}
.trigger a:link, .trigger a:visited {
	color:#00A3B2;
	display: inline;
	text-decoration:underline;
}
.trigger a:hover {
	text-decoration:none;
}
.toggle_container {
	/*border:1px solid #ff0000;*/
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	/*position:relative;*/
	font-size: 1.2em;
}
.toggle_container .block {
	/*border:1px solid #ff0000;*/
	/*background-color:#efefef;*/
	display:block;
	margin:0px 0px 10px 0px;
	padding:0px 0px 0px 0px;
}
.toggle_container h3 {
	color:#666;
	font-size:1.4em;
	font-weight:normal;
	margin:5px 0px 0px 0px;
	padding:0px 0px 0px 0px;
}
.toggle_container h4 {
	font-size:1.2em;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
}
.toggle_container .block p {
	background-color:transparent;
	color:#666;
	font-size:1em;
	font-weight:normal;
	line-height:1.7em;
	margin:10px 0px 20px 0px;
	padding:0px 0px 0px 0px;
}
/*##=== INNER CONTAINERS TRIGGERS AND DROPS ==##*/

.InnerTrigger {
	/*border:1px solid #ff0000;*/
	/*background-color:#dceef2;*/
	border-bottom:1px dashed #cdcdcd;
	cursor:pointer;
	margin:0px 0px 0px 0px;
	padding:10px 0px 0px 0px;
}
.InnerTrigger a:link, .InnerTrigger a:visited {
	color:#00A3B2;
	display: inline;
	text-decoration:underline;
}
.InnerTrigger a:hover {
	text-decoration:none;
}
.toggle_containerInner {
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
}
.blockInner {
	/*border:1px solid blue;*/
	/*background-color:#efefef;*/
	margin:0px 0px 0px 0px;
	padding:20px 10px 10px 20px;
	position:relative;
	width:640px;
}
.removeBottomMargin {
	margin-bottom:0px!important;
}
.underlineSubset {
	border-bottom:none!important;
	background-color:none!important;
}
.twits {
	background-color:#fff!important;
}
.twits img {
	border:1px solid #efefef;
	margin-right:10px;
}
.Intro {
	display:inline;
	float:left;
}