/* CSS Document */

/*to put a div with a background color as a transparency use the following
background-color: rgba(#, #, #, .#);
with the first three #s as rgb values (i.e. 0 to 250) and the last a decimal of percentage for opacity*/

body {
	background:#ffffff;
	font-family: Verdana, Helvetica, sans-serif;
	color: #252525;
	min-width: 930px;
	}
div#tempfooter {
	border-top: 1px solid orange;
	text-align:center;
	font-size: .75em;
	width: 100%;
	clear:both;
	}
	#tempfooter a {
	text-decoration:none;
	}
	#tempfooter a:hover {
	text-decoration:underline;
	}
	#tempfooter p {
	margin-top: 0;
	margin-bottom: 0;
	}

/*Link formatting*/
a.head {
	border: 0;
	color:black;
	text-decoration:none;
	}
a {
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}
a:visited,a:active {
	color: #3366BB;
}
.red {
	color:red;
	}
a.red:visited {
	color: #EB4444;
}
.L {
	color:brown;
	}
a.L:active, a.L:visited {
	color:#A55858; /*originally #652A2A*/
}
.NSL {
	color: green;
	}
.NSL:visited {
	color: green;
	}
a.SSL {
	color: orange;
	}
a.external:hover {
    border-bottom: 1.5px double;
}
a.noLink {
	color: #252525;
	text-decoration: none;
	}
	a.noLink:hover {
		text-decoration: none;
		cursor:default;
		}
		

/*General styles*/		
.center {
	text-align: center;
}
.ref {
	text-decoration:none; 
	vertical-align:super; 
	font-size:0.60em;
	}
.for {
	text-align:center;
	font-style:italic;
	}
	.for a {
		font-style:normal;
	}
span.italic {
	font-style: italic;
}
.book {
	font-style:italic;
	font-weight:normal;
}
.newspaper {
	font-style:italic;
	font-weight:normal;
}
.magazine {
	font-style:italic;
	font-weight:normal;
}
.website{
	font-style:italic;
	font-weight:normal;
}
.via {
	font-size: smaller;
}
.brackets {
	font-size: smaller;
}
p.clear {
	clear:both;
	margin:0;
	padding:0;
	height:0;
}
#toc {
	margin-left: 10px;
	padding-top: 5px;
	border: 1px solid blue;
	background-color:#F9F9F9;
	width: 150px;
	text-align: left;
	font-size: .9em;
}
	#toc h1 {
	font-size:medium;
	margin: 0;
	text-align: center;
	}
	ol.top {
		margin-left: -10px;
		margin-top: 3px;
	}
		ol.top li {
			margin-bottom: .3em;
		}
		ol.top ol {
			margin-left: -30px;
			list-style:lower-alpha;
			font-size: .9em;
		}
.quot {
	font-style:italic;
	padding-left: 75px;
	padding-right: 125px;
}
	.quot a.ref {
		font-style:normal;
	}


#gtr {
	background-color:black; /*font-family:Arial, Helvetica, sans-serif;*/
	padding:0px; 
	border:0;
	margin:0px; 
	text-align:left; 
	min-width: 900px;
	height: 60px;
	}
	#gtr a {
	display: block;
	width: 408px;
	height: 60px;
	background: url(graphics/header_link_sprite2.png)  no-repeat 0px 0px;
	}
	#gtr a:hover {
	background: url(graphics/header_link_sprite2.png)  no-repeat 0px -60px;
	}
	#gtr img {
	border:0;
	}
table.sortable th:hover {
	cursor:pointer;}
/*table.sortable tbody tr:hover {
	background-color:#6699CC;}*/
	
.header, .footer {
	clear: both;
	background-color:black;
	border: 0;
	margin: 1em 0;
	height: 35px;
	position: relative;
}
	.header img, .footer img {
		border: 0;
	}
	.left {
		float:left;
		width:460px; 
		padding:0px; 
		border: 0; 
		margin:0px; 
		text-align: left;
	}
		.left img {
		border: 0;
		}
	.right{
		padding:0px; 
		border:0; 
		margin:0px; 
		margin-left: 460px; 
		text-align: right;
	}
		.right img {
			border: 0;
		}

footer {
	clear: both;
	background-color:black;
	border: 0;
	margin: 1em 0;
	height: 35px;
	position: relative;
}
	footer img {
		border: 0;
	}

.leftinset {
	float: left;
	width: 255px;
	border: 1px solid gray;
	margin: 0px 10px 0 5px; 
	padding: 2px;
}
	.leftinset img {
		border: 0;
		margin: 2px;
	}
	.leftinset p {
	margin-bottom: 0;
	margin-top: .3em;
	text-align: justify;
	}
.rightinset {
	float:right;
	width: 255px;
	border: 1px solid gray;
	margin: 0px 5px 0 10px; 
	padding: 2px;
}
	.rightinset img {
		border: 0;
		margin: 2px;
	}
	.rightinset p, .rightinset figcaption {
		margin-bottom: 0;
		margin-top: .3em;
		text-align: justify;
	}
.null_link {
	text-decoration: none;
	cursor: default;
	color: #000000;
}
	.null_link: hover {
		text-decoration: none;
	}
	
#content {
	margin: 0 0 0 226px; 
	}
	#content h1 {
		}
	#content h2 {
		}
h2.coming {
	font-style:italic;
	text-align:center;
	}
p.coming {
	font-style:italic;
	text-align:center;
	font-weight: bold;
    font-size: 1.5em;
	}
	#content h3 {
		}
	#content p {
/*		font-size:1.125em; */
		}

#sidebar {
	margin: 0;
	width: 206px;
/*	background-color:#F1F1FF;*/
	padding-top: 210px;
	padding-bottom: 16px;
	float: left;
	background: url('graphics/navlogo-1.png') no-repeat top/*, url('graphics/poole-bros.gif') no-repeat bottom*/;

}
	#sidebar a {
		text-decoration: none;
	}
	#sidebar a:hover {
		text-decoration:underline;
	}
	
	#indexlist {
	list-style-type: none;
	margin:0;
	padding:0;
	}
		#indexlist li {
			height: 40px;
		}
		li#histlink {
			display: block;
			width: 206px;
			height: 40px;
			background: url('graphics/histlink-current.png') no-repeat top;
		}
		a#histlink {
			display: block;
			width: 206px;
			height: 40px;
			background: url('graphics/histlink-sprite.png') no-repeat 0px 0px;
		}
		a#histlink:hover {
			background: url('graphics/histlink-sprite.png') no-repeat 0px -40px;
		}
		a#histlink:active {
			background: url('graphics/histlink-sprite.png') no-repeat 0px -80px;
		}
		li#chronlink {
			display: block;
			width: 206px;
			height: 40px;
			background: url('graphics/chronlink-current.png') no-repeat top;
		}
		a#chronlink {
			display: block;
			width: 206px;
			height: 40px;
			background: url('graphics/chronlink-sprite.png') no-repeat 0px 0px;
		}
		a#chronlink:hover {
			background: url('graphics/chronlink-sprite.png') no-repeat 0px -40px;
		}
		a#chronlink:active {
			background: url('graphics/chronlink-sprite.png') no-repeat 0px -80px;
		}
		li#memlink {
			display: block;
			width: 206px;
			height: 40px;
			background: url('graphics/memlink-current.png') no-repeat top;
		}
		a#memlink {
			display: block;
			width: 206px;
			height: 40px;
			background: url('graphics/memlink-sprite.png') no-repeat 0px 0px;
		}
		a#memlink:hover {
			background: url('graphics/memlink-sprite.png') no-repeat 0px -40px;
		}
		a#memlink:active {
			background: url('graphics/memlink-sprite.png') no-repeat 0px -80px;
		}
		li#stalink {
			display: block;
			width: 206px;
			height: 40px;
			background: url('graphics/stalink-current.png') no-repeat top;
		}
		a#stalink {
			display: block;
			width: 206px;
			height: 40px;
			background: url('graphics/stalink-sprite.png') no-repeat 0px 0px;
		}
		a#stalink:hover {
			background: url('graphics/stalink-sprite.png') no-repeat 0px -40px;
		}
		a#stalink:active {
			background: url('graphics/stalink-sprite.png')  no-repeat 0px -80px;
		}
		li#faclink {
			display: block;
			width: 206px;
			height: 40px;
			background: url('graphics/faclink-current.png') no-repeat top;
		}
		a#faclink {
			display: block;
			width: 206px;
			height: 40px;
			background: url('graphics/faclink-sprite.png') no-repeat 0px 0px;
		}
		a#faclink:hover {
			background: url('graphics/faclink-sprite.png') no-repeat 0px -40px;
		}
		a#faclink:active {
			background: url('graphics/faclink-sprite.png')  no-repeat 0px -80px;
		}	
		li#rslink {
			display: block;
			width: 206px;
			height: 40px;
			background: url('graphics/rslink-current.png') no-repeat top;
		}
		a#rslink {
			display: block;
			width: 206px;
			height: 40px;
			background: url('graphics/rslink-sprite.png') no-repeat 0px 0px;
		}
		a#rslink:hover {
			background: url('graphics/rslink-sprite.png') no-repeat 0px -40px;
		}
		a#rslink:active {
			background: url('graphics/rslink-sprite.png')  no-repeat 0px -80px;
		}	
		li#modlink {
			display: block;
			width: 206px;
			height: 40px;
			background: url('graphics/modlink-sprite.png') no-repeat 0px 0px;
			cursor: help;
		}
		a#modlink:hover {
			background: url('graphics/modlink-sprite.png') no-repeat 0px -40px;
		}
		a#modlink:active {
			background: url('graphics/modlink-sprite.png')  no-repeat 0px -80px;
		}
		li#roulink {
			display: block;
			width: 206px;
			height: 40px;
			background: url('graphics/roulink-current.png') no-repeat top;
		}
		li#roulink {
			display: block;
			width: 206px;
			height: 40px;
			background: url('graphics/roulink-current.png') no-repeat top;
		}
		a#roulink {
			display: block;
			width: 206px;
			height: 40px;
			background: url('graphics/roulink-sprite.png') no-repeat 0px 0px;
		}
		a#roulink:hover {
			background: url('graphics/roulink-sprite.png') no-repeat 0px -40px;
		}
		a#roulink:active {
			background: url('graphics/roulink-sprite.png')  no-repeat 0px -80px;
		}
		li#remlink {
			display: block;
			width: 206px;
			height: 40px;
			background: url('graphics/remlink-current.png') no-repeat top;
		}
		a#remlink {
			display: block;
			width: 206px;
			height: 40px;
			background: url('graphics/remlink-sprite.png') no-repeat 0px 0px;
		}
		a#remlink:hover {
			background: url('graphics/remlink-sprite.png') no-repeat 0px -40px;
		}
		a#remlink:active {
			background: url('graphics/remlink-sprite.png')  no-repeat 0px -80px;
		}
		li#opslink {
			display: block;
			width: 206px;
			height: 40px;
			background: url('graphics/opslink-sprite.png') no-repeat 0px 0px;
			cursor: help;
		}
		a#opslink:hover {
			background: url('graphics/opslink-sprite.png') no-repeat 0px -40px;
		}
		a#opslink:active {
			background: url('graphics/opslink-sprite.png')  no-repeat 0px -80px;
		}
		li#ttlink {
			display: block;
			width: 206px;
			height: 40px;
			background: url('graphics/ttlink-current.png') no-repeat top;
		}
		a#ttlink {
			display: block;
			width: 206px;
			height: 40px;
			background: url('graphics/ttlink-sprite.png') no-repeat 0px 0px;
		}
		a#ttlink:hover {
			background: url('graphics/ttlink-sprite.png') no-repeat 0px -40px;
		}
		a#ttlink:active {
			background: url('graphics/ttlink-sprite.png')  no-repeat 0px -80px;
		}
		li#maplink {
			display: block;
			width: 206px;
			height: 40px;
			background: url('graphics/maplink-current.png') no-repeat top;
		}
		a#maplink {
			display: block;
			width: 206px;
			height: 40px;
			background: url('graphics/maplink-sprite.png') no-repeat 0px 0px;
		}
		a#maplink:hover {
			background: url('graphics/maplink-sprite.png') no-repeat 0px -40px;
		}
		a#maplink:active {
			background: url('graphics/maplink-sprite.png')  no-repeat 0px -80px;
		}
		li#doclink {
			display: block;
			width: 206px;
			height: 40px;
			background: url('graphics/doclink-sprite.png') no-repeat 0px 0px;
			cursor: help;
		}
		a#doclink:hover {
			background: url('graphics/doclink-sprite.png') no-repeat 0px -40px;
		}
		a#doclink:active {
			background: url('graphics/doclink-sprite.png')  no-repeat 0px -80px;
		}
		li#artlink {
			display: block;
			width: 206px;
			height: 40px;
			background: url('graphics/artlink-sprite.png') no-repeat 0px 0px;
			cursor: help;
		}
		a#artlink:hover {
			background: url('graphics/artlink-sprite.png') no-repeat 0px -40px;
		}
		a#artlink:active {
			background: url('graphics/artlink-sprite.png')  no-repeat 0px -80px;
		}
		li#farelink {
			display: block;
			width: 206px;
			height: 40px;
			background: url('graphics/farelink-sprite.png') no-repeat 0px 0px;
			cursor: help;
		}
		a#farelink:hover {
			background: url('graphics/farelink-sprite.png') no-repeat 0px -40px;
		}
		a#farelink:active {
			background: url('graphics/farelink-sprite.png')  no-repeat 0px -80px;
		}
		li#linklink {
			display: block;
			width: 206px;
			height: 40px;
			background: url('graphics/linklink-current.png') no-repeat top;
		}
		a#linklink {
			display: block;
			width: 206px;
			height: 40px;
			background: url('graphics/linklink-sprite.png') no-repeat 0px 0px;
		}
		a#linklink:hover {
			background: url('graphics/linklink-sprite.png') no-repeat 0px -40px;
		}
		a#linklink:active {
			background: url('graphics/linklink-sprite.png')  no-repeat 0px -80px;
		}
		li#soulink {
			display: block;
			width: 206px;
			height: 40px;
			background: url('graphics/soulink-current.png') no-repeat top;
		}
		a#soulink {
			display: block;
			width: 206px;
			height: 40px;
			background: url('graphics/soulink-sprite.png') no-repeat 0px 0px;
		}
		a#soulink:hover {
			background: url('graphics/soulink-sprite.png') no-repeat 0px -40px;
		}
		a#soulink:active {
			background: url('graphics/soulink-sprite.png')  no-repeat 0px -80px;
		}
		li#abolink {
			display: block;
			width: 206px;
			height: 40px;
			background: url('graphics/abolink-current.png') no-repeat top;
		}
		a#abolink {
			display: block;
			width: 206px;
			height: 40px;
			background: url('graphics/abolink-sprite.png') no-repeat 0px 0px;
		}
		a#abolink:hover {
			background: url('graphics/abolink-sprite.png') no-repeat 0px -40px;
		}
		a#abolink:active {
			background: url('graphics/abolink-sprite.png')  no-repeat 0px -80px;
		}
					
	.SideTopLevel {
		padding: 0;
		margin:  0 0 30px 0;
		list-style-type: none;
	}
		.Side1stLevel {
			font-size: 1.25em;
			border-bottom: 2px solid black;
			display: block;
			font-weight: bold;
		}

		.SideSubLevel { 
			padding: 0;
			list-style-type: none;
		}
			.Side2ndLevel {
				display: block;
				text-transform: none;
				margin: 0;
				padding-left: 15px;
				padding-top: 5px;
				padding-bottom: 4px;
				font-size: 1em;
				font-weight: bold;
				border-bottom: 1px solid gray;
				width: 191px;
			}

			.SideBottomLevel {
				padding: 0px;
			}
				.Side3rdLevel {
					padding-left: 15px;
					padding-top: 5px;
					padding-bottom: 4px;
					width: 176px;
					padding-left: 30px;
					font-weight: 100;
					border-bottom: 1px dotted #9dc5da;
					display: block;
				}
				li.current {
					color: #000000;
					background-color: #9dc5da;
					font-weight: bold;
					text-decoration: underline;
				}
				.current a {
					cursor: default;
					color: #000000;
					font-weight: bold;
				}
				.chapterlist {
					list-style-type: upper-roman;
				}

#box {
	margin: 16px;
	border: 1px solid #000000;
	padding:16px;
	height: auto;
	/*width: 100%;
	float: left;*/ 
	text-align: center;
	font-size: 1.125em;
	box-shadow: 5px 5px 10px gray; /*x -y blur radius color*/
	-moz-box-shadow: 5px 5px 10px gray;
	-webkit-box-shadow: 5px 5px 10px gray;	}
	#box a {
		font-weight: bold;
		text-decoration: none;
		}
		#box a:hover {
			text-decoration: underline;
		}
		#box a.current {
			cursor: default;
			color: black;
			text-decoration: none;
		}
		#box .notavailable {
			cursor: help;
		}

#facts {
}
	#facts ul {
		list-style-type:none;
		font-size:1.125em;
	}
	.location {
		font-size:small;
	}
	#facts span.addy {
		font-size:small;
	}
	#facts h1 {
		margin-bottom:0px;
		text-decoration:underline;
	}
	#facts h3 {
			margin-top:0px;
	}
	span.label {
		text-decoration: underline;
	}

#intro {
}

.mainimg {
	margin: 32px;
	margin-left:auto;
	margin-right:auto;
	width: 510px;
	text-align: center;
}
	.mainimg img {
		border: 1px solid black;
	}
	.mainimg p {
		text-align:justify;
		font-size:medium;
		margin-bottom:0;
		margin-left: auto;
		margin-right: auto;
		width: 500px;
	}
	.mainimg figcaption {
		text-align:justify;
		font-size:medium;
   	    margin-top: 0.8em;
		margin-bottom:0;
		margin-left: auto;
		margin-right: auto;
		width: 500px;
	}
	.mainimg p.credit,figcaption.credit {
		margin-left: auto;
		margin-right: auto;
		width: 500px;
		font-size: .95em;
	}
	.mainimg a {
		text-decoration: none;
	}
	.mainimg a:hover {
		text-decoration: underline;
	}

#mainmap {
	margin-left:auto;
	margin-right:auto;
}	

#history {
	}
	#history a {
		text-decoration: none;
	}
	#history a:hover {
		text-decoration: underline;
	}
	#history h4 {
		border-bottom: 1px #999999;
		/*border-bottom: 1px solid gray;*/
	}
	#history h5 {}

#additional {
	clear: both;
	border-top: 2px groove gray;
	margin-top: 1em;
}
	#additional span {
	}
	#additional a:hover {
		text-decoration: underline;
	}
	#additional h3 {
		text-transform: uppercase;
		text-decoration: underline;
	}

#docs {
	clear: both;
	border-top: 2px groove gray;
	margin-top: 1em;
}
	#docs span {
	}
	#docs a:hover {
		text-decoration: underline;
	}
	#docs h3 {
		text-transform: uppercase;
		text-decoration: underline;
	}

.images {
	margin-top: 5px;
	margin-left: 0px;
	width: 100%;
	min-height: 151px;
	}
	.images img {
		float:left;
		margin: 2px 5px 2px 2px;
		border: 1px solid black;
		width: 147px;
		height: 147px;
		}
	.images p {
		margin: 0 0 0 156px;
	}
	.images figcaption {
		margin: 0 0 0 156px;
	}
	p.credit {
		margin: 0;
		font-style:italic;
		font-size: .95em;
	}
	.images a {
		text-decoration: none;
	}
	.images a:hover {
		text-decoration: underline;
	}

#stationtime {
	clear: both;
	border-top: 2px groove gray;
	margin-bottom: 1em;
}
	#stationtime h3 {
		text-decoration: underline;
		margin-top: .5em;
	}
	div.stationtable {
		width: 130px;
/*		border: 1px solid green;			*/
		margin-right: 2em;
		float: left;
	}
		.stationtable img {
			position: relative;
			display: block;
			height: 182px;
			margin: 4px auto;
			border: 0;
		}
		.stationtable img:hover {
			left: -2px;
			top: -2px;
			box-shadow: 2px 2px 6px black; /*x -y blur radius color*/
			-moz-box-shadow: 2px 2px 6px black;
			-webkit-box-shadow: 2px 2px 6px black;
		}
		.stationtable img:active {
			left: 0px;
			top: 0px;
			box-shadow: 0px 0px 0px black; /*x -y blur radius color*/
			-moz-box-shadow: 0px 0px 0px black;
			-webkit-box-shadow: 0px 0px 0px black;
		}
		.stationtable p {
			margin: .25em 0;
			text-align: center;
			font-weight: bold;
		}
	

#sources {
  clear: both;
	}
	#sources ol {
	/*	column-count: 2;
	/*	-moz-column-count: 2; 
	/*	-webkit-column-count: 2; 
		column-gap: 50px;
		-moz-column-gap: 50px;
	/*	-webkit-column-gap: 50px; */
	}
	#sources a {
		text-decoration: none;
	}
	#sources a:hover {
		text-decoration: underline;
	}

#indexcontent {
	margin: 0 0 0 226px;
	padding: 0 4px;
	border-left: 2px solid gray;
}
	#indexcontent a {
		text-decoration: none;
	}
	#indexcontent a:hover {
		text-decoration: underline;
	}

a.tohome {
	display: block;
	width: 410px;
	height: 35px;
	background: url(graphics/to-home-sprite.png) no-repeat 0px 0px;
}

															/*  ====  Chronologies  ====  */
div#chronlogo {
	background: url(graphics/chronology.gif) no-repeat right;
	width: 100%;
	background-color:#000000;
	margin: 1em 0;
}
ul.chron {
}
	ul.chron span.date {
		font-weight: bold;
	}
		
															/*  ====  Rolling Stock  ====  */
div#rslogo {
	background: url(graphics/rolling_stock.gif) no-repeat right;
	width: 100%;
	background-color:#000000;
	margin: 1em 0;
}

table.roster {
	width:100%;
	border-collapse:collapse;
	
}
	.roster caption {
		font-weight:bold;
	}
	.roster td, th {
		border:1px solid #B8BCB4;
		vertical-align:top;
	}

	.roster th {
		background-color:#EEEEEE;
	}

	table.roster td {
		vertical-align: middle;
	}
	.series {
		text-align: center;
		width: 149px;
		font-weight: bold;
		background: #fff;
	}
	.series img {
		border: 0;
		width: 147px;
		margin-left: auto;
		margin-right: auto;
	}
	.roster tr:nth-child(even) {
		background-color:#D2F7F5;
		//C5EFED
	}

.spec {
	width:300px; 
	border:1px solid gray; 
	padding:2.5px; 
	margin:5px; 
	background-color:#F7F7F7;
	text-align: left;
	float: right;
	}
	.image {
		text-align: center;
		table-layout: fixed;
	}
		.image img {
			width: 285px;
		}
	.caption {
		text-align: center;
		font-size: .9em;
	}
	.attribution {
		font-size: .65em;
		font-style: italic;
	}
	.spec td.type {
		background-color:#CCCCCC; 
		font-family:Arial, Helvetica, sans-serif;
		width: 125px;
		padding-left: 2px;
	}
	.spec td {
	}
	.spec th {
		background-color:#C0D9D9; 
		font-family:Arial, Helvetica, sans-serif; 
		padding:-5px;
		text-align: center;
		/*border: 0;*/
	}
	.carno {
		font-size: .75em;
	}

#rostercontent {
	margin: 0 0 0 226px;
}

	#rostercontent h1, #rostercontent h2 {
		text-align: center;
	}
	#rostercontent p {
		font-size: medium;
	}
	#rostercontent h4 {
		/*border-bottom: 2px ridge gray;*/
	}

.toroster {
	display: block;
	width: 480px;
	height: 35px;
	background: url(graphics/to_roster_off.png) no-repeat left;
}
a.toroster:hover {
	background: url(graphics/to_roster_on.png) no-repeat left;
}

															/*  ====  Facilities  ====  */
div#faclogo {
	background: url(graphics/facilities.gif) no-repeat right;
	width: 100%;
	background-color:#000000;
	margin: 1em 0;
}
#faccontent {
	margin: 0 0 0 190px;
	font-family:Verdana, Helvetica, sans-serif;
}
	#faccontent p {
		font-size: meduim;
		}

#facnav {
	float: left;
	list-style-type: none;
	margin-left: 0;
	padding:0;
}
	#facnav ul {
		list-style-type: none;
	}

#subinfo {
	float:right;
	border:1px solid gray; 
	padding:2.5px; 
	margin:5px;
	background-color:#FCFCFC;
	}
	#subinfo th {
		background-color:yellow;
		font-size: 1.125em;
	}
	#subinfo td.type {
	background-color:#DDD;
	padding:2px;
	font-weight:bold;
	}
a.tofacilities {
	display: block;
	width: 395px;
	height: 35px;
	background: url(graphics/stations-sprite.png) no-repeat -1522px -105px;
}
a.tofacilities:hover {
	background: url(graphics/stations-sprite.png) no-repeat -1522px -140px;
}

															/*  ====  Remnants  ====  */
div#remlogo {
	background: url(graphics/remnants.gif) no-repeat right;
	width: 100%;
	background-color:#000000;
	margin: 1em 0;
}
ul.remstations {
}
	ul.remstations h2 {
	margin-bottom:0;
	}
img.remstation {
	float: right;
	border: 1px solid gray;
	margin: 5px;
}

															/*  ====  Routes  ====  */
div#routeslogo {
	background: url(graphics/routes.gif) no-repeat right;
	width: 100%;
	background-color:#000000;
	margin: 1em 0;
}
ul.remstations {
}
	ul.remstations h2 {
	margin-bottom:0;
	}
a.toroutes {
	display: block;
	width: 375px;
	height: 35px;
	background: url(graphics/to_routes_off.png) no-repeat left;
}
a.toroutes:hover {
	background: url(graphics/to_routes_on.png) no-repeat left;
}

div#map {
}
	div#map img {
		margin-left: auto;
		margin-right: auto;
		/*width: ;*/
	}
	div#map h1 {
		text-align: center;
		margin-bottom: 5px;
	}
	div#map h2 {
		text-align: center;
		margin: 0;
	}

															/*  ====  Stations ====  */
div#stationslogo {
	background: url(graphics/stations.gif) no-repeat right;
	width: 100%;
	background-color:#000000;
	margin: 1em 0;
}
ul.stations {
}
	ul.stations a {
		text-decoration:none;
	}
	ul.stations a:hover {
		text-decoration: underline;
	}
ul.L_stations {
	font-size:small;
}
	ul.L_stations a {
		text-decoration:none;
	}
	ul.L_stations a:hover {
		text-decoration: underline;
	}
a.tostations {
	display: block;
	width: 371px;
	height: 35px;
	background: url(graphics/stations-sprite.png) no-repeat 0px 0px;
}
a.tostations:hover {
	background: url(graphics/stations-sprite.png) no-repeat 0px -35px;
}
a.auroraleft {
	display: block;
	width: 480px;
	height: 35px;
	background: url(graphics/stations-sprite.png) no-repeat 0px -105px;
}
a.auroraleft:hover {
	background: url(graphics/stations-sprite.png) no-repeat 0px -140px;
}
a.aurora {
	display: block;
	width: 504px;
	height: 35px;
	background: url(graphics/stations-sprite.png) no-repeat -766px 0px;
	position: absolute;
	right: 0;
}
a.aurora:hover {
	background: url(graphics/stations-sprite.png) no-repeat  -766px -35px;
}
a.main {
	display: block;
	width: 396px;
	height: 35px;
	background: url(graphics/stations-sprite.png) no-repeat -371px 0px;
	position: absolute;
	right: 0;
}
a.main:hover {
	background: url(graphics/stations-sprite.png) no-repeat -371px -35px;
}
a.batavia {
	display: block;
	width: 504px;
	height: 35px;
	background: url(graphics/stations-sprite.png) no-repeat -1774px 0px;
	position: absolute;
	right: 0;
}
a.batavia:hover {
	background: url(graphics/stations-sprite.png) no-repeat -1774px -35px;
}
a.elgin {
	display: block;
	width: 504px;
	height: 35px;
	background: url(graphics/stations-sprite.png) no-repeat -1270px 0px;
	position: absolute;
	right: 0;
}
a.elgin:hover {
	background: url(graphics/stations-sprite.png) no-repeat -1270px -35px;
}
a.geneva {
	display: block;
	width: 504px;
	height: 35px;
	background: url(graphics/stations-sprite.png) no-repeat -479px -105px;
	position: absolute;
	right: 0;
}
a.geneva:hover {
	background: url(graphics/stations-sprite.png) no-repeat -479px -140px;
}
a.mtcarmel {
	display: block;
	width: 539px;
	height: 35px;
	background: url(graphics/stations-sprite.png) no-repeat -983px -105px;
	position: absolute;
	right: 0;
}
a.mtcarmel:hover {
	background: url(graphics/stations-sprite.png) no-repeat -983px -140px;
}



															/*    ==== Credits ====    */
div#creditslogo {
	background: url(graphics/credits.png) no-repeat right;
	width: 100%;
	background-color:#000000;
	margin: 1em 0;
}
#FnF h1 {
	font-weight: normal;
	font-style:italic;
	text-decoration:underline;
}


															/*   ==== History ====		*/
div#histlogo {
	background: url(graphics/history.gif) no-repeat right;
	width: 100%;
	background-color:#000000;
	margin: 1em 0;
}
h1.chapter {
	text-align: center;
}
span.dates {
	font-weight: 100;
	font-size: smaller;
}
h2.chapnav {
	font-weight: 100;
	text-align: center;
}


															/*   ==== Maps ====		*/
div#mapslogo {
	background: url(graphics/maps.gif) no-repeat right;
	width: 100%;
	background-color:#000000;
	margin-top: 1em;
}

#gmap {
}
	#gmap iframe {
		float: left;
		padding-right: 5px;
		width: 425px;
		height: 300px;
		border: 0;
		margin: 0;
	}

div.maps {
	margin-top: 5px;
	width: 100%;
	height: 161px;
	position: relative;
}
	.maps img {
		border: 1px solid black;
		float: left;
		margin: 5px 0 5px 5px;
	}
	.maps h1 {
		margin-left: 310px;
		top: -3px;
		position:relative;
	}
															/*   ==== Documents ====		*/
div#docslogo {
	background: url(graphics/documents.gif) no-repeat right;
	width: 100%;
	background-color:#000000;
	margin-top: 1em;
}

															/*   ==== Links ====		*/
div#linkslogo {
	background: url(graphics/links.gif) no-repeat right;
	width: 100%;
	background-color:#000000;
	margin-top: 1em;
}
ul.listLink li.whatever {
border: 1px solid black;
margin-top:-1px;}
a.listLinkName {
	font-size: 1.5em;
	margin-top:0;
}
ul.listLinkInfo {
	list-style-type:none;
	padding-left:0;
}
	ul.listLinkInfo li {
		padding-bottom: 1.15em;
		}
															/*   ==== Memories ====		*/
div#memlogo {
	background: url(graphics/memories.gif) no-repeat right;
	width: 100%;
	background-color:#000000;
	margin: 1em 0;
}

div.memory {
	border-top: 2px groove gray;
	margin: 1em 0;
}
ul.person {
	list-style-type: none;
}
															/*   ==== Timetables ====		*/
div#timelogo {
	background: url(graphics/timetables.gif) no-repeat right;
	width: 100%;
	background-color:#000000;
	margin-top: 1em;
}

															/*   ==== About ====		*/
div#aboutlogo {
	background: url(graphics/contact.gif) no-repeat right;
	width: 100%;
	background-color:#000000;
	margin-top: 1em;
}

/* 
#header { border: #000 1px solid;
          width: 760px; 
					float: left;
					background: #000000;
					color: #ffffff; }
#main-holder { width: 170px; float: left; }
#spacer-div1 { width: 760px; }
#extra { width: 580px; 
				 float: right; }
#main { width: 10px; float: right; }
#subnav { border: #000 1px solid;
          width: 150px;
					float: left;
					background: #000000;
					color: #ffffff; }
#spacer-div2 { width: 760px; }
#footer { border: #000 1px solid;
          width: 760px; 
					float: left; } 
*/