/*
 * This stylesheet is the core stylesheet for layout level elements.  This
 * stylesheet will be included on all pages and is appropriate for all
 * destination media.
 */
@import url(media.css);
@import url(inlines.css);

/* ******************************* COMMON STYLES ************************************** */

	.heading {
		background: url(../images/blue-heading.gif) no-repeat;
		width: 223px;
		height: 26px;
		float: left;
		color: #002f92;
		font-size: 125%;
		font-weight: bold;
		padding: 7px 0 0 21px;
		line-height: 19px;
	}
	
	.heading a {
		color: #002f92;
	}
	
	.heading span.extra {
		font-size: 0.8em;
		font-style: italic;
		font-weight: normal;
		padding-left: 10px;
	}
	
	form .buttonleft,
	form .buttonright {
		border: none;
	}	
	
	form .buttonleft {
		background: transparent url(../images/arrow-left.gif) no-repeat scroll left center;
		padding-left: 23px;
	}
	
	form .buttonright {
		background: transparent url(../images/arrow-right.gif) no-repeat scroll right center;
		padding-right: 23px;
	}
	
	form .arrowright {
		background-image: url(../images/arrow-right.gif);
	}
	
	a.arrowright {
		background: transparent url(../images/arrow-right.gif) no-repeat scroll left center;
		padding: 2px 0;
		padding-left: 23px;
	}
	
	a.arrowleft {
		background: transparent url(../images/arrow-left.gif) no-repeat scroll left center;
		padding: 2px 0;
		padding-left: 23px;
	}

/* ***************************** STRUCTURE STYLES ************************************* */

	#main {
		margin: 0 auto;
		width: 999px;
	}
	
	.container {
		float: left;
		width: 999px;
		padding: 0 0 20px;
	}

/* ******************************* HEADER STYLES ************************************** */

	#header {
		width: 999px;
		float: left;
		position: relative;
		height: 188px;
		background: url(../images/header.jpg) no-repeat;
	}
	
	.logo {
		position: absolute;
		background: url(../images/logo.gif) no-repeat;
		width: 128px;
		height: 99px;
		text-indent: -9999px;
		overflow: hidden;
		top: 12px;
		left: 22px;
	}
	
	#header strong.welcome {
		position: absolute;
		top: 77px;
		left: 172px;
		color: #002d8f;
		font: 198% Arial, sans-serif;
	}
	
	#header strong.welcome span.larger {
		font-size: 136%;
	}

	/* Search Form */
		#sitesearchboxform {
			margin: 0;
		}
		.searchform {
			float: right;
			width: 233px;
			background: url(../images/form-bg.gif) repeat-x;
			margin: 7px 9px 0 0;
			display: inline;
		}
		.searchform div {
			float: left;
			width: 233px;
			background: url(../images/form-left-bg.gif) no-repeat;
		}
		.searchform div div {
			height: 27px;
			background: url(../images/form-right-bg.gif) no-repeat 100% 0;
			padding: 6px 0 0 5px;
			width: 228px;
		}
		.searchform input {
			float: left;
		}
		.searchform input#kword {
			width: 187px;
			height: 16px;
			border: 1px solid #a5acb2;
			padding: 2px 0 0 2px;
			margin: 0 2px 0 0;
			color: #888;
			font: 99% Verdana, Arial, sans-serif;
		}
	/* End of Search Form */
	
	/* Top Utils */
		.toputils {
			float: left;
			margin: 83px 0 0 2px;
			padding: 0;
			clear: both;
			display: inline;
			width: 997px;
		}
		.toputils li {
			float: left;
			display: inline;
			font: 135% Arial, sans-serif;
		}
		.toputils li a, .toputils li .link {
			display: block;
			background: #4261AD url(../images/menu-tab.gif) no-repeat;
			width: 153px;
			height: 21px;
			color: #fff;
			text-decoration: none;
			padding: 8px 0 2px 12px;
			overflow: hidden;
		}
		.toputils li a span, .toputils li .link span {
			padding: 2px 0 2px 35px;
			background-repeat: no-repeat;
			background-position: left top;
		}
		/* Readspeaker wraps links in spans; make sure the span doesn't affect anything */
		.toputils li a span span,
		.toputils li .link span span {
			padding: 0;
		}
	/* End of Top Utils */
	/* Accessibility */
		.accessibility {
			float: left;
			width: 984px;
			background-color: #f2f5f9;
			border-bottom: 1px solid #ededed;
			border-right: 1px solid #ededed;
			margin: 2px 0 0 5px;
			display: inline;
		}
		.font-size {
			float: left;
			padding: 0 0 0 11px;
		}
		.font-size span {
			color: #002f92;
			font: bold 108% Arial, sans-serif;
			float: left;
			padding: 10px 0 0;
			letter-spacing: 1px;
		}
		/* Tidy up after ReadSpeaker */
		.font-size a span,
		.font-size span span {
			font-size: 100%;
			font-weight: normal;
			padding: 0;
			color: #000;
			float: none;
			letter-spacing: inherit;
		}
		.font-size ul {
			margin: 2px 0 0 7px;
			padding: 0 21px 0 0;
			float: left;
			background: url(../images/sep.gif) no-repeat 100% 0;
		}
		.font-size ul li {
			display: inline;
			float: left;
			font: 108% Arial, sans-serif;
			margin: 0 2px 0 0;
		}
		.font-size ul li a {
			background: url(../images/font-size-button.gif) no-repeat;
			width: 31px;
			height: 29px;
			display: block;
			text-decoration: none;
			color: #000;
			text-align: center;
		}
		.font-size ul li a#fontsize0 {
			font-size: 12px;
			padding: 11px 0 0;
			height: 18px;
		}
		.font-size ul li a#fontsize1 {
			font-size: 18px;
			padding: 6px 0 0;
			height: 23px;
		}
		.font-size ul li a#fontsize2 {
			font-size: 24px;
			padding: 2px 0 0;
			height: 27px;
		}
		.font-size a:hover {
			text-decoration: none;
		}
		.listen {
			float: left;
			padding: 10px 8px 10px 10px;
			background: url(../images/sep.gif) no-repeat 100% 2px;
		}
		.listen a {
			color: #002f92;
			font: bold 108% Arial, sans-serif;
			text-decoration: none;
			letter-spacing: 1px;
			background: url(../images/Button_DixeritPlus_medium.jpg) no-repeat 100% 0px;
			padding: 10px 95px 9px 0;
		}
		.listen a:hover,
		.translate a:hover {
			text-decoration: underline;
		}
		.translate {
			color: #002f92;
			font: bold 108% Arial, sans-serif;
			text-decoration: none;
			letter-spacing: 1px;
			float: left;
			padding: 10px 45px 5px 25px;
			margin: 0;
			display: inline;
			background-repeat: no-repeat;
			background-position: right center;
		}
		.translate a,
		.translate span {
			padding: 8px 0 6px 0;
			color: #002F92;
		}
		/* Readspeaker wraps links in spans; make sure the span doesn't affect anything */
		.translate span span {
			padding: 0;
		}
	/* End of Accessibility */
	
	/* Breadcrumbs */
		.crumb {
			margin: 14px 0 0 6px;
			padding: 0;
			float: left;
			display: inline;
			width: 990px;
		}
		.crumb li {	
			float: left;
			display: inline;
			font: bold 108% Arial, sans-serif;
			color: #000;
			padding: 0 0 0 4px;
		}
		.crumb li.first,
		.crumb li.current {
			color: #002f94;
		}
		.crumb li a {
			text-decoration: none;
			color: #000;
			padding: 0 4px 0 0;
			font-weight: normal;
		}
		.crumb li a:hover {
			text-decoration: underline;
		}
	/* End of Breadcrumbs */
	/* AtoZ Banner */
		.a-z {
			float: left;
			width: 734px;
			background-color: #f2f5f9;
			border-bottom: 1px solid #eee;
			border-right: 1px solid #eee;
		}
		.a-z .heading {
			margin-bottom: -1px;
		}
		.a-z ul {
			margin: 0;
			padding: 0px 0 0 8px;
			float: left;
		}
		.a-z ul li {
			float: left;
			display: inline;
			font: 135% Arial, sans-serif;
			padding: 10px 4px 5px;
		}
		.a-z ul li a {
			color: #3b6299;
			text-decoration: underline;
		}
		.a-z ul li a:hover {
			text-decoration: none;
		}
	/* End of AtoZ Banner */

/* *******************************  LHS STYLES   ************************************** */

	.col-1 {
		float: left;
		width: 244px;
		padding: 8px 0 0 7px;
	}
	
	/* This rule prevents IE6 expanding the nav items too far
	to the right, forcing the content to be below the nav. */
	.stackingnav *,
	.stackingnav {
		overflow: hidden;
	}
	
	.stackingnav,
	.contributoractions,
	.lhsbox {
		float: left;
		width: 243px;
		background: #f2f5f9;
		margin: 1px 0 6px;
		padding: 4px 0 0;
		border-right: 1px solid #ededed;
		border-bottom: 1px solid #ededed;
	}
	
	.contributoractions,
	.lhsbox {
		padding-bottom: 7px;
	}
	
	.stackingnav li,
	.contributoractions li {
		float: left;
		list-style: none;
		width: 100%;
		font: 135% Arial, sans-serif;
		padding: 3px 0 0;
	}
	
	.stackingnav li {
		line-height: 20px;
		padding-bottom: 2px;
		padding-top: 4px;
	}
	
	.contributoractions li {
		font-size: 108%;
		line-height: 16px;
		padding-left: 8px;
		padding-bottom: 3px;
	}
	
	.stackingnav li a,
	.contributoractions li a {
		text-decoration: none;
		color: #000;
		/*padding: 2px 0 3px;*/
	}
	
	.stackingnav li div /*a,
	.stackingnav li span*/ {
		padding-left: 8px;
	}
	
	.stackingnav li li {
		padding-left: 0;
		font-size: 100%;
	}
	.stackingnav li ul {
		margin: 0;
		padding: 0;
		margin-top: 2px;
		background-color: #fff;
		width: 100%;
		float: left;
	}
	.stackingnav li a.active {
		background-color: #595e6a;
		color: #fff;
		display: block;
	}
	.stackingnav li a:hover,
	.contributoractions li a:hover {
		text-decoration: underline;
	}
	
	.poll {
		padding-left: 1em;
	}
	
	.poll ol {
		list-style-type: none;
		padding: 1em 0;
	}
	
	/* Navigation Colours */
		.stackingnav .child {
			background-color: white;
			padding-left: 13px;
		}
		
		.stackingnav .current {
			background-color: #5A5D6B;
			color: white;
			padding-bottom: 0;
		}
		
		.stackingnav .parent {
			background-color: #3961AD;
		}
		
		.stackingnav .parent a,
		.stackingnav .grandparent a,
		.stackingnav .greatgrandparent a,
		.stackingnav .current a {
			color: white;
		}
		
		.stackingnav .child a,
		.stackingnav .normal a {
			color: black;
		}
		
		.stackingnav .grandparent {
			background-color: #7B92C6;
		}
		
		.stackingnav .greatgrandparent {
			background-color: #B5C3DE;
		}
		
		.stackingnav .normal {
			background-color: #F7F7FF;
		}
	/* End of Navigation Colours */
	
	/* Special Navigation */
		.stackingnav .special {
			background: white url(../images/big-button.gif) scroll no-repeat left 2px;
			min-height: 31px;
			padding-bottom: 0;
		}
		.stackingnav .special span,
		.stackingnav .special a {
			line-height: 31px;
			padding: 4px 0 4px 40px;
			background-position: 7px center;
			background-repeat: no-repeat;
		}
		.stackingnav .special li a {
			line-height: normal;
		}
		.stackingnav .special div {
			padding-left: 0;
		}
	/* End of Special Navigation */

/* *******************************  RHS STYLES   ************************************** */

	.col-3 {
		float: right;
		width: 243px;
		padding: 4px 0 0 1em;
		background-color: white;
	}
	.box {
		float: left;
		margin: 0 0 14px;
		padding: 2px 0 0;
		border-bottom: 1px solid #bfcbe4;
	}
	.col-3 .list {
		padding-bottom: 5px;
	}
	.box li {
		list-style: none;
		width: 243px;
		font: 108% Arial, sans-serif;
		padding: 4px 0 4px;
		float: left;
	}
	.col-3 .list li {
		padding-bottom: 0;
	}
	.address li {
		padding: 6px 0 6px;
	}
	.address li div {
		background: url(../images/arrow-right.gif) no-repeat 4px 0;
		padding: 0 0 0 25px;
		width: 218px;
	}
	.box li.blue {
		background: #f2f5f9;
	}
	.box li a {
		text-decoration: none;
		color: #000;
		display: block;
		padding: 3px 0 4px 25px;
	}
	.relmedia li a {
		display: inline;
		padding-left: 3px;
		line-height: 23px;
	} 
	.relmedia li img {
		float: left;
		padding-left: 2px;
	}
		
	.address li a {
		background: none;
		display: inline;
	}
	.col-3 .list li a {
		background: url(../images/arrow-right.gif) no-repeat 4px 0;
		padding: 1px 0 4px 25px;
	}
	.box li a:hover {
		text-decoration: underline;
	}
	.col-3 ul li p {
		margin: 0;
		padding: 0;
	}
	.col-3 ul li p a {
		padding: 0;
	}

/* *******************************  BODY STYLES  ************************************** */

	.col-2 {
		float: left;
		width: 735px;
		margin: 8px 0 0 3px;
		display: inline;
	}
	
	/* Print */
		.print {
			margin: 0;
			padding: 12px 0 0 3px;
			float: left;
			width: 450px;
		}
		.print li {
			list-style: none;
			float: left;
			width: 450px;
			padding: 2px 0 6px;
			font: 99%/126% Arial, sans-serif;
			background: url(../images/arrow-right.gif) no-repeat;
		}
		.print li a {
			color: #000;
			text-decoration: none;
			padding: 1px 0 1px 23px;
		}
		.print li a:hover {
			text-decoration: underline;
		}
	/* End of Print */
	
	.content {
		padding: 6px 0 0 6px;
		margin-right: 260px;
	}
	
	.content .intro {
		font-weight: bold;
		font-size: 110%;
	}
	
	.content p {
		margin-bottom: 1em;
	}
	
	#body a:link,
	#body a:visited {
		font-weight: bold;
		text-decoration: underline;
		color: #002F92;
	}
	
	#body {
		font-size: 108%;
	}
	
	.content hr {
		clear: left;
		width: 100%;
	}

/* ******************************* FOOTER STYLES ************************************** */

	/* Print this page */
		#contentfoot {
			clear: both;
		}
		#contentfoot hr {
			margin: 1em 0;
			border: 0;
			height: 1px;
			background-color: #C6CBD6;
		}
	/* End of Print this page */

	.footer {
		float: left;
		width: 999px;
		background: #849ECE url(../images/footer-bg.gif) repeat-x;
		color: white;
		font: 90% Arial, sans-serif;
	}
	.footer ul {
		margin: 0;
		padding: 0 0 20px;
		float: left;
		padding: 15px 0 10px 100px;
	}
	.footer ul li {
		float: left;
		display: inline;
		background: url(../images/sep-2.gif) no-repeat 0 2px;
		padding: 0 8px 0 8px;
	}
	.footer ul li.first {
		background: none;
		padding-left: 0;
	}
	.footer ul li a {
		text-decoration: none;
		color: white;
	}
	.footer ul li a:hover {
		text-decoration: underline;
	}
	.footer p.update {
		margin: 0;
		padding: 15px 100px 10px 0;
		float: right;
	}
	.footer p.copyright {
		text-align: center;
		padding: 0;
		margin: 0;
		padding-bottom: 10px;
		float: none;
		clear: both;
	}