/* GENERAL STYLES */
/* Consortium CSS
Tom Aston, FUSE (www.fuse.co.uk)
2nd December 2009 */

/***********************************/

@import url('reset.css');
@import url('clearfix.css');

/***********************************/

body {
	font-size:62.5%;
	font-family:Arial, Helvetica, sans-serif;
	color:#444444;
}
#mainHeader {
	width:960px;
	height:40px;
	padding:30px 0 20px 0;
	margin:0 auto;
	position:relative;
}
#mainHeader h1 {
	background:url(/media/2968/consortium_logo.gif) left top no-repeat;
	width:201px;
	height:40px;
	position:absolute;
	left:-6px;
	top:30px;
}
#mainHeader h1 a {
	background:url(/media/2968/consortium_logo.gif) left top no-repeat;
	width:201px;
	height:40px;
	text-decoration:none;
	text-indent:-9999px;
	display:block;
}
#mainHeader #mainNav {
	position:absolute;
	right:0;
	bottom:18px;
}
#mainHeader #mainNav li {
	font-size:1.5em;
	float:left;
	font-weight:bold;
	margin:0 0 0 20px;
}
#mainHeader #mainNav li a:link,
#mainHeader #mainNav li a:visited {
	color:#666666;
	text-decoration:none;
}
#mainHeader #mainNav li a:hover,
#mainHeader #mainNav li a:active,
#mainHeader #mainNav li.current a:link,
#mainHeader #mainNav li.current a:visited {
	color:#3477BC;
	text-decoration:none;
}
#page {
	margin:0 auto;
	width:898px;
	border:solid 1px #E4EDF0;
	background:url(/media/2973/water_background.jpg) center bottom no-repeat #FFFFFF;
	padding:30px 30px 245px 30px;
}
#page h1 {
	font-size:1.9em;
	font-weight:normal;
	color:#3477BC;
	line-height:1.3em;
	margin:0 0 15px 0;
}
#page h2 {
	font-size:1.5em;
	color:#3477BC;
	line-height:1.3em;
	margin:0 0 10px 0;
}
#page p,
#page ul {
	font-size:1.3em;
	line-height:1.3em;
	margin:0 0 10px 0;
}
#page ul li ul {
	font-size:1em;
	padding:5px 0 0 0;
}
#page p.highlightCopy {
	font-size:1.5em;
	font-weight:bold;
	color:#3477BC;
}
#page ul li {
	padding:0 0 5px 24px;
	background:url(/media/2988/blue_bullet.gif) 0.30em 0.35em no-repeat;
}
#page ul li h2 {
	font-size:1.1em;
	margin:0;
	width:800px;
}
#page ul li p {
	font-size:1em;
	margin:0 0 5px 0;
}
#page a:link,
#page a:visited {
	color:#3477BC;
	text-decoration:underline;
}
#page a:hover,
#page a:active {
	color:#666666;
	text-decoration:none;
}
#page ul li h2 a:link,
#page ul li h2 a:visited {
	text-decoration:none;
}
#page #contentLeft {
	width:419px;
	float:left;
	padding:10px 30px 0 0;
}
#page #contentRight {
	width:419px;
	float:left;
	padding:10px 30px 0 0;
}
#page #techBox {
	background:#E4EDF0;
	padding:10px;
	border:solid 1px #3E7DBF;
}
#page #techBox h2 {
	cursor:pointer;
	cursor:hand;
	margin:0;
}
#page dl {
	float:left;
	width:898px;
	font-size:1.3em;
	line-height:1.3em;
	margin:0 0 10px 0;
}
#page dl dt {
	float:left;
	width:126px;
	clear:both;
	padding:0 0 10px 24px;
	background:url(/media/2988/blue_bullet.gif) 0.30em 0.35em no-repeat;
}
#page dl dd {
	float:left;
	width:748px;
	padding:0 0 10px 0;
}
#page dl#download-list dt {
	float:left;
	width:50px;
	clear:both;
	padding:0 0 10px 0;
	background:none;
}

/**************/
#pagescontent,
#pagescontent h2,
#pagescontent p {
	background:#FFFFFF;
}
.ghost { visibility: hidden; }

ul#pages {
    display: inline;
    list-style: none;
    float: right;
    margin-top: 10px;
}

#page ul#pages li {
    float: left;
    margin: 10px 0 10px 5px;
    padding: 1px;
    font-size: 0.9em;
	background:none;
}
#page ul#pages li a:link,
#page ul#pages li a:visited {
	text-decoration:none;
}
#page ul#pages li a:hover,
#page ul#pages li a:active {
	text-decoration:none;
}
ul#pages li.page {
    visibility: hidden;
}

ul#pages li.pageon a {
    font-weight: bold;
}

ul#pages li.pageoff a {
    font-weight: normal;
}
form {
	width:898px;
}
#page form h2 {
	width:898px;
	float:left;
	clear:both;
	margin:0 0 5px 0;
}
#page form p {
	width:898px;
	float:left;
	clear:both;
	margin:0 0 10px 0;
}
#page form div {
	width:898px;
	float:left;
	clear:both;
}
#page form #checkBoxes,
#page form #textInputs {
	padding:0 0 10px 0;
}
#page form #checkBoxes div,
#page form #textInputs div {
	margin:0 0 3px 0;
}
#page form #checkBoxes div input {
	float:left;
	margin:0 10px 3px 5px;
	padding:0;
}
#page form #checkBoxes div label {
	float:left;
	margin:0;
	padding:2px 0 0 0;
	font-size:1.2em;
}
#page form #textInputs div label {
	float:left;
	width:120px;
	font-size:1.2em;
	font-weight:bold;
	padding:5px 0 0 0;
}
#page form #textInputs div input,
#page form #textInputs div textarea {
	width:300px;
	padding:3px 4px;
	border:solid 1px #84b1ea;
	font-family:Arial, Helvetica, sans-serif;
	font-size:1.2em;
	color:#666666;
}
#page form #radioButtons table {
	clear:both;
}
#page form #radioButtons table,
#page form #radioButtons table tr td {
	width:898px;
}
#page form #radioButtons p {
	margin:0 0 5px 0;
	font-size:1.2em;
}
#page form #radioButtons input {
	float:left;
	margin:0 10px 4px 5px;
	padding:0;
}
#page form #radioButtons label {
	float:left;
	margin:0;
	padding:2px 0 0 0;
	font-size:1.2em;
}
#page form #telNumber {
	padding:10px 0 15px 0;
}
#page form #telNumber label {
	width:898px;
	float:left;
	clear:both;
	font-size:1.2em;
	margin:0 0 5px 0;
}
#page form #telNumber input {
	width:200px;
	padding:3px 4px;
	border:solid 1px #84b1ea;
	font-family:Arial, Helvetica, sans-serif;
	font-size:1.2em;
	color:#666666;
}
.hide,
#page form #textInputs span.hide { display: none; }
.error { color: #CC0000; font-weight:bold; }
#page form #textInputs span.error {
	font-size:1.2em;
	padding:0 0 0 10px;
}
#page #contactDetails {
	width:671px;
	float:left;
}
#page #contactDetails ul li.tube {
	padding-left:28px;
	background:url(/media/3072/tube-bullet.gif) 0em 0em no-repeat;
}
#page #contactDetails ul li.rail {
	padding-left:28px;
	background:url(/media/3077/rail-bullet.gif) 0em 0em no-repeat;
}
#page #contactMap {
	width:227px;
	float:left;
}
#page #contacts {
	padding:20px 0 0 0;
	width:898px;
	height:230px;
	float:left;
	clear:both;
}
#page #contacts ul {
	float:left;
	margin:0;
}
#page #contacts ul li {
	background:none;
	padding:0;
	font-size:0.85em;
	width:110px;
	float:left;
	margin:0 0 1px 0;
}
#page #contacts #peoplelist {
	width:898px;
	clear:both;
}
#page #contacts #peoplelist a {
	width:95px;
	padding:0 11px 0 0;
	display:inline;
}
#page #people #person1 {
	padding:0;
}
#page #people #person2 {
	padding:0 0 0 110px;
}
#page #people #person3 {
	padding:0 0 0 220px;
}
#page #people #person4 {
	padding:0 0 0 330px;
}
#page #people #person5 {
	padding:0 0 0 440px;
}
#page #people #person6 {
	padding:0 0 0 550px;
}
#page #people #person7 {
	padding:0 0 0 660px;
}

/***************/
#footer {
	width:960px;
	margin:0 auto;
	border-top:solid 2px #3E7DBF;
	padding:5px 0 20px 0 ;
	position:relative;
}
#footer p {
	font-size:1.1em;
	line-height:1.4em;
}
#footer p#footerNav {
	position:absolute;
	top:5px;
	right:0;
	color:#BEC8CC;
}
#footer p#footerNav a:link,
#footer p#footerNav a:visited {
	color:#666666;
	text-decoration:none;
}
#footer p#footerNav a:hover,
#footer p#footerNav a:active {
	color:#3477BC;
	text-decoration:none;
}

/* EDITOR PROPERTIES */