@charset "UTF-8";
/* CSS Document */

/* Body */
body {
	background: #FF;
  	color: #000;
   	font-size: 87.5%; /* Base font size: 14px */
	font-family:Arial, Helvetica, sans-serif;
    line-height: 1.429;
    margin: 0;
    padding: 0;
   	text-align: left;
}

header, nav, article, footer, address, figure { display: block; }  

/* Headings */
h2 {font-size: 1.571em} /* 22px */
h3 {font-size: 1.429em} /* 20px */
h4 {font-size: 1.143em} /* 16px */
h5 {font-size: 13px} 	/* 14px */
h6 {font-size: 0.8em; margin-top:5px;} 	/* 12px */
 
h2, h3, h4, h5, h6 { font-weight: 400; line-height: 1.1; margin-bottom: .8em; }
.sectionTitle, .sectionTitleAlt  { color:#fff; float:right; position:relative; z-index:100; top:-65px;  font-size:18px; margin:0px; padding:0px; padding-right:30px; font-weight:normal; }
.sectionTitleAlt { color:#000; }

.bold { font-weight:bold;}
.header { overflow:hidden; *padding-bottom:10px; line-height: 1.429; }
.footer { clear:both; text-align:left; }
.figure {overflow:hidden; height:auto; display:inline; }
img { border:0px; }
.left { float:left; }
.right { float:right; }
.clear { clear:both; }
.noClear { clear:none; }
.inline { display:inline; }

.section { clear:both; overflow:hidden; height:auto; margin-top:0px; }
.lined { border-bottom:1px solid #000; padding-bottom:5px; margin-bottom:5px;  }
.linedTop { border-top:1px solid #000; padding-top:10px; }
.linedFooterTop { height:15px; width:100%; border-bottom:1px solid #000000; }

ul { margin:0px; padding:0px; list-style:none; }
li { float:left; }

a { text-decoration:none; color:#5D8BD3; }
a:hover { text-decoration:underline; color:#0F53BD; }
.linkColour {color:#5D8BD3;}

.article p { color:#666; font-size:12px; }
.black { color:#000; }

/* button 
---------------------------------------------- */
.button {
	display: inline-block;
	zoom: 1; /* zoom and *display = ie7 hack for display:inline-block */
	*display: inline;
	vertical-align: baseline;
	margin: 0 2px;
	outline: none;
	cursor: pointer;
	text-align: center;
	text-decoration: none;
	font: 14px/100% Arial, Helvetica, sans-serif;
	padding: .5em 2em .55em;
	text-shadow: 0 1px 1px rgba(0,0,0,.3);
	-webkit-border-radius: .5em; 
	-moz-border-radius: .5em;
	border-radius: .5em;
	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	-moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	box-shadow: 0 1px 2px rgba(0,0,0,.2);
	font-weight:bold;
}
.button:hover {
	text-decoration: none;
}
.button:active {
	position: relative;
	top: 1px;
}

.rounded {
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
.medium {
	font-size: 12px;
	padding: .4em 1.5em .42em;
	+padding-top:2px;
	+margin-bottom:2px;
}
.small {
	font-size: 11px;
	padding: .2em 1em .275em;
	+padding-top:5px;
	+padding-bottom:5px;
}


/* blue */
.blue {
	color: #fff;
	border: solid 1px #405C8F;
	background: #405C8F;
	background: -webkit-gradient(linear, left top, left bottom, from(#7097D6), to(#1B3059));
	background: -moz-linear-gradient(top,  #7097D6,  #1B3059);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#7097D6', endColorstr='#1B3059');
}
.blue:hover {
	color: #fff;
	background: -webkit-gradient(linear, left top, left bottom, from(#6399cd), to(#245eb2));
	background: -moz-linear-gradient(top,  #6399cd,  #245eb2);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#6399cd', endColorstr='#245eb2');
}
.blue:active {
	color:#fff;
	background: #1B3059;
	background: -webkit-gradient(linear, left top, left bottom, from(#1B3059), to(#7097D6));
	background: -moz-linear-gradient(top,  #1B3059,  #7097D6);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#1B3059', endColorstr='#7097D6');
}


/* violet */
.violet {
	color: #fff;
	border: solid 2px #ffffff;
	background: #280034;
	background: -webkit-gradient(linear, left top, left bottom, from(#cfc0d4), to(#280034));
	background: -moz-linear-gradient(top,  #cfc0d4,  #280034);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#cfc0d4', endColorstr='#280034');
}
.violet a { color: #fff; text-decoration:none; }
.violet:hover {
	color: #fff;
	background: -webkit-gradient(linear, left top, left bottom, from(#cfc0d4), to(#785D80));
	background: -moz-linear-gradient(top,  #cfc0d4,  #785D80);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#cfc0d4', endColorstr='#785D80');
}
.violet:active {
	color:#fff;
	background: #280034;
	background: -webkit-gradient(linear, left top, left bottom, from(#cfc0d4), to(#280034));
	background: -moz-linear-gradient(top,  #cfc0d4d,  #280034);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#cfc0d4', endColorstr='#280034');
}


/* green */
.green {
	color: #fff;
	border: solid 1px #0d3e41;
	background: #405C8F;
	background: -webkit-gradient(linear, left top, left bottom, from(#9ed5d8), to(#0d3e41));
	background: -moz-linear-gradient(top,  #9ed5d8,  #0d3e41);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#9ed5d8', endColorstr='#0d3e41');
}
.green:hover {
	color: #fff;
	background: -webkit-gradient(linear, left top, left bottom, from(#7bb1b4), to(#2f6265));
	background: -moz-linear-gradient(top,  #7bb1b4,  #2f6265);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#7bb1b4', endColorstr='#2f6265');
}
.green:active {
	color:#fff;
	background: #9ed5d8;
	background: -webkit-gradient(linear, left top, left bottom, from(#0d3e41), to(#9ed5d8));
	background: -moz-linear-gradient(top,  #0d3e41,  #9ed5d8);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#0d3e41', endColorstr='#9ed5d8');
}



/* purple */
.purple {
	color: #fff;
	border: solid 1px #37326A;
	background: #405C8F;
	background: -webkit-gradient(linear, left top, left bottom, from(#948FD5), to(#37326A));
	background: -moz-linear-gradient(top,  #948FD5,  #37326A);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#948FD5', endColorstr='#37326A');
}
.purple:hover {
	color: #fff;
	background: -webkit-gradient(linear, left top, left bottom, from(#7974B5), to(#4D4881));
	background: -moz-linear-gradient(top,  #7974B5,  #4D4881);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#7974B5', endColorstr='#4D4881');
}
.purple:active {
	color:#fff;
	background: #9ed5d8;
	background: -webkit-gradient(linear, left top, left bottom, from(#37326A), to(#948FD5));
	background: -moz-linear-gradient(top,  #37326A,  #948FD5);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#37326A', endColorstr='#948FD5');
}


/* 404 error */
.errorback {
	color: #ffffff;
	font-size:12pt;
	width:160px;
	height:20px;
	padding:10px;
	background: #405C8F;
	background: -webkit-gradient(linear, left top, left bottom, from(#7097D6), to(#1B3059));
	background: -moz-linear-gradient(top,  #7097D6,  #1B3059);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#7097D6', endColorstr='#1B3059');
}
.errorback a {
	color:#fff;
}
.errorback:hover {
	color: #fff;
	text-decoration:none;
}



/* Page boxes */
div.infoBox { background-color:#E1E0E1; color:#000; }
div.infoBox a { color:#0098CC; text-decoration:none; text-indent:0px; padding-left:0px; line-height:12px; }
div.infoBox a:hover { text-decoration:underline; }
div.infoBox ul li, div.pageBox ul li { background-image:none; border:0px; width:96%; padding-left:0px; }

div.pageBox { background-color:#F2F5FA; color:#000; font-size:12px; }
div.pageBox a { color:#0098CC; text-decoration:none; }
div.pageBox a:hover { text-decoration:underline; }

div.plainBox { background-color:#FFF; color:#000; font-size:12px; }
div.plainBox a { color:#0098CC; text-decoration:none; }
div.plainBox a:hover { text-decoration:underline; }

div.navBox { background-color:#E8F5F6;  color:#000; }
div.navBox a { color:#0098CC; text-decoration:none; }
div.navBox a:hover { text-decoration:underline color:#C1E6E8; }

.boxHeader ul li a:hover { color:#0098CC; }


/***** Layout *****/

.body {clear: both; margin: 0 auto; width: 960px; line-height: 1.429; }
img.right figure.right {float: right; margin: 0 0 2em 2em;}
img.left, figure.left {float: right; margin: 0 0 2em 2em;}

.box, .boxHeader
{
	margin:0px;
	padding:0px;
	height:200px;
	overflow:hidden;
	float:left;
	margin-right:8px;
	margin-bottom:10px;
	background-color:#fff;
	
}

.boxHeader { background:url(../site/Assets/Images/Common/boxHeader.png) repeat-x top left; background-color:#fff;}

.boxHeading, .boxHeadingAlt
{
	color:#FFF;
	display:block;
	padding-right:5px;
	padding-top:5px;
	padding-bottom:4px;
	padding-left:10px;
	height:18px;
	margin-top:0px;
	margin-bottom:0px;
}

.boxHeadingAlt { color:#000; padding-top:10px; font-weight:bold; font-size:14px; margin-bottom:0px; padding-bottom:0px; }


.box p, .boxHeader p { font-size:11px; color:#000; padding:10px; padding-top:0px; }
.box ul
{
	float:left;
	clear:both;
	padding-top:10px;
	*padding-top:5px;
	margin:0px;
	margin-left:10px;
	width:100%;
}

.box li
{
	clear:left;
	margin:0px;
	padding:0px;
}

.box ul li a
{
	color:#5D8BD3;
	display:block;
	font-size:11px;
	padding:0px;
	margin:0px;
	line-height:12px;
} 

.box ul li a:hover  { color:#0F53BD; }

.boxHeader ul
{
	float:left;
	clear:both;
	padding-top:5px;
	margin-left:10px;
	width:100%;
	padding-bottom:5px;
}

.boxHeader ul li
{
	clear:both;
	margin:0px;
	padding:0px;
	line-height:10px;
	border-bottom:1px solid #CCC;
	padding-bottom:5px;
	margin-top:5px;
	margin-bottom:5px;
	width:290px;
	background:url(/site/Assets/Images/Common/bullet.png) no-repeat top left;
	text-indent:10px;
}

.boxHeader ul li a
{
	color:#000;
	display:block;
	font-size:12px;
} 

.boxHeader ul li a:hover
{
	color:#0F53BD;
	text-decoration:none;
}

.boxHeader ul li.last { border-bottom:0px; } 
.withBorder { border:1px solid #CCC; }
.headerBadge { float:right; margin-right:10px; z-index:10; width:16px; height:16px; position:relative; margin-top:-22px;}

/* All corners rounded with shadow */
.curvedShadow
{
	-moz-border-radius: 1px; /* Firefox */
  	-webkit-border-radius: 1px; /* Safari, Chrome */
  	border-radius: 1px 1px 1px 1px; /* CSS3 */
	-moz-box-shadow: 0px 0px 5px #999999; /* Firefox */
 	-webkit-box-shadow: 0px 0px 5px #999999; /* Safari, Chrome */
 	box-shadow: 0px 0px 5px #999999; /* CSS3 */
	/* behavior: url(/css/PIE.php); */
}


.shadow
{
	-moz-box-shadow: 0px 0px 5px #999999; /* Firefox */
 	-webkit-box-shadow: 0px 0px 5px #999999; /* Safari, Chrome */
 	box-shadow: 0px 0px 5px #999999; /* CSS3 */	
	/* behavior: url(/css/PIE.php); */
}

/* Only top corners rounded */
.curve
{ 
	-moz-border-radius: 1px 1px 0 0; /* Firefox */
  	-webkit-border-radius: 1px 1px 0 0; /* Safari, Chrome */
  	border-radius: 1px 1px 0 0; /* CSS3 */
	/* behavior: url(/css/PIE.php); */ 
}

/* Only bottom corners rounded */
.curveBottom
{ 
	-moz-border-radius: 0px 0px 1px 1px; /* Firefox */
  	-webkit-border-radius: 0px 0px 1px 1px; /* Safari, Chrome */
  	border-radius: 0px 0px 1px 1px; /* CSS3 */
	/* behavior: url(/css/PIE.php); */ 
}

/* Curved corners at 5pm */
.curvefive
{ 
	-moz-border-radius: 5px; /* Firefox */
  	-webkit-border-radius: 5px; /* Safari, Chrome */
  	border-radius: 5px; /* CSS3 */
	/* behavior: url(/css/PIE.php); */ 
}

.curvefiveBottom
{ 
	-moz-border-radius: 0px 0px 5px 5px; /* Firefox */
  	-webkit-border-radius: 0px 0px 5px 5px; /* Safari, Chrome */
  	border-radius: 0px 0px 5px 5px; /* CSS3 */
	/* behavior: url(/css/PIE.php); */ 
}

.curvefiveTop
{ 
	-moz-border-radius: 5px 5px 0px 0px; /* Firefox */
  	-webkit-border-radius: 5px 5px 0px 0px; /* Safari, Chrome */
  	border-radius: 5px 5px 0px 0px; /* CSS3 */
	/* behavior: url(/css/PIE.php); */ 
}

.curvefiveTopRight
{ 
	-moz-border-radius: 0px 5px 0px 0px; /* Firefox */
  	-webkit-border-radius: 0px 5px 0px 0px; /* Safari, Chrome */
  	border-radius: 0px 5px 0px 0px; /* CSS3 */
	/* behavior: url(/css/PIE.php); */ 
}

/* All corners rounded */
.curved
{
	-moz-border-radius: 1px; /* Firefox */
  	-webkit-border-radius: 1px; /* Safari, Chrome */
  	border-radius: 1px 1px 1px 1px; /* CSS3 */
	/* behavior: url(/css/PIE.php); */
}

.smallCurved
{
	-moz-border-radius: 3px; /* Firefox */
  	-webkit-border-radius: 3px; /* Safari, Chrome */
  	border-radius: 3px 3px 3px 3px; /* CSS3 */
	/* behavior: url(/css/PIE.php); */
}

.curveLeft
{
	-webkit-border-top-left-radius: 1px; 
	-webkit-border-bottom-left-radius: 1px; 
	-moz-border-radius-topleft: 1px;
	-moz-border-radius-bottomleft: 1px; 
	border-radius:1px 0px 0px 1px;
	/* behavior: url(/css/PIE.php); */
}


.curveRight
{
	-webkit-border-top-right-radius: 1px; 
	-webkit-border-bottom-right-radius: 1px; 
	-moz-border-radius-topright: 1px;
	-moz-border-radius-bottomright: 1px; 
	border-radius:0px 1px 1px 0px;
	/* behavior: url(/css/PIE.php); */
}


.angleShadow
{
	-moz-box-shadow: 0px 3px 5px #999999; /* Firefox */
 	-webkit-box-shadow: 0px 3px 5px #999999; /* Safari, Chrome */
 	box-shadow: 0px 3px 5px #999999; /* CSS3 */
	/* behavior: url(/css/PIE.php); */
}

.last { margin-right:0px; }
li.last { margin-right:0px; border:0px; }

.third { width:310px; }
.twothirds { width:630px; }
.quarter { width:230px; }
.half { width:475px; }
.threeQuarters { width:710px; } 
.full { width:100%;}

.autoHeight { height:auto; }
.fullHeight { height:100%; }
.quarterMenu { width:210px; margin:10px; }


/******* Items ********/

.adBox
{
	width:300px;
	height:250px;
	float:left;
	clear:both;
	margin-right:15px;
	border:1px solid #000;
}

.miniAdBox
{
	width:232px;
	height:194px;
	float:left;
	clear:both;
	padding:0px;
	margin-bottom:10px;
}


.footerText { font-size:11px; }

#logoPanel { height:95px; float:left; clear:both; margin-bottom:5px; }
#logoImage { float:left; width:260px; height:87px;}
#panelImage { float:left; width:700px; height:87px;}

#actionMenu { float:right; margin-top:0px; }
#ctaMenu
{
	position:relative;
	z-index:20;
	float:right;
	top:-25px;
	left:300px;
	height:16px;
	width:960px;
}

#ctaMenu a { color:#FFF; font-size:12px; border-right:1px solid #fff; }
#ctaMenu a.alt { color:#000; font-size:12px; border-right:1px solid #000;}
#ctaMenu a.selected { font-weight:bold; text-decoration:none; }
#ctaMenu a:last-child { border:0px; }

#mainNavigation { 
	clear:both;
	float:left;
	padding:3px;
	padding-top:3px;
	padding-bottom:5px;
	margin-bottom:10px;
	width:950px;
	border-top:1px solid #63686D;
	border-bottom:1px solid #63686D;
	line-height: 1.429;
}          
			
#featured li { margin-right:10px; }
#adverts { height: 100px; padding-top:0px; padding-bottom:5px; border-top:1px solid #000; margin-top:10px;*padding-bottom:10px; }
.bannerAd { float:left; width:728px; height:90px; margin:10px 0px 10px 0px; }
.smallAd { float:right; width:216px; height:90px; margin:10px 0px 10px 0px; }
.smallAd img { border:0; }

#links { overflow:hidden; border-bottom:1px solid #000; border-top:1px solid #000; *padding-bottom:10px; }
#links li { margin-right:9px; width:155px;}
#links a { color:#000; font-size:11px; }
#links a:hover { color:#0F53BD; }
#links h3 { float:left; width:128px; height:80px; *margin-top:20px; }
#links ul { margin-top:20px; } 
#optionsMenu { margin-top:10px; clear:both; }

#smallAd { height:100px; width:234px; float:right;}


/*Vertical menus */
ul.vertMenu { margin-left:0px; margin-top:-5px; background-image:none; }
ul.vertMenu li { border-bottom:1px solid #C4D4DA; padding-top:2px; padding-left:15px; padding-bottom:7px; float:left; clear:both;  background-image:none; margin-bottom:0px;}
ul.vertMenu li.last { border-bottom:0px; margin-bottom:0px; padding-bottom:5px; }
ul.vertMenu li.selected { background-color:#C1E6E8; }

ul.vertMenu li.menuClosed 
{ 
	margin-top:0px;
	background-image:url(/site/Assets/Images/Common/menuClosedIcon.png);
	background-position:center left;
	background-repeat:no-repeat;
	margin-bottom:0px;
	padding-top:0px;
	padding-bottom:7px;
}

ul.vertMenu li.menuOpen 
{
	margin-top:0px;
	background-image:url(/site/Assets/Images/Common/menuOpenIcon.png);
	background-position:center left;
	background-repeat:no-repeat;
	font-weight:bold;
	margin-bottom:0px;
	padding-top:0px;
	padding-bottom:7px;
}

ul.vertMenu li.menuOpen a, ul.vertMenu li.menuClosed a { padding-top:10px; padding-bottom:0px;  background-image:none; float:left;}

ul.vertMenu .subMenu	{ display:none;  background-image:none; padding:0px; margin:0px; }
ul.vertMenu .subMenu.selected	{ display:block; background-color:#DAEFF2; background-image:none;}
ul.vertMenu .subMenu ul { margin-top:0px; margin-left:10px; padding:0px; padding-top:2px;  background-image:none;}
ul.vertMenu .subMenu ul li { border-bottom:0px; padding:7px; padding-top:5px; padding-left:15px; background-image:none; margin:0px;}
ul.vertMenu a.selected { font-weight:bold; }

#donationsBox
{
	color: #fff;
	height:125px;
	width:210px;
	float:left;
	clear:both;
	padding:10px;
	padding-top:10px;
	font-size:14px;
	font-weight:bold;
	border: none;
	background: #405C8F;
	background: -webkit-gradient(linear, left top, left bottom, from(#5585C1), to(#013969));
	background: -moz-linear-gradient(top, #5585C1, #013969);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#5585C1', endColorstr='#013969');
	text-shadow:1px 1px #000;
}

#donationsBox p { text-align:center; width:97%; }
#donationsBox input[type=text] { font-size:12px; color:#A5B9CB; font-weight:bold; float:left; }
#dButton {float:left; margin-top:-2px; margin-left:2px; *margin-top:-2px; *margin-left:5px; *padding-top:3px;}

#joinsBox
{
	color: #fff;
	height:125px;
	width:210px;
	float:left;
	clear:both;
	padding:10px;
	padding-top:10px;
	font-size:14px;
	font-weight:bold;
	border: none;
	background: #405C8F;
	background: -webkit-gradient(linear, left top, left bottom, from(#cfc0d4), to(#280034));
	background: -moz-linear-gradient(top, #cfc0d4,  #280034);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#cfc0d4', endColorstr='#280034');
	text-shadow:1px 1px #000;
	margin:10px 0px 10px 0px;
	line-height:16px;
}

#joinsBox p { text-align:center; width:97%; }
#join-panel { font-size:16px; float:left; clear:both; color:#fff; padding:10px; background:#0071BC; width:240px; text-align:left; height:161px; }
#join-panel p { float:left; clear:both; margin-top:0; }

#sign-up-panel { padding-top:15px; padding-bottom:15px;background:#eaecef; }
#sign-up-panel h2 { margin:0;font-size:19px; }