

body{
	font-family: arial, verdana, tahoma;
	font-size: 0.8em;
	text-align: center; 
	padding: 0 0 0 0;
	margin:0;
	background: #004027;
	}
	
p{
	margin: 6px;
	text-align:left;
	}
	
a{
	text-decoration: none;
	}

a:hover{
	text-decoration: underline;
	}

	
.error{
	color: red;
	}
	
.image{
	width: auto;
	margin: 12px;
	float:left;
	clear:right;
	font-size: 0.8em;
	}

#container{
	position: relative;
	margin: 0px auto;
	width: 970px;
	border: 0px solid #000000;
	background: #a6dbd6;
	}
	
div.error, div.info{
	display:none;
	color: #000000;
	border:2px dotted #b00000;
	background-color: #ffa4a4;
	width: 97%;
	height: auto;
	margin: 6px;
	}
	
div.info{
	border:2px dotted #bfd6ff;
	background-color: #6c9fff;
	}
	
table{
	border-collapse: collapse;
	}
	
table tr td{
	vertical-align: top;
	margin: 0px;
	padding: 0;
	}
	
form fieldset, fieldset{
	position:relative;
	margin: 12px;
	padding: 12px;
	border: 1px solid #cecece;
	}
	
fieldset .choose{
	cursor: pointer;position:absolute;top:14px;left:0px;
	}
	
form fieldset legend, fieldset legend{
	margin:0;
	margin-bottom: 6px;
	padding:1px 3px;
	border: 1px dotted #cecece;
	}
	
fieldset ul{
	width: auto;
	list-style:none;
	margin: 0;
	padding: 0px;
	text-align: left;
	}
	
fieldset ul li{
	background-color: #d7dcea;
	margin: 2px 0px;
	}
	
fieldset ul li p{
	padding:2px;
	line-height: 19px;
	}
	
form p{
	width: 100%;
	text-align:left;
	margin: 1px 0;
	line-height:1.8em;
	}

form label{
	text-align: right;
	vertical-align: top;
	width: 10em;
	margin-right: 0.5em;
	line-height:1.3em;
	display: inline-block;
	}

form label.err{
	color:red;
	}

form label.error {
	text-align:left;
	color: #f00;
	margin-left: 13px;
	width: auto;
	display: inline;
	}
	
form input.err, form textarea.err{
	background-color: #ffe1e1;
	}

form input, form textarea{
	width:200px;
	}

	
form input.submit, .but{
	margin-left: 10.5em;
	margin-right: 0em;
	margin-top: 6px;
	width: 100px;
	background: #ffffff;
	color: #000000;
	border: 2px solid #999999;
	font-size: 0.8em;
	}
	
.but{
	margin-left: 0.5em;
	}
		
.header{
	position: relative;
	z-index: 555;
	width: 970px;
	height: 150px;
	background-repeat: no-repeat;
	}
	
.header tr td{
	position: relative;
	width: 970px;
	vertical-align: top;
	}
	
.header tr td p{
	margin:0px;
	padding: 4px 5px;
	line-height: 1.2em;
	}
	
.advert{
	display: block;
	width: 100%;
	text-align:center;
	background-image: url('images/header_bg.jpg');
	background-position: -6px right;
	}
	
.header .top_ad{
	position: absolute;
	top: 6px;
	right: 6px;
	height: 75px;
	width: 500px;
	overflow: hidden;
	}
	
.header .top_ad img{
	border: 0px;
	}
	
.top_ad .advert_holder .advert{
	width: 500px;
	height: 75px;
	text-align: center;
	}
	

ul.topnav{
	margin:0px;
	padding:0px;
	list-style: none;
	position:relative;
	z-index: 10;
	}
	
.subnav{
	margin: 16px 16px -8px 22px;
	border:1px solid #000000;
	width:660px;
	float:left;
	background-color:#ffffff;
	}
	
.subnav ul{
	display:table;
	line-height: 1.3em;
	margin: 1px 0 0 0px;
	padding: 0px 6px;
	list-style: none;
	position:relative;
	z-index: 10;
	}

ul.topnav li{
	margin: 0px 3px 0px 0px;
	padding: 2px 0;
	list-style:none;
	display: table-cell;
	float:left;
	position: relative;
	}
	
.subnav ul li{
	padding: 2px 0;
	list-style:none;
	display: table-cell;
	float:left;
	position: relative;
	}

ul.topnav li.hasmore{
	margin-left: 3px;
	padding-left: 7px;
	background:url('images/drophighlight_green.png') no-repeat left 10px;
	}
	
.subnav ul li.hasmore{
	margin-left: 3px;
	padding-left: 7px;
	background:url('images/drophighlight_green.png') no-repeat left 5px;
	}
	
ul.topnav li a, .subnav ul li a{
	display:block;
	color:#ffffff;
	font-size: 1.1em;
	padding:6px;
	position: relative;
	}
	
.subnav ul li a{
	padding:0px 10px 0 6px;
	color: #00717c;
	}
	
.subnav ul li.nolink a{
	color: #ffffff;
	font-weight:bold;
	padding: 0 15px 0 0;
	cursor:arrow;
	}
	
.subnav.about{
	float: left; 
	clear: both;
	margin-left: 22px; 
	width: auto;
	}
	
.subnav.stn{
	float: right;
	clear: right;	
	margin-left: 22px;
	width: auto;
	}
	
ul.dropdown{
	background-color:#ffffff;
	margin:0px;
	padding:5px;
	display:block;
	position:absolute;
	z-index: 999;
	top: 100%;
	display:none;
	left:0px;
	width: 220px;
	background-image:url('images/dropdown_green.png');
	overflow:hidden;
	}
	
ul.dropdown ul.dropdown{
	top:0;
	left:95%;
	}
	
ul.dropdown li{
	text-align:left;
	margin:0px; 
	padding: 0px;
	float: none;
	position:relative;
	list-style:none;
	display:block;
	border-bottom:1px solid #79ab5a;
	}
	
ul.dropdown li.last{
	border:0;
	}

ul.dropdown li a{
	padding: 3px;
	color:#00717c;	
	display:block;
	position:relative;
	z-index: 0;
	}
	
.slider { width:970px; height:240px; overflow:hidden; position:relative; cursor:pointer;}
.slides { position:absolute; top:0; left:0;}
.slides div {float:left; clear:right;border-right: 15px solid #004027;}
.slides div .gettinghere { position:absolute;top:0;right:0;behavior: url("http://www.bestkeptstations.org.uk/iepngfix.htc");}
.slides div img { border:0px;}
.slider span{
	position: absolute; 
	bottom: 0; left: 0;
	height: 30px; width: 100%;
	color: #ffffff;
	font-weight: bold;
	background-color:#000000;
	filter: alpha(opacity=70);
	-moz-opacity: 0.7;
	-khtml-opacity: 0.7;
	opacity: 0.7;
	display:none;
	}
	
.clear {
	clear: both;
	}
	
.imagehead{
	width:100%;
	height: 350px;
	position:relative;
	z-index: 0;
	background-color: #cdcdcd;
	}
	
.imagehead .image{
	width: 100%;
	height: 100%;
	overflow:hidden;
	}
	
.imagehead .imageinfo{
	height:100%;
	width: 300px;
	position: absolute;
	top:0px;
	right:0px;
	background-image:url('images/imageinfo.png');
	}
	
.imagehead .imageinfo div{
	padding:10px;
	color: #ffffff;
	}
	
#content{
	margin:0px;
	padding:0px;
	}
	
#content .rightcol_holder{
	position: relative;
	width: 700px;
	margin: 0px;
	float:right;
	clear: right;
	}
	
#content .head{
	margin: 0px;
	padding: 6px 2px;
	background-color: #004027;
	color: #ffffff;
	text-align:center;
	}
	
#content .head p{
	margin:0px 8px;
	color:#ffffff;
	}
	
#content .head p a{
	color:#ffffff;
	font-weight:bold;
	}
	
#content p, #content ul li, #content .morecontent a, .useful a, .list a{
	color:#00717c;
	}
	
#content .morecontent a, .useful a{
	text-decoration: underline;
	}
	
#content p.title{
	font-size: 1.8em;
	font-weight: bold;	
	}
	
#content .address{
	margin: 0px;
	padding: 0px;
	height: auto;
	width: auto;
	}
	
#content .address p{
	margin: 0 6px;
	}
	
#content .morecontent{
	border: 1px solid #000000;
	background-color:#ffffff;
	margin: 16px 22px;
	width: 660px;
	position: relative;
	float:left;
	clear:right;
	}
	
#content .leftcol_holder{
	display: block;
	margin:0px;
	padding:0px;
	width:270px;
	float:left;
	border:0px solid #000000;
	}
	
	
	
#content .leftcol{
	border: 1px solid #000000;
	background-color:#ffffff;
	margin: 16px 5px 0 16px; 
	padding:0px;
	width: 250px;
	float:left;
	}
	
#content .leftcol .left_ad{
	height: 60px;
	width: 250px;
	overflow: hidden;
	}
	
#content .leftcol .left_ad img{
	border: 0px;
	}
	
#content .right_ad{
	margin: 16px 5px;
	height: 75px;
	width: 200px;
	overflow: hidden;
	border: 1px solid #000000;
	}
	
#content .right_ad img{
	border: 0px;
	}
	
#content .leftcol2{
	margin: 16px 16px 0 0; 
	width: 250px;
	float:left;
	}
	
#content .featured{
	border: 1px solid #004027;
	margin: 6px;
	width: 70%;
	float: left;
	}
	
#content .featured .left, #content .featured .right{
	font-weight: bold;
	font-size: 1.2em;
	width: 50%;
	float: left;
	clear:right;
	}
	
#content .featured .right p{
	text-align: right;
	}
	
#map{
	width: 99%;
	height: 400px;
	margin: 6px auto;
	}
	
#live{
	position: absolute;
	z-index: 1000;
	left: 0px;
	top: 120%;
	width: 400px;
	display: none;
	}
	
#live .arrow{
	position: absolute;
	top:-9px;
	left: 10px;
	height: 11px;
	width: 21px;
	background-image: url('images/arrow.gif');
	}
	
#live a{
	font-size: 0.9em;
	display: block;
	margin: 0px;
	padding: 0px;
	text-align:right;
	width: 100%;
	}
	
#live table{
	border: 1px solid #cdcdcd;
	background-color:#ffffff;
	width: 100%;
	}
	
#live table tr{
	background-color:#ffffff;
	color: #000000;
	text-align: left;
	}
	
#live table td, #live table th {
	padding: 2px 4px;
	}
	
.timetable{
	border:1px solid #a6bdb6;
	width: 98%;
	margin: auto;
	}

.timetable tr td{
	border-right: 1px solid #a6bdb6;
	border-bottom: 1px solid #a6bdb6;
	}
	
.news, .newsbody, .newsfoot{
	width: 100%;
	}

.news{
	margin-top: 0px;
	}
	
.news ul{
	list-style: none;
	margin: 0 0px;
	padding: 0px;
	float:left;
	width: 100%;
	}
	
.news ul li{
	width:49%;
	float:left;
	margin: 0px 0.5%;
	padding: 0px;
	height: 23px;
	line-height: 23px;
	overflow:hidden;
	position:relative;
	border-right:0px solid #000000;
	}
	
.news ul li a{
	color: #ffffff;
	display:block;
	outline:none;
	padding: 0 10px;
	}
	
.news ul li a:hover, .news ul li.active a {
	background: #a6dbd6;
	color: #004027;
	}

.newsfoot{
	margin-bottom: 0px;
	}

.news, .newsfoot{
	padding:1px 0;
	margin:0px;
	line-height: 0.8em;
	background-color:#004027;
	}
	

.newsbody, .list{
	margin: 0px;
	height: 110px;
	overflow:auto;
	}

.newsbody p{
	font-size: 0.8em;
	color: #000000;
	}
	
.newsbody ul{
	list-style: none;
	margin:0px;
	padding: 0px;
	}
	
.newsbody ul li{
	display:block;
	height: 110px;
	}
	
.list ul{
	list-style: none;
	margin:0px;
	padding: 0px;
	}
	
.list ul li{
	height: 17px;
	margin: 0px;
	padding: 0px;
	}
	
.list ul li a{
	display:block;
	padding: 2px 6px;
	margin: 0px;
	text-align:left;
	font-size: 0.8em;
	}
	
.list ul li a:hover, .list ul li a.current{
	background-color: #a6dbd6;
	}
	
.list_right{
	border: 1px solid #000000;
	width: 200px;
	margin: 16px 5px;
	background: #ffffff;
	}
	
.list_right .list{
	height: 80px;
	}
	
.list_right .list li{
	height: auto;
	}
	
#info,#error{
	margin: 6px 2px;	
	width: 98%;
	display:none;
	}
	
#info{
	border: 2px solid #ffa54a;
	background-color: #ffffd2;
	}

#error{
	border: 2px solid #f00000;
	background-color: #ffd7d7;
	}
	
#info p, #error p{
	padding: 2px;
	font-size: 0.9em;
	font-weight: bold;
	}
	
#error p{
	color: #f00000;
	}
	
.footer{
	margin-top: 10px;
	width: 100%;
	color: #00717c;
	}

.footer p{
	text-align: center;
	}
	
.footer a{
	color: #00717c;
	}