﻿#header {
	/*background-image: url('images/undergroundRoundelRing.png');*/
	background-repeat: no-repeat;
}
#header #search {
	text-align: right;
	height: 61px;
	font-size: small;
}
#header #logoBar {
	border-style: solid;
	border-width: 12px 1px 1px 1px;
	border-color: #ED1B2E #000000 #000000 #000000;
	text-transform: uppercase;
	padding: 5px;
	text-align: center;
}
#header #logoBar, #header #airLineNotice {
	font-size: 15pt;
}
#header #logoBar #logoHomeSign {
	padding: 0;
	float: right;
	background-color: #000000;
	margin-bottom: 0;
	margin-top: 3px;
	margin-right: 4px;
}
#header #logoBar #logoHomeSign a {
	margin: 0;
	color: #FFFF00;
	font-size: 10pt;
	text-transform: none;
	font-weight: 600;
	padding: 4px 4px 4px 15px;
}
#header #logoBar a {
	/*	color: #FFFFFF;
	text-decoration: none;
*/	padding: 3px;
	margin: 0;
	display: block;
}
#header #airLineNotice div{
	color: #603E99;
	font-style: italic;
	font-size: small;
	text-align: right;
	margin-top: 2px;
}
#header #pageTitle {
	margin-top: 15px;
	text-align: center;
}
.noborder {
	border-width: 0;
}
.centre, .style1, .style4, td.style6, td.style9, td.nationalrailinterchange, .style11 {
	text-align: center;
}
.alignleft, .style2 {
	text-align: left;
}
.linkedlineimage, .style3, .style5 {
	vertical-align: middle;
}
.notopmargin, .style4 {
	margin-top: 0px;
}
.linkedlineimage, .style5 {
	border-width: 0;
}
.smalltext, .style7, .nationalrailinterchange, .style10, .style11 {
	font-size: x-small;
}
.verysmalltext, span.style8 {
	font-size: xx-small;
}
.rightalign, td.style8 {
	text-align: right;
}
.footer {
	text-align: center;
	font-size: small;
	background-color: #024DA1;
	padding: 5px;
}
.footer, .footer a {
	color: #FFFFFF;
}
.mainpage a, #logo a, #header a {
	color: #034EA2;
	text-decoration: none;
}
.mainpage a:hover, #logo a:hover, #header a:hover, .footer a {
	text-decoration: underline;
}
/*.topdiv {
	background-image: url('../images/logobottom.png');
	background-repeat: no-repeat;
	background-position: left top;
	height: 41px;
}
*/
.dlrtext {
	color: #FFFFFF;
	background-color: #00707B;
	padding: 3px;
}
.pageholder {
	margin-left: auto;
	margin-right: auto;
	width: 813px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
	margin-top: -30px;
}
#logo {
	background-image: url('../_stuffToNotPublish/logo.PNG');
	background-repeat: no-repeat;
}

ul.gallery, ul.gallery li, ul.letters, ul.letters li {
	padding: 0;
	margin: 0;
	list-style-type: none;
}
ul.gallery li, ul.letters li {
	display: inline;
	position: relative;
	float: left;
}
ul.gallery li {
	width: 265px;
}
ul.letters li {
	width: 25px;
}
ul.letters {
	padding-left: 130px;
}

ul.gallery li a, ul.letters li a {
	text-align: center;
	display: block;
	vertical-align: middle;
}

ul.letters li a {
	padding: 2px;
}
ul.letters li a, ul.letters {
	height: 18px;
}


ul.gallery li a {
	padding: 5px;
	font-size: small;
	height: 228px;
}


ul.gallery li a:hover, ul.letters li a:hover {
	background-color: #024DA1;
	color: #FFFFFF;
	text-decoration: none;
}
ul.onePhotoGallery, ul.twoPhotoGallery, ul.threePhotoGallery {
	height: 238px;
}
ul.fourPhotoGallery, ul.fivePhotoGallery, ul.sixPhotoGallery {
	height: 476px;
}
ul.sevenPhotoGallery, ul.eightPhotoGallery, ul.ninePhotoGallery {
	height: 714px;
}
ul.tenPhotoGallery, ul.elevenPhotoGallery, ul.twelvePhotoGallery {
	height: 952px;
}
ul.thirteenPhotoGallery, ul.fourteenPhotoGallery, ul.fifteenPhotoGallery { /* 13, 14, 15 */
	height: 1190px;
}
ul.seventeenPhotoGallery, ul.eighteenPhotoGallery { /* 16, 17, 18 */
	height: 1428px;
}
ul.nineteenPhotoGallery, ul.twentyPhotoGallery { /* 19, 20, 21 */
	height: 1666px;
}
ul.twentyTwoPhotoGallery, ul.twentyThreePhotoGallery, ul.twentyFourPhotoGallery { /* 22, 23, 24 */
	height: 1904px;
}
ul.twentyFivePhotoGallery { /* 25, 26, 27 */
	height: 2142px;
}
ul.twentyEightPhotoGallery, ul.twentyNinePhotoGallery, ul.thirtyPhotoGallery { /* 28, 29, 30 */
	height: 2380px;
}
ul.thirtyOnePhotoGallery, ul.thirtyTwoPhotoGallery { /* 31, 32, 33 */
	height: 2618px;
}
ul.thirtyFivePhotoGallery, ul.thirtySixPhotoGallery { /* 34, 35, 36 */
	height: 2856px;
}
ul.thirtyEightPhotoGallery { /* 37, 38, 39 */
	height: 3094px;
}
ul.fortyPhotoGallery, ul.fortyOnePhotoGallery { /* 40, 41, 42 */
	height: 3332px;
}
ul.fortyFourPhotoGallery { /* 43, 44, 45 */
	height: 3570px;
}
/* 46, 47, 48 */
ul.fortyNinePhotoGallery { /* 49, 50, 51 */
	height: 4046px;
}
/* 52, 53, 54 */
/* 55, 56, 57 */
/* 58, 59, 60 */
/* 61, 62, 63 */
/* 64, 65, 66 */
/* 67, 68, 69 */
ul.seventyOnePhotoGallery { /* 70, 71, 72 */
	height: 5712px;
}
/* 73, 74, 75 */
ul.seventySevenPhotoGallery { /* 76, 77, 78 */
	height: 6188px;
}

a img{
	border-width: 0;
}
a.stationWithStreetViewButNoPhotos, a.stationWithNoPhotosOrStreetView {
	color: #000000 !important;
}
/*a.stationWithNoPhotosOrStreetView {
	color: #808080 !important;
}
*/.alignRight {
	text-align: right;
}
.smallText {
	font-size: small;
}
.noBottomMargin {
	margin-bottom: 0px;
}
body {
	margin-top: 0px;
	margin-left: 0px;
	margin-right: 0px;
}

iframe {
	width: 100%;
	height: 290px
}

@-ms-viewport { width: device-width; }

@media screen and (max-width: 828px){
	.pageholder {
		width: auto;
		margin-right: auto;
		margin-bottom: auto;
		margin-left: auto;
	}
	.mainpage, #header #search {
		padding-right: 5px;
		padding-left: 5px;
	}
	#header {
		background-image: none;
	}
	#header #search {
		height: auto;
		margin-bottom: 0;
		margin-top: 5px;
	}
	#header #logoBar {
		border-left-style: none;
		border-right-style: none;
	}
	#header #logoBar #logoHomeSign {
		display: none;
	}
	#header #logoBarSurround {
		/*background-position: left center;
		background-image: url('../images/undergroundRoundelRing.png');
		background-repeat: no-repeat;
*/		padding-top: 10px;
		padding-bottom: 10px;
	}
	#header #airLineNotice {
		padding-right: 5px;
	}

	#header #pageTitle {
		margin-top: 0;
	}
	
	iframe {
		width: 90%;
	}
	
	ul.letters {
		padding-left: 0px;
		height: 36px;
	}
	ul.threePhotoGallery {
		height: 476px
	}
	ul.fivePhotoGallery, ul.sixPhotoGallery {
		height: 714px;
	}
	ul.sevenPhotoGallery, ul.eightPhotoGallery {
		height: 952px;
	}
	ul.ninePhotoGallery, ul.tenPhotoGallery {
		height: 1190px;
	}
	ul.elevenPhotoGallery, ul.twelvePhotoGallery {
		height: 1428px;
	}
	ul.thirteenPhotoGallery, ul.fourteenPhotoGallery { /* 13, 14 */
		height: 1666px;
	}
	ul.fifteenPhotoGallery { /* 15, 16 */
		height: 1904px;
	}
	ul.seventeenPhotoGallery, ul.eighteenPhotoGallery { /* 17, 18 */
		height: 2142px;
	}
	ul.nineteenPhotoGallery, ul.twentyPhotoGallery { /* 19, 20 */
		height: 2380px;
	}
	ul.twentyTwoPhotoGallery { /* 21, 22 */
		height: 2618px;
	}
	ul.twentyThreePhotoGallery, ul.twentyFourPhotoGallery { /* 23, 24 */
		height: 2856px;
	}
	ul.twentyFivePhotoGallery { /* 25, 26 */
		height: 3094px;
	}
	ul.twentyEightPhotoGallery { /* 27, 28 */
		height: 3332px;
	}
	ul.twentyNinePhotoGallery, ul.thirtyPhotoGallery { /* 29, 30 */
		height: 3570px;
	}
	ul.thirtyOnePhotoGallery, ul.thirtyTwoPhotoGallery { /* 31, 32 */
		height: 3808px;
	}
	/* 33, 34 */
	ul.thirtyFivePhotoGallery, ul.thirtySixPhotoGallery { /* 35, 36 */
		height: 4284px;
	}	
	ul.thirtyEightPhotoGallery { /* 37, 38 */
		height: 4522px;
	}
	ul.fortyPhotoGallery { /* 39, 40 */
		height: 4760px;
	}
	ul.fortyOnePhotoGallery { /* 41, 42 */
		height: 4998px;
	}
	ul.fortyFourPhotoGallery { /* 43, 44 */
		height: 5236px;
	}
	/* 45, 46 */
	/* 47, 48 */
	ul.fortyNinePhotoGallery { /* 49, 50 */
		height: 5950px;
	}
	/* 51, 52 */
	/* 53, 54 */
	/* 55, 56 */
	/* 57, 58 */
	/* 59, 60 */
	/* 61, 62 */
	/* 63, 64 */
	/* 65, 66 */
	/* 67, 68 */
	/* 69, 70 */
	ul.seventyOnePhotoGallery { /* 71, 72 */
		height: 8568px;
	}
	/* 73, 74 */
	/* 75, 76 */
	ul.seventySevenPhotoGallery { /* 77, 78 */
		height: 9282px;
	}



}
@media screen and (max-width: 705px){
	.pageholder {
		margin-top: auto;
	}

}
@media screen and (max-width: 640px){
	.mainpage{
		font-size: small;
	}
	.smallText {
		font-size: x-small;
	}
	.footer {
		font-size: x-small;
	}
}
@media screen and (max-width: 580px){
	#header #logoBar {
		font-size: medium;
		width: auto;
	}
}
@media screen and (max-width: 560px){
	ul.gallery li {
		display: list-item;
		position: inherit;
		float: none;
	}
	ul.gallery {
		height: auto !important;
	}

}

@media screen and (min-height: 350px){
	iframe {
		height: 330px
	}
}
@media screen and (min-height: 480px){
	iframe {
		height: 460px
	}
}
@media screen and (min-height: 500px){
	iframe {
		height: 480px
	}
}
