.Coachnotes{
	float:			right;
	height: 		570px;
	width:			1100px;
	font-size:		2.5em;
	text-align:     justify;
	border: 		2px solid;
	border-radius: 	20px;
	font-family:	Lucida Fax;
	font-stretch:	expanded;
	font-variant:	small-caps;
/*	font-size:    	25px;   */
	font-weight:	bold;	
	line-height: 	150%;
	text-shadow:	-1px 1px red, 1px 4px black;
	color:			goldenrod;				/*gold leaf*/
	background: 	#380702;					/*maroon*/
	padding:		20px;
}
.LiveryIntro{
	margin:			0 auto;
	margin-bottom:	50px;
	height: 		auto;
	width:			70vw;
	font-size:		0.9vw;
	text-align:     justify;
	border: 		2px solid;
	border-radius: 	20px;
	font-family:	Lucida Fax;
	font-stretch:	expanded;
	font-variant:	small-caps;
/*	font-size:    	25px;   */
	font-weight:	bold;	
	line-height: 	150%;
	text-shadow:	-1px 1px red, 1px 4px black;
	color:			goldenrod;				/*gold leaf*/
	background: 	#380702;					/*maroon*/
	padding:		20px;
}

.roofE40{
	height:			150px;
	background-image: repeating-linear-gradient(#a9a9a9,black 100%);
	border-radius: 	0px;
	width:			3686px;
}

.end{
	height:			600px;
	width:			12px;
	float:			left;
}

/* styles for liveries */
.coachbody{
	height: 		800px;
	width: 			3686px;	
	margin:			0 auto;
}

.coachbodyT51{
	height: 		800px;
	width: 			3100px;	
	margin:			0 auto;
}

.roofT51{
	height:			150px;
	background-image: repeating-linear-gradient(#a9a9a9,black 100%);
	border-radius: 	0px;
	width:			3050px;
}


/* door container top & bottom parts  */
.door{
	height: 		600px;
	width: 			192px;
	float:  		left;
	background:		black;			/* colour for door edges - always black */
}
.doortop{
	height: 		342px;
	width: 			190px;	
	margin:			0 auto;
}
.ventillator{
	height: 		56px;
	width:			168px;
	float:  		left;
	border: 		6px solid;
	border-radius: 	20px;  
	margin: 		8px 12px 16px 12px;
}
.droplight{
	height: 		262px;
	width:			168px;
	float:  		left;
	border: 		6px solid; 
	border-radius: 	20px;
	background: 	#DFFFFF;				/*pale blue*/
	margin: 		0px 12px 6px 12px;
}
.doorbtm{
	height: 		258px;
	width: 			var(--width);
	margin:			0 auto;
/*	border: 		4px solid black;  /* 1922 black top border*/
	border-bottom:	none;				/* need to subtract 4px off waist-text height when used */
	border-left:	none;
	border-right:	none;	
}
.waist-text {
	height: 		40px;
	width:			var(--width);
	float:  		left;
	border: 		2px solid;
	border-radius: 	20px;
	margin: 		16px 12px 12px 12px;
					/* Text styles for waist-text */
	display: 		flex;	/* required with align vertical*/
	justify-content:center; /* align horizontal */
	align-items: 	center; /* align vertical */
	text-align:     center;
}
.bottomframe{
	height: 		172px;
	width: 			var(--width);
	float:  		left;
	border:			3px solid;
	border-left:	none;
	border-right:	none;
	display: 		flex;	/* required with align vertical*/
	justify-content:center; /* align horizontal */
	align-items: 	center; /* align vertical */
	text-align:		center;
}
/* panel container */
.panels{
	height: 		600px;
	width: 			var(--width);
	float:  		left;
	background:		black;  
}

.panel{
	height: 		252px;
	width: 			var(--width);	
	float:  		left;
	border: 		1px solid;
	border-radius: 	20px;
	margin: 		12px 12px 12px 12px;
}
.side-top{
	height: 		342px;
	width: 			var(--width);	
	border-top:		none;
	border-bottom:	none;
}
.eavesno {
	height: 		48px;
	width:			var(--width);
	float:  		left;
	border: 		2px solid; 	
	border-radius: 	20px;
	margin: 		12px;
					/* text styles */					
	display: 		flex;	/* required with align vertical*/
	justify-content:center; /* align horizontal */
	align-items: 	center; /* align vertical */
	text-align:     center;
}
.lookouttop{
	height: 		48px;
	width:			var(--width);
	float:  		left;
	border: 		2px solid; 	
	border-radius: 	20px;
	margin: 		12px;
	display: 		flex;	/* required with align vertical*/
	justify-content:center; /* align horizontal */
	align-items: 	center; /* align vertical */
	text-align:     center;
}
.lookoutbtm{
	height: 		174px;
	width: 			var(--width);	
	float:  		left;
	border: 		3px solid;
	border-radius: 	20px;
	margin: 		0px 9px 12px 9px;	
	display: 		flex;	/* required with align vertical*/
	justify-content:center; /* align horizontal */
	align-items: 	center; /* align vertical */
	
}
.window{
	height: 		255px;
	width:			120px;
	float:  		left;
	border: 		2px solid; 
	border-radius: 	20px;
	background: 	#DFFFFF;				/*pale blue*/
	margin: 		8px 10px 0px 12px;
}

/* Bottom frame radius for against lookouts etc */
.btmframeleft{
	border-left:	3px solid goldenrod;
	border-radius:	20px 0 0 20px;
	margin-left:	12px;	
}

.btmframeright{
	border-right:	3px solid goldenrod;
	border-radius:	0px 20px 20px 0px;
	width:			180px;	
}

/* End of bottom frame radius for against lookouts etc */

/* Sections for end tumble home */
.btmframerightend{
	height: 		172px;
	width: 			37px;
	float:  		left;
	border:			3px solid;
	border-radius:	0px 20px 100% 0px;
	border-left:	none;
	margin-top:		6px;
}
.btmframeleftend{
	height: 		172px;
	width: 			37px;
	float:  		left;
	border:			3px solid;
	border-radius:	20px 0px 0 100%;
	border-right:	none;
	margin-left:	7px;
	margin-top:		0px;
}
.endwaist{
	height: 		68px;
	width: 			var(--width);
	margin:			0 auto;
	border-bottom:	none;
	border-left:	none;
	border-right:	none;	
}
.endpanel{
	height: 		416px;
	width: 			200px;
	float:  		left;
}
.endbottomframe{
	height: 		172px;
	width: 			var(--width);
	float:  		left;
	margin-top:		6px;
	border:			3px solid;
	border-left:	none;
	border-right:	none;
}
.endbtmright{
	height: 		190px;	
	width: 			45px;
	position:		relative;
	left:			155px;
	top:			-190px;
	border:			3px solid;
	border-radius:	0px 0px 100% 0px;
	border-left:	none;
	border-top:		none;
	border-bottom:	none;
	margin-top:		0px;
}
.endbtmleft{
	height: 		190px;	
	width: 			45px;
	border:			3px solid;
	border-radius:	0px 0px 0px 100%;
	border-right:	none;
	border-top:		none;
	border-bottom:	none;
	margin-top:		0px;
}
.endbtmleft2{
	height: 		190px;
	width: 			155px;
	position: 		relative;
	left: 			45px;
	top:			-190px
}
.endbtmright2{
	height: 		190px;
	width: 			155px;
	position: 		relative;
}
.endbottomframeright{
	height: 		172px;
	width: 			var(--width);
	float:  		left;
	margin-top:		0px;
	border:			3px solid;
	border-left:	none;
	border-right:	none;
}
/* End of sections for end tumble home */
/* Start of metro coach variants */
.coachbodym{
	height: 		726px;
	width: 			3660px;	
	margin:			0 auto;
}
.roofm{
	height:			150px;
	background-image: repeating-linear-gradient(#a9a9a9,black 100%);
	border-radius: 	0px;
	width:			2426px;
}


.doorm{
	height: 		576;
	width: 			192px;
	float:  		left;
	background:		black;	/* colour for door edges - always black */

}
.side-top4{
	height: 		318px;
	width: 			var(--width);	
	border-top:		none;
	border-bottom:	none;
}
.eavesno4 {
	height: 		24px;
	width:			var(--width);
	float:  		left;
	border: 		2px solid; 	
	border-radius: 	20px;
	margin: 		12px;
					/* text styles */					
	display: 		flex;	/* required with align vertical*/
	justify-content:center; /* align horizontal */
	align-items: 	center; /* align vertical */
	text-align:     center;
}
.metrodoortop{
	height: 		318px;
	width: 			190px;	
	margin:			0 auto;
}
.metroventillator{
	height: 		84px;
	width:			168px;
	float:  		left;
	border: 		6px solid;
	border-radius: 	84px 84px 20px 20px;  
	margin: 		8px 12px 16px 12px;
}
.tallventillator{
	height: 		84px;
	width:			168px;
	float:  		left;
	border: 		6px solid;
	border-radius: 	20px;  
	margin: 		8px 12px 16px 12px;
}
.metrodroplight{
	height: 		210px;
	width:			168px;
	float:  		left;
	border: 		6px solid; 
	border-radius: 	20px;
	background: 	#DFFFFF;				/*pale blue*/
	margin: 		0px 12px 6px 12px;
}
.metropanels{
	height: 		576px;
	width: 			var(--width);
	float:  		left;
	background:		black;  
}
/* End of metro coach variants */

.twelvedroplight{
	height: 		234px;
	width:			168px;
	float:  		left;
	border: 		6px solid; 
	border-radius: 	20px;
	background: 	#DFFFFF;				/*pale blue*/
	margin: 		0px 12px 6px 12px;
}

/* Start of year colours */

.p1908-upper1{
	background:		black;
}
.p1908-upper2{
	background: 	#ffffcc;					/*cream*/
	box-shadow: 	0 0 0 1px #ffffcc,			/*cream*/
					0 0 0 3px black,
					0 0 0 6px goldenrod;		/*gold leaf*/
	border-color:	#1F0E03;				/*windsor brown*/
}
.p1908-ventillator{
	background-image: repeating-linear-gradient(#625D5D,#FFFFCC 25%);
	border-color:	#ffffcc; 	/*cream*/
	box-shadow: 	inset 0  0 5px black;
}
.p1908-metroventillator{
	background-image: repeating-linear-gradient(#625D5D,#FFFFCC 20%);
	border-color:	#ffffcc; 	/*cream*/
	box-shadow: 	inset 0  0 5px black;
}
.p1908-windowleft{
	border-color:	black;
	box-shadow: 	0 0 0 3px #660000,		/*dark mahogany*/
					0 0 0 4px black,	
					0 0 0 7px #660000;		/*dark mahogany*/
}
.p1908-windowright{
	border-color:	black;
	box-shadow: 	0 0 0 3px #660000,		/*dark mahogany*/
					0 0 0 4px black,	
					0 0 0 7px #660000;		/*dark mahogany*/
}
.p1908-drop{
	border-color:	#ffffcc; 	/*cream*/
	box-shadow: 	inset 0px -4px 0px 14px #660000,	/*mahogany*/
					inset 0px 0px 0px 2px black;	
}
.p1908-lookouttop{	
	box-shadow: 	0 0 0 1px #ffffcc,			/*cream*/
					0 0 0 3px black,
					0 0 0 6px goldenrod;		/*gold leaf*/
	border-color:	#1F0E03;				/*windsor brown*/
	background: 	#ffffcc;		/*cream*/
	background-image: repeating-linear-gradient(#FFFFCC,black 100%);
}
.p1908-lower1{
	background:		black;  
}
.p1908-lower2{
	background: 	#1F0E03;				/*windsor brown*/
	border-color:	black;
	box-shadow: 	0 0 0 3px goldenrod,	/*gold leaf*/
					0 0 0 4px black;	
}
.p1908-lower3{
	background:		black;
	border-color:	black;
}
.p1908-lower4{
	background: 	#1F0E03;				/*windsor brown*/
	border-color:	goldenrod;
}
.p1908-lookoutbtm{
	border-color:	goldenrod;	/*gold leaf*/
	background:		#1F0E03;				/*windsor brown*/	
	background-image: repeating-linear-gradient(black,#1F0E03 100%);
}
.p1908-text{
	font-family:	Lucida Fax;
	font-stretch:	expanded;
	font-variant:	small-caps;
	font-size:    	25px; 
	font-weight:	bold;	
	text-shadow:	4px 4px black;
	color:			goldenrod;				/*gold leaf*/
}

/* End of year colours */
/* end of styles for liveries */

.myclass{
    width: 120px;
    height: 40px;
    float: left;
    padding: 10px;
    margin: 10px;
    background-color: #EEEEEE;
  }

/* Styles for scroll bar */
.scrollbar{
	height:			200px;
	width:			1000px;
	margin:			0 auto;
}
div.scrollmenu{
  background-color: #1F0E03;				/*windsor brown*/
  overflow: 		auto;
  white-space: 		nowrap;
  font-size:    	30px; 
}

div.scrollmenu a {
  display: 			inline-block;
  color: 			goldenrod;
  text-align: 		center;
  padding: 			14px;
  text-decoration:	none;
}
div.scrollmenu a:visited {
  background-color: #1F0E03;				/*windsor brown*/
  color: 			#ffffcc;					/*cream*/
}
div.scrollmenu a:hover {
  background-color: goldenrod;
  color: 			#1F0E03;				/*windsor brown*/
}
.liv-button{
	background-color: #1F0E03;				/*windsor brown*/
	color: 			goldenrod;
}
.liv-button:focus{
	background-color: goldenrod;				
	color: 			#1F0E03;		/*windsor brown*/
}
.liv-scroll{
	font-size:    	30px; 
	color: 			goldenrod;
	margin:			0 auto;
	text-align:     center;
}