@import 'tube-lines.css';
@import 'multimedia.css';
@import 'tooltip.css';
@import 'navigation.css';
@import 'interface/tile-2017.css';
@import 'https://cdnjs.cloudflare.com/ajax/libs/cookieconsent2/3.0.3/cookieconsent.min.css';
@import 'https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css';

/*@font-face {
    font-family:"AgencyFBRegular";
    src: url("agencyr.eot") /* EOT file for IE */
/*}*/
@font-face {
    font-family:"verdana";
    src: url("../fonts/verdana.ttf") format('truetype') /* TTF file for CSS3 browsers */
}


/* Body Content */
    body {
		background-color: #FAFFEE;
		font-family: Verdana,Geneva,sans-serif;
		font-size: 1em;
		text-align: justify;
		color: #000000;
		max-width: 95%;
		margin: auto;
		}

/* Text Colours */
    p, didyouknow, ul, .dropdown-content a {
		color: black;
		}
    h1, h2, h3, h4, h5, h6,div.videocontrols a {
		color: #155309;
		}	

	/* Hyperlinks */
		a {
			text-decoration: none;
			color: #155309;
			}
		a:link{
			text-decoration: none
			}
		a:hover {
			text-decoration: underline;
			}
		a section p:hover{
			text-decoration: none
			}
		
/* Headings */
	h2, h3, h4, h5, h6{
		text-decoration: underline;
		font-weight: bold;
		clear: both;
		}
	h1{
		font-size: 2.5em;
		}
	h2{
		font-size: 1.75em;
		}
	h3{
		font-size: 1.5em;
		}
		
/* Headder */
	header h1{
		text-align: center;
		font-weight: bold;
		color: #17B890;
		font-size: 2em;
		clear: both;
		text-decoration: none;
		text-shadow: 2px 2px #155309;
		}

/* Footer */
    footer {
		clear: both;
		}
    footer div {
		float: right;
		}
    footer i {
		color: #155309;
		float: right;
		height: 2em;
		}
    footer small {
		font-size: 0.75em;
		float: left;
		}
	
/*Homepage Layout*/
	.didyouknow{
		font-style: italic;
		font-weight: bold;
		text-decoration: none;
		text-transform: none;
		font-size: 1.2em;
		position: static;
		clear: both;
		height: 2.4em;
		}
	
	article.homepage{
		width: 100%;
	}
    section.homepage, section.linespage{
		width: 100%;
		position: relative;
		display: block;
		}
    section.homepage ul{
		list-style-type: none;
		}
    section.homepage li{
		display: inline-block;
		width: 15em;
		text-align: center;
		}
	section.imagegallery{
		width: 100%;
		clear: both;
	}

/*Page layout*/
	article {
		width: 69%;
		float: right;
		position: inline-block;
		height:100%:
		}
		
	section.alignright{
		float: right;
		Width:49.5%
	}
	section.alignleft{
		float: left;
		width:49.5%;
	}
	
	/* Side */	
		section.pages {
			width: 29%;
			float: left;
			/*position: fixed;top: 20px;*/
			height:100%:
			}
		
		/*Menu*/
			section.pages ul {
				list-style-type: none;
				margin: 0;
				padding: 0;
				overflow: hidden;
				}
				
			section.pages ul li{
				text-align: center;
				margin-top, margin-bottom: {1em}
				}
				
			section.pages ul li a:hover{
				text-decoration: none;
				}
				
	/* Default Table */
	div.table{
		display:table;
		width: 100%;
	}
		div.table-row{
			display: table-row;
		}
		div.table-head, div.table-cell{
			display: table-cell;
			padding: 3px 10px;
			
		}
		div.table-head{
			background-color: #155309;
			font-weight: bold;
			color: #FAFFEE;
		}
		div.table-foot{
			display: table-footer-group;
			font-weight: bold;
			background-color: #ddd;
		}
		div.table-body {
			display: table-row-group;
		}

/*MEDIA QUERY*/

@media only screen and (max-width : 800px){
	header h {
		font-size: 1.5em;
		}
	body,
	article,
	.content {
		width:100%;
		margin-left: 0%;
		margin-right: 0%
		}
	section.pages{
		width: 100%;
		float: right;
		}
	}
	
@media print {  
	p, didyouknow, ul,
	.dropdown-content a,
	h1,
	h2,
	h3,
	h4,
	h5,
	h6,
	h1.linetitle span,
	figure.gallery figcaption{
		color: Black;
		}
	div.videocontrols a,
	imagegallery,
	figure#video,
	section.imagegallery,
	nav.sitenav,
	section.pages,
	figure.rollingstock{
		Display: none;
		}
	body,
	article,
	.content,
	div.table,
	figure.gallery
	{
		width:100%;
		margin-left: 0%;
		margin-right: 0%;
		}
	}