/* All styles that the user can add via Xstandard should appear in xstandard.css */
body {font-size:0.7em;}
body.site { background:#e1e1e1; } 

/* Page building styles */
div#wrap { width:980px; position:relative; margin:0 auto 10px; background:url(/cms/outertemplates/images/main-bg.gif) repeat-y; }
	div#wrap-top {width:980px; height:19px; background:url(/cms/outertemplates/images/bg-top.gif) no-repeat;}
	div#wrap-btm {width:980px; height:19px; background:url(/cms/outertemplates/images/bg-btm.gif) no-repeat;}
div#header { width:938px; height:126px; margin:0 auto; background:url(/cms/outertemplates/images/banner.gif) no-repeat; z-index:2; }
	div#header a {color:#FFF;}
	div#logo { float:left; }
	div#fixedLinks {float:right;} 
	div#fixedLinks ul {overflow:hidden; padding:10px; margin:0;}
	div#fixedLinks li { float:left; display:inline; list-style:none; border-left:1px solid #FFF; padding:0 4px; line-height:12px;}
	div#fixedLinks li.first { border-left:0;}
	
	div#phone{float:right;clear:right;color:#FFF; text-indent:-999em; overflow:hidden; background:url(/cms/outertemplates/images/headerphone.gif) top left no-repeat; width:193px; height:37px; margin:0 10px 0 0;}
	a#email{float:right;clear:right;color:#FFF; text-indent:-999em; overflow:hidden; background:url(/cms/outertemplates/images/headeremail.gif) top left no-repeat; width:244px; height:21px; margin:0 10px 0 0;}
	div#search{float:right;clear:right;color:#FFF; margin:6px 10px 0 0; height:21px; overflow:hidden;}
		div#search span.txtSearch {float:left; display:inline; width:181px; height:21px; background:url(/cms/outertemplates/images/txtSearch.gif) top right no-repeat;}
		div#search input.textbox {height:17px; width:173px; padding:2px 4px 2px 4px;background:transparent;border:none;}
		div#search input.button {height:21px; width:66px; margin-left:10px; padding-top:21px; overflow:hidden; background:url(/cms/outertemplates/images/btnSearch.gif) top left no-repeat; border:none; cursor:pointer; float:left; display:inline;}
	/* Text resizing styles */
	#widgets {float:right;}
	#widgets li {display:inline;}
		.smallText { font-size:0.8em; } /* This should match the font size of the body tag */
		.mediumText { font-size: 1.2em; }
		.largeText { font-size:1.6em; }
		
div#middleWrap { width:980px; margin:0 auto; overflow:hidden;}
div#content { width:640px; background:#fff; float:left; display:inline; padding:10px 0; margin: 0 0 0 26px;}
div#rightCol { width: 252px; background:#e2e2e2; padding:12px; float:right; display:inline; margin:0 21px 0 0;}
	.rightBox {
		width:100%;
		position:relative;
		border:1px solid #cecece;
		background:#FFF;
		margin:0 0 16px;
	}
	.rightBox .boxContent {padding:10px 10px 0;}
	.rightBox h3 {background:#0045a4; color:#FFF; padding:8px; margin:0; font-weight:normal; font-size:1.1em;}
	
	#news {line-height:1.2em;}
	#news ul {margin:0;}
	#news li {border-bottom:1px solid #e2e2e2; width:100%; display:block; overflow:hidden; position:relative;}
	#news li a {display:block; padding:5px 5px 15px 105px; color:#000; font-size:0.9em; min-height:70px;}
	#news li a:hover {text-decoration:none; background:#F6F6F6;}
	#news li img {float:left; clip:rect(0 100px 70px 0); overflow:hidden; position:absolute; left:0;}
	#news p.moreNews {text-align:right; margin:0; padding:10px 0;}
	#news p.moreNews a {color:#0045a4; background:url(/cms/outertemplates/images/blueraquo.gif) right no-repeat; padding:0 12px 0 0; margin:0 6px 0 0; text-transform:lowercase;}
	
	div#contactSelection h3 {overflow:hidden;}
	div#contactSelection h3 a {color:#FFF; text-decoration:none; float:left; display:inline; height:20px; margin-right:10px;}
	div#contactSelection h3 a span {display:block; height:20px; line-height:20px; padding:0 8px; font-size:0.9em; cursor:pointer;}
		div#contactSelection h3 a.donate {background: #d30000 url(/cms/outertemplates/images/btnRed3-left.gif) left no-repeat; width:64px}
		div#contactSelection h3 a.donate span {background:url(/cms/outertemplates/images/btnRed3-right.gif) right no-repeat; text-transform:uppercase;}
		div#contactSelection h3 a.newsletter {background: #929292 url(/cms/outertemplates/images/btnGrey3-left.gif) left no-repeat; width:76px}
		div#contactSelection h3 a.newsletter span {background:url(/cms/outertemplates/images/btnGrey3-right.gif) right no-repeat;}
		div#contactSelection h3 a.enquiries {background: #2573df url(/cms/outertemplates/images/btnBlue3-left.gif) left no-repeat; margin-right:0; width:68px}
		div#contactSelection h3 a.enquiries span {background:url(/cms/outertemplates/images/btnBlue3-right.gif) right no-repeat;}
	div#contactSelection h4 {width:200px; margin:0 auto 0.3em;}
	div#contactSelection div.formRow {width:200px; margin:0 auto;}
	div#contactSelection div.formRow label {padding:3px 0;}
	div#contactSelection div.formRow .textbox {display:block; width:99%; line-height:18px;}
	div#contactSelection div.buttons {text-align:right; padding:5px 0 10px;}

div#breadcrumb { clear:both; overflow:hidden; width:938px; color:#666; background:#F6F6F6; border-bottom:1px solid #e1e1e1; margin:0 auto; font-size:0.9em;}
div#breadcrumb p { float:left; padding:5px; margin:0; }
div#breadcrumb ul { float:left; padding:5px 0; margin:0; }
div#breadcrumb li { display:inline; padding-left:12px; padding-right:6px; background:url(/cms/outertemplates/images/breadcrumb.gif) left 3px no-repeat; }
div#breadcrumb li.first { padding-left:6px; background:none; }
div#breadcrumb li a { color:#666; }

div#footer {background:#e2e2e2; border:2px solid #d1d1d1; border-width:2px 0 3px; width:918px; padding:10px; margin:1px auto 0;}
div#footer p { text-align:center; }
div#footer a { color:#0045a4; }
	div.footerBox { background:#FFF url(/cms/outertemplates/images/kitemarks.gif) bottom right no-repeat; border:1px solid #e2e2e2; position:relative; width:100%;}
		div.footerBox ul {margin:0; list-style:none; width:100%; overflow:hidden;}
			div.footerBox li {float:left; width:180px; padding:0 0 0 40px;}
				div.footerBox li span.header {display:block; width:119px; height:22px; color:#FFF; padding:0 10px; line-height:22px; margin:10px 10px 5px; font-size:1.1em;}
				div.footerBox span.header1 {background:url(/cms/outertemplates/images/footerHeader1.gif) top left no-repeat;}
				div.footerBox span.header2 {background:url(/cms/outertemplates/images/footerHeader2.gif) top left no-repeat;}
				div.footerBox span.header3 {background:url(/cms/outertemplates/images/footerHeader3.gif) top left no-repeat;}
				div.footerBox span.header4 {background:url(/cms/outertemplates/images/footerHeader4.gif) top left no-repeat;}
				div.footerBox li ul {width:auto; padding:0 0 10px 20px;}
					div.footerBox li li {float:none; width:auto; padding:0;}
	div#footerSub {width:938px; margin:10px auto 0; overflow:hidden; font-size:0.8em; color:#666;}
		div#footerSub a {color:#666;}
		div#footerSub a.donate {color:#d30000;}
		div#footerSub p {float:left;}
		div#footerSub ul#footerLinks {float:right; margin:0; padding:10px;}
		div#footerSub ul#footerLinks li {display:inline; float:left; border-left:1px solid #666; padding:0 4px; line-height:11px;}
		div#footerSub ul#footerLinks li.first {border:0;}
p#designedBy {text-align:center; color:#666; font-size:0.8em; padding:0 0 10px;}				
p#designedBy a {color:#666;}

div#skipLinks {position:absolute; left:-9999px;}

div.left, input.left { float:left; }
div.right, input.right { float:right; }

div.clear { clear:both; }

div.left2Col { float:left; width:50%; }
div.right2Col { float:right; width:50%; }

/* Clearfix for non ie browsers */
	.clearfix:after {
		content: ".";
		display: block;
		clear: both;
		visibility: hidden;
		line-height: 0;
		height: 0;
	}
	.clearfix { display: inline-block; }
	html[xmlns] .clearfix { display: block; }
/* End of Clearfix */

.accessible-hidden {position:absolute; left:-9999px;}

div.box1 {
	width:100%;
	position:relative;
	border:1px solid #cecece;
	background:#ebebeb;
	margin:0 0 10px;
}
.box1 .boxContent {padding:10px 10px 0;}

ul.featureLinks {overflow:hidden; margin:0 0 10px; width:100%;}
ul.featureLinks li {float:left; display:inline; width:33%; text-align:center;}
ul.featureLinks li a {display:block;}

ul.list3Links {margin:20px 0;line-height:40px;}
ul.list3Links li {list-style:none; width:33%; float:left;}
ul.list3Links li.first {text-align:left;}
ul.list3Links li.second {text-align:center;}
ul.list3Links li.third {text-align:right;}
ul.list3Links li a {display:inline-block; margin:0 5px; background:#d8d8d8 url(/cms/outertemplates/images/btnGrey2Arrow-right.gif) right no-repeat; color:#5a5a5a; font-size:1em;}
ul.list3Links li a span {display:block; padding:0 32px 0 10px; line-height:24px; background: url(/cms/outertemplates/images/btnGrey2-left.gif) left no-repeat;}
ul.list3Links li a {width:141px; text-align:left;}

a.lnkOrange {display:inline-block; margin:0 5px; background:#ffa800 url(/cms/outertemplates/images/btnOrange2-left.gif) left no-repeat; color:#FFF; font-size:1.3em;}
a.lnkOrange span {display:block; padding:0 5px; line-height:27px; background:url(/cms/outertemplates/images/btnOrange2-right.gif) right no-repeat;}

a.lnkGreen {display:inline-block; margin:0 5px; background:#4e8a06 url(/cms/outertemplates/images/btnGreen2-left.gif) left no-repeat; color:#FFF; font-size:1.3em;}
a.lnkGreen span {display:block; padding:0 5px; line-height:27px; background:url(/cms/outertemplates/images/btnGreen2-right.gif) right no-repeat;}

a.lnkRed {display:inline-block; margin:0 5px; background:#d30000 url(/cms/outertemplates/images/btnRed2-left.gif) left no-repeat; color:#FFF; font-size:1.3em;}
a.lnkRed span {display:block; padding:0 5px; line-height:27px; background:url(/cms/outertemplates/images/btnRed2-right.gif) right no-repeat;}

a.lnkWhiteArrow {display:inline-block !important; margin:0 5px !important; background:#FFF url(/cms/outertemplates/images/btnWhiteArrow-right.gif) right no-repeat !important; color:#0045A4 !important; font-size:1em !important;}
a.lnkWhiteArrow span {display:block !important; padding:0 32px 0 10px !important; line-height:24px !important; background: url(/cms/outertemplates/images/btnWhite-left.gif) left no-repeat !important;}

a.lnkGreyArrow {display:inline-block; margin:0 5px; background:#d8d8d8 url(/cms/outertemplates/images/btnGrey2Arrow-right.gif) right no-repeat; color:#5a5a5a; font-size:1em;}
a.lnkGreyArrow span {display:block; padding:0 32px 0 10px; line-height:24px; background: url(/cms/outertemplates/images/btnGrey2-left.gif) left no-repeat;}

div.hiddenBox { display:block; width:100%;border:1px solid #CCCCCC;display:block;margin-top:56px;overflow:hidden;padding:15px;width:605px;}