/* general */
body {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:0.75em;
	margin:0em;
	padding:0em;
	min-width:770px;
	background-color:#eeeeee;
}
#ieMinWidth {
	width:expression(this.parentNode.offsetWidth<=770?770:'auto');
	/* because the min-width tag dosen't work in IE */
}
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 {
}
.skipnav {
	position:absolute;
	top:0px;
	left:0px;
	z-index:100;
	color:#FFF470;
}


/* middle */
#middle {
	position:relative;
	float:left;
	width:100%;
	background-image:url(../images/navbar-bg.jpg);
	background-repeat:repeat-y;
	background-color:#FFFFFF;
}


/* left column */
#leftColumn {
	position:relative;
	margin:0px;
	padding:0px;
	float:left;
	width:170px;
}


/* navigation */
#nav {
}
#nav ul {
	position:relative;
	margin:0px;
	padding:0px;
	list-style-type:none;
	border-bottom:1px solid #ffffff;
}
#nav li {
	position:relative;
	margin:0px;
	padding:0px;
	background-color:#eeeeee;
	border-top:1px solid #ffffff;
	border-right:5px solid #999999;
	padding:1px 2px 1px 25px;
	background-image:url(../images/nav-plus.gif);
	background-repeat:no-repeat;
	background-position:8px 5px;
	z-index:100;
}
*html #nav li {
	background-position:8px 6px;
}
#nav li.navOn {
	background-color:#999999;
	border-right:5px solid #ffef00;
	background-image:url(../images/nav-minus.gif);
	background-repeat:no-repeat;
	background-position:8px 5px;
	z-index:100;
}
*html #nav li.navOn {
	background-position:8px 6px;
}
#nav a {
	font-family:Arial, Helvetica, sans-serif;
	font-size:.9em;
	font-weight:bold;
	text-decoration:none;
	color:#003399;
}
#nav a:visited {
	color:#003399;
}
#nav a:hover {
	color:#3366CC;
}
#nav a.navOnLink {
	color:#ffffff;
}
#nav a:visited.navOnLink {
	color:#ffffff;
}
#nav a:hover.navOnLink {
	color:#ffffff;
}
#nav li.subNavContainer {
	position:relative;
	background-color:#ffffff;
	border-right:1px solid #ffef00;
	background-image:url(../images/subnav-bg.gif);
	background-repeat:repeat-y;
	background-position:12px;
	padding:0px 0px 0px 13px;
}
*html #nav li.subNavContainer {
	float:left;
	width:156px;
}
#nav ul li ul {
	position:relative;
	margin:0px;
	padding:0px;
	list-style-type:none;
	border-bottom:0px solid #ffffff;
}
#nav ul li ul li {
	position:relative;
	margin:0px;
	background-color:#ffffff;
	padding:1px 2px 1px 16px;
	background-image:url(../images/subnav-line.gif);
	background-repeat:no-repeat;
	background-position:-1px 9px;
	z-index:100;
	border-right:0px solid #ffffff;
}
*html #nav ul li ul li {
	background-position:-1px 10px;
}
.subNavBot {
	position:absolute;
	left:-10px;
	top:10px;
}
*html .subNavBot {
	position:absolute;
	left:-20px;
	top:11px;
}
#nav ul li ul li a {
	text-decoration:none;
	color:#666666;
}
#nav ul li ul li a:visited {
	text-decoration:none;
	color:#666666;
}
#nav ul li ul li a:hover {
	text-decoration:none;
	color:#003399;
}


/* search */
#searchbox {
	position:relative;
	float:left;
	width:159px;
	padding:10px 0px 10px 10px;
	border-right:1px solid #C4B801;
	border-bottom:1px solid #C4B801;
	background-color:#FFF471;
	background-image:url(../images/search-bg.jpg);
	background-repeat:no-repeat;
	background-position:bottom;
	z-index:200;
}
#searchbox form {
	margin:0px;
	padding:0px;
}
.searchInput {
	position:relative;
	float:left;
	color:#999999;
	font-size:.9em;
	width:101px;
	border:1px solid #999999;
	margin:4px 4px 0px 0px;
	padding:3px 0px 3px 19px;
}
.searchGo {
}
#searchImg {
	position:absolute;
	left:12px;
	top:36px;
	z-index:100;
}

/* language */
#language {
	position:relative;
	float:left;
	width:159px;
	padding:10px 0px 0px 10px;
	border-right:1px solid #C4B801;
	border-bottom:0px solid #C4B801;
	background-color: #FEF013;
	background-image:url(../images/search-bg.jpg);
	background-repeat:no-repeat;
	background-position:bottom;
	z-index:200;
}

#language img { margin: 0px 8px 8px 0px;}

#language a {font-family: arial;
			/*font-size: 12pt;*/
			color: black;  
			text-decoration: none;
}
				
/* 08 logo */

#newlogo { position: absolute; 
		   width:170px;
		   z-index:500; 
		   top: 125px; 
		   left: 0px;}

#newlogo img {  position: relative;
				float: left;
			    left: 8px;}
				
#newlogo-text { margin-top: 125px;
				width: 170px;
				text-align: center;}							

/* right column */
#rightColumn {
	margin:0px 0px 0px 170px;
}


/* location */
#rcLocation {
	position:relative;
	background-color:#eeeeee;
	margin:0px;
	padding:5px 0px 0px 20px;
	border-bottom:20px solid #ffffff;
	border-top:20px solid #ffffff;
	min-height:21px;
}
*html #rcLocation {
	padding:5px 0px 5px 20px;
}
#rcLocation ul {
	position:relative;
	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:290px;
	text-align:left;
	padding:0px 0px 0px 0px;
	min-height:28px;
	text-align:center;
	line-height:130%;
}
*html #mjpLeft {
	height:28px;
}
#mjpRight {
	position:absolute;
	width:280px;
	right:4px;
	top:-4px;
}

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

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

}

.columnBg2 {
	margin:20px 0px 0px 0px;
	position:relative;
	float:left;

}

.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;
	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;
}

.boxContainer2 {
	position:relative;
	float:left;
	width:180px;
}

.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;
}

.box-bots2 {
	position:relative;
	width:380px;
	clear:both;
}

.box-bots3 {
	position:relative;
	width:180px;
	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;
}


.homeAlerts2 {
	background-color:#FCFCFC;
	position:relative;
	float:left;
	padding:10px 2px 10px 10px;
	margin:0px;
	width:146px;
	border-left:1px solid #d1d1d1;
	border-right:1px solid #d1d1d1;
}
.homeAlerts2 a {
	font-weight:normal;
	font-size:1em;
	text-decoration:none;
}

.viewBullet {
	position:absolute;
	top:4px;
	left:10px;
}

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

#skyline {
	position:relative;
	float:left;
	left:170px;
	clear:both;
}

/* subpage styles */
#rcFullColumn {
	position:relative;
	/* float:left; */
	padding:0px 0px 0px 0px;
	background-color:#ffffff;
	line-height:1.45em;
}
#rcFullColumn dl {
	position:relative;
	float:left;
	width:100%;
	margin:0px;
	padding:0px;
	border-top:1px solid #d8dfed;
}
#rcFullColumn dt {
	position:relative;
	float:left;
	width:990px;
	padding:5px 0px 5px 10px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:1.3em;
	font-weight:normal;
	color:#003399;;
	margin:0px 0em 0px 0em;
	background-color:#FFEF00;
}
#rcFullColumn dd {
	position:relative;
	float:left;
	width:980px;
	margin:0px;
	padding:5px 10px 5px 10px;
	border-top:1px solid #d8dfed;
}

*html #rcFullColumn{
	height:300px;
}

.titleContainer {
	position:relative;
	border-bottom:1px solid #d8dfed;
	padding:2px 0px 4px 10px;
	background-image:url(../images/title-blocks.gif);
	background-repeat:no-repeat;
	background-position:right;
	background-color:#EEEEEE;
	margin:0px 0px 5px 0px;
}
.titleContainer H1 {
	font-size:130%;
	font-weight:bold;
	color:#333333;
}

.imgRight {
/*	position:relative;*/
	float:right;
	margin:0px 0px 10px 10px;
}
.imgLeft {
	position:relative;
	float:left;
	margin:0px 10px 20px 0px;
}

/* links */
.linkGroup {
	position:relative;
	float:left;
}
.linkGroup ul {
	position:relative;
	float:left;
	width:100%;
	list-style-type:none;
	margin:0px;
	padding:0px;
}
.linkGroup li {
	position:relative;
	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 #d8dfed;
	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 {
	position:relative;
	float:left;
	background-color:#FFFFFF;
	padding:10px;
}
.timetableLogo {
	position:relative;
	float:left;
	margin:0px 20px 20px 0px;
}
.timetableIntro {
	position:relative;
	float:left;
	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 {
	background-image:url(../images/navbar-bot-bg.gif);
	background-repeat:repeat-x;
	position:relative;
	float:left;
	width:100%;
	clear:both;
}
#footerStrapline {
	position:relative;
	margin:11px 0px 24px 190px;
}
#footerDisclaimer {
	position:relative;
	margin:0px 0px 30px 298px;
	color:#333333;
}
#footerDisclaimer a{
	text-decoration:none;
}
#footerDesign1 {
	position:absolute;
	left:0px;
	top:0px;
	z-index:100;
}
#footerDesign2 {
	position:absolute;
	left:0px;
	top:40px;
	z-index:50;
}

/* timetables select button */
#timetable-select {
	position:relative;
	float:left;
	width:100%;
	text-align:center;
}
#timetable-select input {
	background-color:#ffffff;
	border:1px solid #000000;
	font-weight:bold;
	font-size:1.4em;
	font-family:Arial, Helvetica, sans-serif;
}


/* style added by IP 30.01.07*/

.localevent{
float:right;
padding-left:15px;
padding-bottom:15px;
}


.columncontainer1and2{
float:left;
}


.column3 {
float:left;
position:relative;
background-image:url(../images/columns1-bg.gif);
background-repeat:repeat-y;
width:180px;
margin: 20px 0px 0px 20px;
}

/* style added by GS 03.04.07


#cap-cul-logo {
position:absolute;
top:-50px;
left:0px;
z-index:80;
}

*/

.ddContainer {
	border-top:1px solid #d8dfed;
	padding: 4px 10px 4px 10px;
}