/*
	Home page specific CSS
	April 2006, Coedit Limited - http://www.coedit.co.uk/
*/


/* Homepage-specific Content Section */
		a {
			background-color: #E1E1F0;
			color: #333399;
			text-decoration: none;
		}
		a:hover,
		a.none:hover,
		a:focus {
			background-color: #333399;
			color: #FFFFFF;
		}
		a.none {
			background: none;
		}

		#whatWeDoContainer {
			width: 246px;
			margin-right: 3px;
		}
		#adviceContainer {
			width: 246px;
			margin-right: 3px;
		}
		#reportingContainer {
			width: 250px;
		}
		#whatWeDoContainer,
		#adviceContainer,
		#reportingContainer {
			float: left;
			margin-bottom: 3px;
			position: relative;
		}

/*
	The inner containers are used to get the rounded corners working on NN/Mac and NN/Win < 7.2, as positioning
	elements relative to floated containers does not work (or rather, it works as if they were not positioned at all)
*/
		#whatWeDoContainer div.inner,
		#adviceContainer div.inner,
		#reportingContainer div.inner {
			position: relative;
			padding: 25px 0px 8px 0px;
			min-height: 103px;
			_height: 103px;
		}

		#whatWeDoContainer,
		#adviceContainer {
			background: url(../images/homepage_gradient_yellow.gif) #FFF5CC repeat-x 0px 0px;
			color: #484848;
		}

		#reportingContainer {
			background-color: #D94E47;
			color: #FFFFFF;
			margin-right: 0px;
		}

		#whatWeDoContainer h2,
		#adviceContainer h2,
		#reportingContainer h2 {
			margin: 0px 0px 5px 0px;
			padding: 0px 13px 0px 0px;
			font-size: 1.8em;
			font-weight: normal;
		}

		#whatWeDoContainer h2 a,
		#adviceContainer h2 a,
		#reportingContainer h2 a {
			min-height: 24px;
			_height: 24px;
			background-color: transparent;
			display: block;
			padding-right: 25px;
			padding-left: 25px;
		}

		#whatWeDoContainer h2 a,
		#adviceContainer h2 a {
			color: #484848;
		}
		#reportingContainer h2 a {
			color: #FFFFFF;
		}

		#whatWeDoContainer p,
		#adviceContainer p,
		#reportingContainer p {
			margin: 0px 13px 10px 25px;
			font-size: 0.9em;
		}

		#whatWeDoContainer h2 a,
		#adviceContainer h2 a {
			background: url(../images/homepage_gradient_yellow_arrow.gif) transparent no-repeat bottom right;
		}

		#reportingContainer h2 a {
			background: url(../images/homepage_red_arrow.gif) transparent no-repeat bottom right;
		}

		#whatWeDoContainer h2 a:hover,
		#whatWeDoContainer h2 a:focus,
		#adviceContainer h2 a:hover,
		#adviceContainer h2 a:focus {
			color: #FFFFFF;
			background: url(../images/homepage_gradient_yellow_arrow_rev.gif) #BE9A0A no-repeat bottom right;
		}

		#reportingContainer h2 a:hover,
		#reportingContainer h2 a:focus {
			color: #FFFFFF;
			background: url(../images/homepage_red_arrow_rev.gif) #A4302A no-repeat bottom right;
		}


/* Homepage-specific Lower Content Section */

		#homepageGradientBoxesBottom {
		border-bottom: 1px solid #fff;
		}

		#homepageGradientBoxesTop,
		#homepageGradientBoxesBottom {
			height: 100%;
		}

		#homepageGradientBoxesTop .clearer {
			clear: left;
		}

		#homepageGradientBoxesBottom {
			color: #333399;
		}

		#homepageGradientBoxesBottom p {
			margin: 0px;
			padding: 0px;
			font-size: 0.8em;
		}
		#homepageGradientBoxesBottom .clearer {
			clear: left;
		}

		#newsContainer,
		#statsContainer {
			float: left;
			background-color: #E1E1F0;
			margin-bottom: 40px;
		}

		#newsContainer {
			width: 495px;
			margin-right: 3px;
		}

/*
	The inner containers are used to get the rounded corners working on NN/Mac and NN/Win < 7.2, as positioning
	elements relative to floated containers does not work (or rather, it works as if they were not positioned at all)
*/
		#newsContainer div.inner {
			position: relative;
			min-height: 116px;
			_height: 116px;
			width: 460px;
			/*width: 470px; CHANGED 141206*/
			padding: 6px 0px 1px 25px;
		}

		#newsContainer h2 {
			margin: 0px 0px 5px 0px;
			padding: 7px 0px 0px 0px;
			font-weight: normal;
			font-size: 1.25em;
		}

		.newsTextContainer {
			margin-bottom: 15px;
		}

		.newsTextContainer .newsDate {
			color: #505050;
		}

		#statsContainer {
			color: #464242;
			width: 250px;
		}

/*
	The inner containers are used to get the rounded corners working on NN/Mac and NN/Win < 7.2, as positioning
	elements relative to floated containers does not work (or rather, it works as if they were not positioned at all)
*/
		#statsContainer div.inner {
			position: relative;
			min-height: 96px;
			_height: 96px;
			width: 212px;
			padding: 18px 13px 8px 25px;
		}

		.purpleCornerTL,
		.purpleCornerTR,
		.purpleCornerBL,
		.purpleCornerBR {
			position: absolute;
			display: block;
			width: 4px;
			height: 4px;
			overflow: hidden;
		}

		.purpleCornerTL {
			left: 0px;
			top: -3px;
			background: url(../images/homepage_purple_tl.gif) transparent no-repeat 0px 0px;
		}

		.purpleCornerTR {
			right: 0px;
			top: -3px;
			background: url(../images/homepage_purple_tr.gif) transparent no-repeat 0px 0px;
		}

		.purpleCornerBL {
			left: 0px;
			bottom: 0px;
			background: url(../images/homepage_purple_bl.gif) transparent no-repeat 0px 0px;
		}

		.purpleCornerBR {
			right: 0px;
			bottom: 0px;
			background: url(../images/homepage_purple_br.gif) transparent no-repeat 0px 0px;
		}

/* member logo links added 170506 - IDNet */

ul#logolink {
	display: block;
	float: left;
	width: auto;
	list-style-type: none;
	margin: -20px 0 20px 0;
	padding: 0 0 0 25px;
	background: #fff url(/images/logo/logostrip.gif) 25px 0 no-repeat;
}

ul#logolink li {
	display: block;
	float: left;
}

ul#logolink a {
	position: relative;
	display: block;
	text-indent: -3000px;
	overflow: hidden;
}

ul#logolink li.logolink01 a {
	width: 100px;
	height: 75px;
	background: url(/images/logo/logostrip.gif) 0 0 no-repeat;
	z-index: 1000;
}

ul#logolink li.logolink02 a {
	width: 100px;
	height: 75px;
	background: url(/images/logo/logostrip.gif) -100px 0 no-repeat;
	z-index: 1000;
}

ul#logolink li.logolink03 a {
	width: 100px;
	height: 75px;
	background: url(/images/logo/logostrip.gif) -200px 0 no-repeat;
	z-index: 1000;
}

ul#logolink li.logolink04 a {
	width: 100px;
	height: 75px;
	background: url(/images/logo/logostrip.gif) -300px 0 no-repeat;
	z-index: 1000;
}

ul#logolink li.logolink05 a {
	width: 75px;
	height: 75px;
	background: url(/images/logo/logostrip.gif) -400px 0 no-repeat;
	z-index: 1000;
}