/* general */
body {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:0.75em;
	margin:0em;
	padding:0em;
}
a {
	color:#003399;
}
a:visited {
	color:#3366CC;
}
a:hover {
	color:#3366CC;
}
h1, h2, h3, h4, h5, h6 {
	font-family:Arial, Helvetica, sans-serif;
	margin:0em 0em 0em 0em;
}
h1 {
	font-size:1.5em;
	font-weight:normal;
	color:#003399;
}
h2 {
	font-size:1.5em;
	font-weight:normal;
	color:#999999;
	margin:5px 0em 5px 0em;
}
hr {
}



/* middle */
#middle {
	background-color:#FFFFFF;
}


/* left column */
#leftColumn {
	width:170mm;
}


/* display none */
#nav, #searchbox, .skipnav { 
	display:none;
}


/* right column */
#rightColumn {
	width:170mm;
}


/* location */
#rcLocation {
	position:relative;
	float:left;
	width:100%;
	background-color:#eeeeee;
	margin:0px;
	padding:4px 0px 0px 20px;
	margin:20px 0px 20px 0px;
	min-height:21px;
	z-index:200;
}
*html #rcLocation {
	padding:4px 0px 0px 20px;
	height:21px;
}
#rcLocation ul {
	position:relative;
	float:left;
	width:100%;
	margin:0px;
	padding:0px 0px 0px 0px;
}
#rcLocation li {
	position:relative;
	float:left;
	margin:0px;
	padding:0px 10px 0px 22px;
	display:inline;
	background-image:url(../images/location-arrow.gif);
	background-repeat:no-repeat;
	background-position:2px 1px;
}
#rcLocation a {
	color:#003399;
	text-decoration:none;
	font-weight:bold;
}
#rcLocation a:visited {
	color:#003399;
	text-decoration:none;
	font-weight:bold;
}
#rcLocation a:hover {
	color:#3366CC;
	text-decoration:underline;
}


/* columns inside right column */
#rcColumn1 {
	position:relative;
	float:left;
	width:32%;
	margin:0px 2% 0px 0px;
	background-color:#ffffff;
}
*html #rcColumn1 {
	margin:0px 1.6% 0px 0px;
}
#rcColumn2 {
	position:relative;
	float:left;
	width:32%;
	margin:0px 2% 0px 0px;
	background-color:#ffffff;
}
*html #rcColumn2 {
	margin:0px;
}
#rcColumn3 {
	position:relative;
	float:left;
	width:32%;
	margin:0px 0px 0px 0px;
	background-color:#ffffff;
}
*html #rcColumn3 {
	float:right;
}


/* Mersey Journey Planner */
#mjpContainer {
	position:relative;
	width:585px;
}
#mjpBg {
	position:relative;
	float:left;
	border-left:1px solid #e8e8e8;
	border-right:1px solid #aeaeae;
	width:578px;
	background-color:#eaeaea;
	background-image:url(../images/mjp-bg.jpg);
	background-repeat:no-repeat;
	background-position:bottom;
}
#mjpLeft {
	position:relative;
	float:left;
	width:360px;
	text-align:left;
	padding:6px 0px 6px 20px;
	min-height:28px;
}
*html #mjpLeft {
	height:28px;
}
#mjpRight {
	position:absolute;
	width:176px;
	right:4px;
	top:-5px;
}

/* home columns */
.columnsContainer {
	position:relative;
	width:585px;
}

.columnBg {
	margin:20px 0px 0px 0px;
	position:relative;
	float:left;
	background-image:url(../images/columns-bg.gif);
	background-repeat:repeat-y;
	background-position:center;
}

.box1 {
	position:relative;
	float:left;
	width:180px;
	margin-right:20px;
	text-align:left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:.9em;
	color:#666666;
}
.box2 {
	position:relative;
	float:left;
	width:180px;
	margin-right:20px;
	text-align:left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:.9em;
	color:#666666;
}
.box3 {
	position:relative;
	float:left;
	width:180px;
	text-align:left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:.9em;
	color:#666666;
}

.boxContainer {
	position:relative;
	float:left;
	width:160px;
	left:10px;
	margin:5px 0px 0px 0px;
}
.boxContainer a {
	font-weight:bold;
	color:#003399;
	text-decoration:none;
}
.boxContainer a:visited {
	color:#3366CC;
	text-decoration:none;
}
.boxContainer a:hover {
	color:#3366CC;
	text-decoration:underline;
}

.white-box {
	background-color:#FCFCFC;
	position:relative;
	float:left;
	padding:2px 2px 3px 30px;
	width:126px;
	border-left:1px solid #d1d1d1;
	border-right:1px solid #d1d1d1;
}
.white-box a {
	font-weight:normal;
	font-size:1.1em;
	text-decoration:none;
}
.viewArrow {
	position:absolute;
	top:3px;
	left:10px;
}
.box-bots {
	position:relative;
	width:580px;
	clear:both;
}
.homeTimetables {
	background-color:#FCFCFC;
	position:relative;
	float:left;
	padding:2px 2px 3px 65px;
	width:91px;
	border-left:1px solid #d1d1d1;
	border-right:1px solid #d1d1d1;
}
.homeTimetables a {
	font-weight:bold;
	font-size:1em;
	text-decoration:none;
}
.viewTimetables {
	position:absolute;
	top:-3px;
	left:5px;
}

.homeAlerts {
	background-color:#FCFCFC;
	position:relative;
	float:left;
	padding:3px 2px 3px 30px;
	width:126px;
	border-left:1px solid #d1d1d1;
	border-right:1px solid #d1d1d1;
}
.homeAlerts a {
	font-weight:normal;
	font-size:1em;
	text-decoration:none;
}
.viewBullet {
	position:absolute;
	top:4px;
	left:10px;
}

/* home logos */
#homeLogos {
	position:relative;
	width:585px;
}
#homeLogos ul {
	margin:20px 0px 0px 0px;
	position:relative;
	float:left;
	padding:0px;
}
#homeLogos li {
	position:relative;
	float:left;
	display:inline;
	margin:0px;
	padding:0px;
}

#skyline {
	width:170mm;
}

/* subpage styles */
#rcFullColumn {
	width:170mm;
	padding:0px 0px 0px 0px;
	background-color:#ffffff;
	line-height:1.45em;
}
#rcFullColumn dl {
	width:100%;
	margin:0px;
	padding:0px;
	border-top:1px solid #cc0000;
	clear:both;
}
#rcFullColumn dt {
	width:100%;
	padding:0px 0px 0px 0px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:1.5em;
	font-weight:normal;
	color:#999999;
	margin:5px 0em 5px 0em;
}
#rcFullColumn dd {
	width:100%;
	margin:0px;
	padding:5px 0px 5px 0px;
	border-top:1px solid #cc0000;
}
.titleContainer {
	position:relative;
	float:left;
	width:100%;
	border-bottom:1px solid #cccccc;
	padding:0px 0px 10px 0px;
	background-image:url(../images/title-blocks.gif);
	background-repeat:no-repeat;
	background-position:right;
	margin:0px 0px 20px 0px;
}
.imgRight {
	position:relative;
	float:right;
	margin:0px 0px 10px 10px;
}
.imgLeft {
	position:relative;
	float:left;
	margin:0px 10px 20px 0px;
}

/* links */
.linkGroup {
	width:100%;
}
.linkGroup ul {
	width:100%;
	list-style-type:none;
	margin:0px;
	padding:0px;
}
.linkGroup li {
	width:100%;
	margin:0px;
	padding:3px 0px 3px 20px;
	background-image:url(../images/view-arrow.gif);
	background-repeat:no-repeat;
	background-position:0px 4px;
}

/* feedback form */
#rcFullColumn fieldset {
	width:98%;
	float:left;
	position:relative;
	border:1px solid #cc0000;
	margin:0px 0px 15px 0px;
}
#rcFullColumn legend {
	font-family:Arial, Helvetica, sans-serif;
	font-size:1.5em;
	font-weight:normal;
	color:#999999;
}

.feedbackContainer {
	position:relative;
	float:left;
	width:350px;
	padding:5px 10px 5px 10px;
	clear:left;
}
.feedbackLeft {
	position:relative;
	float:left;
	width:80px;
}
.feedbackRight {
	position:relative;
	float:right;
	width:250px;
}
.feedbackRight input {
	position:relative;
	float:left;
	color:#999999;
	font-size:.9em;
	width:140px;
	border:1px solid #999999;
	margin:0px;
	padding:3px 0px 3px 2px;
}
.feedbackRight textarea {
	position:relative;
	float:left;
	color:#999999;
	font-size:.9em;
	width:240px;
	border:1px solid #999999;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	margin:0px;
	padding:3px 0px 3px 2px;
}

/* search archive results */
#rcFullColumn ol li {
	padding:2px 0px 2px 0px;
}
.feedbackRight ul {
	margin:0px;
	padding:0px;
}
.feedbackRight li {
	display:inline;
	position:relative;
	float:left;
	margin:0px 4px 0px 0px;
}

/* timetables */
.timetablesContainer {
	position:relative;
	float:left;
	width:500px;
	padding:5px 10px 5px 10px;
	clear:left;
}
.timetablesLeft {
	position:relative;
	float:left;
	width:230px;
}
.timetablesRight {
	position:relative;
	float:right;
	width:250px;
}

.timetableWindow {
	background-color:#FFFFFF;
	padding:10px;
}
.timetableLogo {
	position:relative;
	float:left;
	width:50mm;
	margin:0px 20px 20px 0px;
}
.timetableIntro {
	position:relative;
	float:left;
	width:105mm;
	margin:0px 20px 0px 0px;
}

.timetableWindow table {
	margin:0px;
	padding:0px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:.9em;
	border-bottom:1px solid #999999;
	border-left:1px solid #999999;
	clear:both;
}
.timetableWindow td {
	margin:0px;
	padding:2px;
	border-top:1px solid #999999;
	border-right:1px solid #999999;
	text-align:center;
	vertical-align:top;
}
.timetableWindow th {
	margin:0px;
	padding:2px;
	border-top:1px solid #999999;
	border-right:1px solid #999999;
	font-weight:bold;
	color:#003399;
	text-align:left;
	vertical-align:top;
}
.timetableWindow td.am {
	background-color:#FFFFCC;
	color:#000000;
}
.timetableWindow td.pm {
	background-color:#003399;
	color:#FFFFFF;
}

/* vacancies */

.vacanciesDetails {
	position:relative;
	float:left;
}
.vacanciesDetails table {
	margin:0px;
	padding:0px;
	clear:both;
}
.vacanciesDetails td {
	margin:0px;
	padding:4px;
	text-align:left;
	width:70%;
	vertical-align:top;
}
.vacanciesDetails th {
	margin:0px;
	padding:4px;
	font-weight:bold;
	text-align:left;
	width:30%;
	vertical-align:top;
}
.vacanciesDetails tr.grey {
	background-color:#eeeeee;
}

/* general table */
.generalTable {
	position:relative;
	float:left;
}
.generalTable table {
	margin:0px 0px 20px 0px;
	padding:0px;
	border-bottom:1px solid #999999;
	border-left:1px solid #999999;
	clear:both;
}
.generalTable td {
	margin:0px;
	padding:4px;
	text-align:left;
	vertical-align:top;
	border-top:1px solid #999999;
	border-right:1px solid #999999;
}
.generalTable th {
	margin:0px;
	padding:4px;
	font-weight:bold;
	text-align:left;
	vertical-align:top;
	border-top:1px solid #999999;
	border-right:1px solid #999999;
	background-color:#eeeeee;
}
.generalTable caption {
	margin:0px;
	padding:4px;
	text-align:left;
	vertical-align:top;
	border-top:1px solid #999999;
	border-right:1px solid #999999;
	border-left:1px solid #999999;
}

/* two columns */
.twocolumnContainer {
	position:relative;
	clear:both;
	padding:10px 0px 0px 0px;
}
.twocolumnContainerLeft {
	position:relative;
	float:left;
	width:40%;
}
.twocolumnContainerRight {
	position:relative;
	float:right;
	width:40%;
}
/* li for a row of accesible image links */
.imageLinks {
	position:relative;
}
.imageLinks ul {
	position:relative;
	margin:0px;
	padding:0px;
}
.imageLinks li {
	position:relative;
	display:inline;
}


/* footer */
#footer {
	float:left;
	background-image:url(../images/navbar-bot-bg.gif);
	background-repeat:repeat-x;
	width:170mm;
}
#footerStrapline {
	position:relative;
	float:left;
	width:100%;
	left:10px;
	top:11px;
}
#footerDisclaimer {
	position:relative;
	float:right;
	right:20px;
	top:30px;
	color:#333333;
}
#footerDisclaimer a{
	text-decoration:none;
}
#footerDesign1 {
	display:none;
}
#footerDesign2 {
	position:relative;
	float:left;
	left:0px;
	top:25px;
	z-index:50;
}