html, body {
//background-color: pink;
	float: left;

	width: 99.9%;
	height: 100%;

	margin: 0 0 0 0;
	padding: 0;

	position:absolute; top:0; bottom:0;
}

a, p {
	display:inline;			/*	fixes footer formatting		*/
	/*	fonts everywhere, essential	*/
	font-family:courier, courier new, serif;
	font-weight: 500;
	font-size:1em;
}


/*	used by sub banner and site menu with scroller.js	*/
#sub-banner {
	width:100%;
	//height:3.8em;
	height:4em;
	overflow:hidden;
	line-height:0em;
}
#site-menu {
	width:100%;
	overflow:hidden;
}
/*	used on footer pages footer section	*/
#footer {
	margin-right:3%; margin-left:3%;
}
#foot-table {
	width:100%; position:relative;
}
#foot-left {
	width:60%; text-align:right;
}
#foot-space {
	width:10%;
}
#foot-right {
	width:30%; text-align:left; position:absolute; bottom:0; top:2px;
}
#foot-sig {
	position:absolute; bottom:3px; left:1px;
}
/*	end of footer pages section	*/



/*	travelmap stuff	*/
/*	Mapbox GL, even though times are broke right now	*/
.mapboxgl-popup {
	text-align: center;
	max-width: 100%;
	max-height: 100%;
	line-height: 4pt;
	background-color: #333
	color: #f70
	font: 12px/20px 'Helvetica Neue', Arial, Helvetica, sans-serif;
}
#mapboxgl-popup-content {
	text-align: center;
	max-width: 100%;
	max-height: 100%;
	line-height: 4pt;
	background-color: #333
	color: #f70
	font: 12px/20px 'Helvetica Neue', Arial, Helvetica, sans-serif;
}
#times {
	background: #0N0N0N
	color: #FFAA00
	display: inline;
	font-family: monospace;
	white-space: pre;
	margin: 1em 0;
}
#timesroute {
	float: left;
}
#timesdue {
	float: right;
}
/*	end of mapbox gl / travelmap stuff 	*/

/* rollingheadlines	*/
marquee {
	line-height: 100%;
}




/*	CSS Transition scrollers, most banners
*/

/*	index page banner scrolling left stuff	*/
.banner-scroll-left {
//background-color:purple;
	position: relative;
	height: 1em;
	overflow: hidden;
}
.banner-scroll-left p {
//background-color:pink;
	position: absolute;
	line-height:1em;
	width: auto;
	height: 100%;

	margin: 0;
	text-align: center;
	display: inline;
	font-family: monospace;
	white-space: pre;

	/*	Starting position	*/
	-moz-transform:		translateX(100%);
	-webkit-transform:	translateX(100%);	
	transform:			translateX(100%);
	/*	Apply animation to this element	*/
	-moz-animation: 	banner-scroll-left 12s linear infinite;
	-webkit-animation: 	banner-scroll-left 12s linear infinite;
	animation: 			banner-scroll-left 12s linear infinite;
}
@-moz-keyframes banner-scroll-left {
	0%   { -moz-transform: translateX(100%); }
	100% { -moz-transform: translateX(-200%); }
}
@-webkit-keyframes banner-scroll-left {
	0%   { -webkit-transform: translateX(100%); }
	100% { -webkit-transform: translateX(-200%); }
}
@keyframes banner-scroll-left {
	0%   { 
		-moz-transform: 	translateX(100%); 	/* Browser bug fix */
		-webkit-transform: 	translateX(100%);	/* Browser bug fix */
		transform: 			translateX(100%); 		
	}
	100% { 
		-moz-transform: 	translateX(-200%); 	/* Browser bug fix */
		-webkit-transform: 	translateX(-200%);	/* Browser bug fix */
		transform: 			translateX(-200%); 
	}
}	/*		end of index banner scrolling left	*/

/*
**	index page banner font color fade
*/
#fontcol {
	color:#000;
	-webkit-transition-property:color, text-shadow, text;
	-webkit-transition-duration: 1s, 1s;
	-webkit-transition-timing-function: linear, ease-in;
	-moz-transition-property:color, text-shadow, text;
	-moz-transition-duration:1s;
	-moz-transition-timing-function: linear, ease-in;
	-o-transition-property:color, text-shadow, text;
	-o-transition-duration:1s;
	-o-transition-timing-function: linear, ease-in;
	transition-property:color, text-shadow, text;
	transition-duration:1s;
	transition-timing-function: linear, ease-in;
}
#fontcol:hover {
	color:#3f3;
	text-shadow:
		-1px -1px 0 #00f,
		1px -1px 0 #00f,
		-1px 1px 0 #00f,
		1px 1px 0 #00f; 
}











/*	for rolling headlines integration with newsr.node	*/
.slider-cst {
	font-family:courier, courier new, serif;
	font-weight: 500;
	font-size:1em;

	line-height: 100%;
}
.emoji-cst {
	height: 1em;
	vertical-align: sub;
}







/*
**	sub banner scrolling left stuff
**
**	note; sub banner refers to the banner on all children pages, i.e.
**		travelmap, rollingheadlines, not the index page
*/
.sub-banner-scroll-left {
//background-color:purple;
	position: relative;
	//position: absolute;
	height: 1em;
	overflow: hidden;
	z-index: -1;
}
.sub-banner-scroll-left p {
//background-color:pink;
	position: absolute;
	line-height:1em;
	width: auto;
	height: 100%;

font-weight:900;

	margin: 0;

	text-align: center;
	display: inline;
	font-family: monospace;
	white-space: pre;

	/*	Starting position	*/
	-moz-transform:		translateX(500%);
	/*-moz-transform:		translateX(200%);*/
	-webkit-transform:	translateX(500%);	
	transform:			translateX(500%);
	/*	Apply animation to this element	*/
	-moz-animation: 	sub-banner-scroll-left 12s linear infinite;
	-webkit-animation: 	sub-banner-scroll-left 12s linear infinite;
	animation: 			sub-banner-scroll-left 12s linear infinite;
}
@-moz-keyframes sub-banner-scroll-left {
	0%   { -moz-transform: translateX(500%); }
	100% { -moz-transform: translateX(-100%); }
}
@-webkit-keyframes sub-banner-scroll-left {
	0%   { -webkit-transform: translateX(500%); }
	100% { -webkit-transform: translateX(-100%); }
}
@keyframes sub-banner-scroll-left {
	0%   { 
		-moz-transform: 	translateX(500%); 	/* Browser bug fix */
		-webkit-transform: 	translateX(500%);	/* Browser bug fix */
		transform: 			translateX(500%); 		
	}
	100% { 
		-moz-transform: 	translateX(-100%); 	/* Browser bug fix */
		-webkit-transform: 	translateX(-100%);	/* Browser bug fix */
		transform: 			translateX(-100%); 
	}
}	/*		end of sub banner scrolling left	*/
/*		sub banner colour fade in stuff		*/
#sub-banner-font-col {
	//margin: 0.5em 0;
	-webkit-transition-property:color, text-shadow, text;
	-webkit-transition-duration: 1s, 1s;
	-webkit-transition-timing-function: linear, ease-in;
	-moz-transition-property:color, text-shadow, text;
	-moz-transition-duration:1s;
	-moz-transition-timing-function: linear, ease-in;
	-o-transition-property:color, text-shadow, text;
	-o-transition-duration:1s;
	-o-transition-timing-function: linear, ease-in;
	transition-property:color, text-shadow, text;
	transition-duration:1s;
	transition-timing-function: linear, ease-in;
}
#sub-banner-font-col:hover {
	color:#3f3;
	text-shadow:
		-1px -1px 0 #00f,
		1px -1px 0 #00f,
		-1px 1px 0 #00f,
		1px 1px 0 #00f; 
}/*		end of sub banner colour fade in stuff		*/
/*		end of sub banner stuff in general		*/






/*	site menu hover colours
*/
.home {	position: relative;	height: 1em;	overflow: hidden;	}
.travelmap {	position: relative;	height: 1em;	overflow: hidden;	}
.rollingheadlines {	position: relative;	height: 1em;	overflow: hidden;	}
.snake {	position: relative;	height: 1em;	overflow: hidden;	}

.home p { 
	position: absolute;	line-height:1em;	width: auto;	height: 100%;
	font-weight:900;	margin: 0;	text-align: center;	display: inline;
	font-family: monospace;	white-space: pre;
}
.travelmap p ( 
	position: absolute;	line-height:1em;	width: auto;	height: 100%;
	font-weight:900;	margin: 0;	text-align: center;	display: inline;
	font-family: monospace;	white-space: pre;
}
.rollingheadlines p {
	position: absolute;	line-height:1em;	width: auto;	height: 100%;
	font-weight:900;	margin: 0;	text-align: center;	display: inline;
	font-family: monospace;	white-space: pre;
}
.snake p {
	position: absolute;	line-height:1em;	width: auto;	height: 100%;
	font-weight:900;	margin: 0;	text-align: center;	display: inline;
	font-family: monospace;	white-space: pre;
}

#sitemenuitem {
	margin: 0.5em 0;
	-webkit-transition-property:color, text-shadow, text;
	-webkit-transition-duration: 1s, 1s;
	-webkit-transition-timing-function: linear, ease-in;
	-moz-transition-property:color, text-shadow, text;
	-moz-transition-duration:1s;
	-moz-transition-timing-function: linear, ease-in;
	-o-transition-property:color, text-shadow, text;
	-o-transition-duration:1s;
	-o-transition-timing-function: linear, ease-in;
	transition-property:color, text-shadow, text;
	transition-duration:1s;
	transition-timing-function: linear, ease-in;
}
#sitemenuitem:hover {
	color:#3f3;
	text-shadow:	-1px -1px 0 #00f,	1px -1px 0 #00f,
					-1px  1px 0 #00f,	1px  1px 0 #00f; 
}






/*	CHEETAH right slide, not working currently, cheetah's on a marquee
*/
.cheetah-scroll-right {
//background-color:purple;
	position: relative;
	height: auto;
	//height: 200px;
	overflow: hidden;
}
.cheetah-scroll-right img {
//background-color:pink;
	position: absolute;
	width: auto;
	height: auto;
	margin: 0;
	display: inline;
	text-align: center;

	/*	Starting position	*/
	-moz-transform:		translateX(-100%);
	-webkit-transform:	translateX(-100%);	
	transform:			translateX(-100%);
	/*	Apply animation to this element	*/
	-moz-animation: 	cheetah-scroll-right 7s linear infinite;
	-webkit-animation: 	cheetah-scroll-right 7s linear infinite;
	animation: 			cheetah-scroll-right 7s linear infinite;
}
@-moz-keyframes cheetah-scroll-right {
	0%   { -moz-transform: translateX(-100%); }
	100% { -moz-transform: translateX(1600%); }
}
@-webkit-keyframes cheetah-scroll-right {
	0%   { -webkit-transform: translateX(-100%); }
	100% { -webkit-transform: translateX(1600%); }
}
@keyframes cheetah-scroll-right {
	0%   { 
		-moz-transform: 	translateX(-100%); 	/* Browser bug fix */
		-webkit-transform: 	translateX(-100%);	/* Browser bug fix */
		transform: 			translateX(-100%); 		
	}
	100% {
		-moz-transform: 	translateX(1600%); 	/* Browser bug fix */
		-webkit-transform: 	translateX(1600%);	/* Browser bug fix */
		transform: 			translateX(1600%); 
	}
}	/*		end of cheetah scroll right	*/







#snkopts-left {
	width: 10%;
}
#snkopts-middle {
	width: 45%;
}
#snkopts-right {
	width: 45%;
}