/**  STRUCTURE  **/


html{
	margin-bottom: 1px;
	min-height: 100%;
	 }	
body{
	color: black;
	font: 12px arial, helvetica, sans-serif; 
	margin-left: auto;
	margin-right: auto;
	margin-top: 1px;
	max-width: 1000px;
	padding-top: 5px;
	text-align: center;
	width: 100%;
	}

	
/**   HOME PAGE   **/


.homepageMain{
	background-color: #FEF6E6;
	border-style: outset;
	border-width: 3px;
	border-color: #F4E1D4 #F4CDB5 #F4CDB5 #F4E1D4;
	color: #4B453D;
	margin: 0px;
	max-width: 972px;
	padding: 1px 1px 1px 1px;
	width: 100%;
	}
.homepageTitle{
	background-color: #F7DBB5;
	border-bottom: 1px double dimgray;
	border-right: 1px solid dimgray;
	margin: -10px 0px 0px 0px;
	max-width: 985px;
	padding: 4px;
	text-align: center;
	width: 98,5%;
	}
.homepageTitleLeft{
	background-color: #F7DBB5;
	border-bottom: 1px double dimgray;
	border-right: 1px solid dimgray;
	float: left;
	margin: 0% 0.1016% 0% 0%;
	max-width: 490px;
	padding: 2px;
	width: 49%;
	}
.homepageTitleRight{	
	background-color: #F7DBB5;
	border-bottom: 1px double dimgray;
	border-left: 1px solid dimgray;
	font-style: italic;
	margin: 0% 0% 0% 50%;
	max-width: 490px;
	padding: 2px;
	width: 49%;
	}
h3.homepage{
	border-bottom: 3px solid white;
	color: #5F5D5D;
	font-size: 100%;
	font-weight: bold;
	margin: 0.5% 0.5%;
	padding: 0;
	text-align: center;   
	}
p.homepage{
	border-bottom: 3px solid white;
	color: #5F5D5D;
	margin: 0.5% 0.5%;
	padding: 0px 4px 0px 4px;
	text-align: left;   
	}
.homepageSubtitleLeft{
	background-color: #FCEBD6;
	border-right: 1px solid dimgray;
	float: left;
	margin: 0% 0.1016% 0% 0%;
	max-width: 490px;
	padding: 0px 2px;
	width: 49%;
	}
.homepageSubtitleRight{	
	background-color: #FCEBD6;
	border-left: 1px solid dimgray;
	font-style: italic;
	margin: 0% 0% 0% 50%;
	max-width: 490px;
	padding: 0px 2px;
	text-align: center;
	width: 49%;
	}
.homepageBorder{
	border: solid 1px dimgray;
	border-top: none;
	max-width: 978px;
	margin-top: -10px;
	width: 100%;
	}	
.sidebar{
	background-color: #FEF6E6; 
	border: 1px solid dimgray;
	border-right: none;
	border-top: none;
	float: left;
	max-width: 240px;
	margin: 5px;
	padding: 20px;
	text-align: center;
	width: 23%;
	}
.middleCol{
	background-color: #FEF6E6;
	border-left: 1px solid dimgray;
	float: left;
	max-width: 330px;
	width: 33%;
	}
.rightCol{
	background-color: #FEF6E6;
	border-left: 1px solid dimgray;
	float: left;
	max-width: 330px;
	width: 33%;
	}
.homepageList{
	background-color: #FEF6E6;
	text-align: left;
	padding: 5px 10px 20px 100px;
	margin-left: 10px 10px 10px 200px;	
	font-size: 110%;
	line-height: 2em;
	}  
.homepageList ul{
	list-style-type: circle;
	}  
.homepageList a:link{	
	color: #5A514A;
	text-decoration: underline;
	}
.homepageList a:visited{	
	color: #5A514A;
	text-decoration: underline;
	}
.homepageList a:hover{	
	color: #5A514A;
	text-decoration: none;
	border-bottom: 1px solid #F7CFB5;
	}		 

hr.white{
	background-color: white;
	border: none;
	color: white;
	height: 1px;
	margin: 0px;
	padding: 0px;
	size: 1px;
	width: 100%;	
	}
.footerEng{
	background-color: #FCEBD6;
	border-bottom: 1px double dimgray;
	border-right: 1px solid dimgray;
	float: left;
	font-size: 90%;
	margin: 0px 1px 0px 0px;
	max-width: 493px;
	padding: 2px;
	width: 49.3%;
	}
.footerFra{
	background-color: #FCEBD6;
	border-bottom: 1px double dimgray;
	border-left: 1px solid dimgray;
	font-size: 90%;
	margin: 0% 0% 0% 50%;
	max-width: 493px;
	padding: 2px;
	text-align: right;
	width: 49.3%;
	}
.footerEng p,
.footerFra p{
	padding: 5px;
	}
	


/**    HOME - INFO PAGES   **/


/**   FAQ   **/

.faqTitlebar{
	background-color: #F7CFB5;
	border: 1px solid dimgray;
	}
.faqTitlebar h3{
	padding: 10px 5px;
	text-align: center;
	}
.faqTitlebar a:link{
	font-size: 100%;
	color: #5A514A;
	text-decoration: underline;
	} 
.faqTitlebar a:visited{
	font-size: 100%;
	color: #5A514A;
	text-decoration: underline;
	} 
.faqTitlebar a:hover{
	font-weight: bold;
	font-size: 100%;
	color: #EB6B6B;
	}
.faqSubtitlebar{
	background-color: #FCEBD6;
	border: 1px solid dimgray; 
	margin-top: 1px;
	}
.faqSubtitlebar h3{
	padding: 10px 5px;
	text-align: center;
	}	
.faqMain{
	background-color: #FEF6E6;
	text-align: left;	
	}
.faqMain p{
	text-align: center;
	}
.faqMain .ul1{
	color: #5B1449;
	font-size: 12px;
	font-weight: bold;
	text-align: left;
     }
.faqMain .ul1 li{
	list-style-type: disc;   
	margin: 10px 1px 10px 20px;
	text-align: left;
	}
.faqMain .ul2{
	color: #14275B;
	font-weight: normal; 
	text-align: left;
     }
.faqMain .ul2 li{
	list-style-type: circle;
	margin:  10px 1px 10px 20px;
	text-align: left;
	}
.disclaimerMain p{
	padding: 2px 40px;
	text-align: left;
	}
.disclaimerMain ul{
	font-size: 100%;
	font-weight: bold;
	text-align: left;
     }
.disclaimerMain ul li{
	list-style-type: disc;   
	margin: 10px 10px 10px 40px;
	text-align: left;
	}

	
	
/**   BUSES - TOP PART   **/

.wrapper{
	margin-bottom: 120px;
	max-width: 1000px;
	overflow: hidden;
	text-align: left;	
	width: 100%;
	}
h2{ 
	color: #5B5348;
	font: bold 100% arial, helvetica, sans-serif;
	text-align: center;
	}
h1{
	color: #808080; 
	font: bold 150%;   
	left: 1px; 
	position: relative; 
	position: relative; 
	top: 1px; 
	width: 100%;	
	}
h1 .shadow{ 
	color: #F7CFB5;
	left: -1px;
	position: absolute;  
	top: -1px; 
	width: 100%;
	}
.buscompany{
	color: #808080;
	font-size: 130%;
	text-align: left;   
	}
.buswebsite a:link{
	color: #940100;
	font-style: underline;
	}
.buswebsite a:hover{
	background-color: #FEF6E6;
	color: #940100;
	font-style: underline;
	font-weight: bold;
	}	
.buscontact{
	font-size: 100%;
	}
	
	
/**   BUS TIMETABLES - MAIN CONTENT   **/

.content{ 
	background-color: #FEF6E6;
	border: 1px groove #753333;
	color: #4F453D;
	font: normal 100% arial, helvetica, sans-serif;
	max-width: 992px;
	padding: 3px;
	width: 100%;
	}
h3{
	border-bottom: 3px solid white;
	color: #808080;
	font-size: 130%;
	font-weight: bold;
	margin: 0.5% 0.5%;
	padding: 0;
	text-align: left;   
	}
.timetable{
	background-color: white;
	border: solid 1px dimgray;
	max-width: 990px;
	width: 100%;
	}
.dates{
	max-width: 990px;
	width: 100%;
	}
.datesEng{
	background-color: #FCEBD6;
	border-bottom: 1px double dimgray;
	border-right: 1px solid dimgray;
	float: left;
	font-weight: bold;
	margin: 0px 1px 0px 0px;
	max-width: 492px;
	padding: 2px;
	width: 49.2%;
	}
.datesFra{
	background-color: #FCEBD6;
	border-bottom: 1px double dimgray;
	border-left: 1px solid dimgray;
	font-weight: bold;
	margin: 0% 0% 0% 50.2%;
	max-width: 492px;
	padding: 2px;
	text-align: right;
	width: 49.2%;
	}
.notes{
	max-width: 990px;
	width: 100%;
	}
.redEng{
	border-bottom: 1px solid dimgray;
	border-right: 1px solid dimgray;
	color: red;
	float: left;
	margin: 0px 1px 0px 0px;
	padding: 2px;
	text-align: left;
	width: 49.2%;
	}
.redFra{
	border-bottom: 1px solid dimgray;
	border-left: 1px solid dimgray;	
	color: red;
	margin: 0% 0% 0% 50.2%;
	padding: 2px;
	text-align: right;
	width: 49.2%;
	}
.emphasisEng{
	background-color: #FEF6E6;
	border-bottom: 1px solid dimgray;
	border-right: 1px solid dimgray;
	color: #800000;
	float: left;
	font-weight: bold;
	margin: 0px 1px 0px 0px;
	padding: 2px;
	width: 49.2%;
	}
.emphasisFra{
	background-color: #FEF6E6;
	border-bottom: 1px solid dimgray;
	border-left: 1px solid dimgray;	
	color: #800000;
	font-weight: bold;
	margin: 0% 0% 0% 50.2%;
	padding: 2px;
	text-align: right;
	width: 49.2%;
	}
.noteEng{
	background-color: white;
	border-bottom: 1px solid dimgray;
	border-right: 1px solid dimgray;
	color: dimgray;
	float: left;
	font-weight: bold;
	margin: 0px 1px 0px 0px;
	padding: 2px;
	width: 49.2%;
	}
.noteFra{
	background-color: white;
	border-bottom: 1px solid dimgray;
	border-left: 1px solid dimgray;	
	color: dimgray;
	font-weight: bold;
	margin: 0% 0% 0% 50.2%;
	padding: 2px;
	text-align: right;
	width: 49.2%;
	}		
.times{
	background-color: white;
	max-width: 990px;
	width: 100%;
	}
.times p{
	}
.tableLeft{
	background-color: #FEF6E6;
	border-bottom: 1px solid dimgray;
	border-right: 1px solid dimgray;
	color: black;
	float: left;
	margin: 0px 1px 0px 0px;
	max-width: 492px;
	padding: 2px;
	width: 49.2%;
	}
.tableLeft table{
	border: 1px solid dimgray;
	font-size: 100%;
	max-width: 488px;
	padding: 0.5px;
	width: 100%;
	}
.tableLeft td{
	border: 1px solid dimgray;
	text-align: center;
	}
.tableLeft td.left{
	text-align: left;
	}
.tableRight{
	background-color: #FEF6E6;
	border-bottom: 1px solid dimgray;
	border-left: 1px solid dimgray;	
	color: black;
	font-size: 100%;
	margin: 0% 0% 0% 50.2%;
	max-width: 492px;
	padding: 2px;
	text-align: left;
	width: 49.2%;
	}
.tableRight table{
	border: 1px solid dimgray;
	max-width: 488px;
	padding: 0.5px;
	width: 100%;
	}
.tableRight td{
	border: 1px solid dimgray;
	text-align: center;
	}
.tableRight td.left{
	text-align: left;
	}	
.colour2{
	background-color: #FFF1E6;
	}
a:link.ttlink {
	color: #940100;
	font-style: underline;
	}
a:hover.ttlink {
	background-color: #FEF6E6;
	color: #F00;
	font-style: underline;
	}
td.ttfooterLeft{
	background-color: white;
	font-size: 95%;
	text-align: left;
	}	
td.ttfooterRight{
	background-color: white;
	font-size: 95%;
	text-align: right;
	}
.pagecheck{
	background-color: white;
	border-top: 1px dotted gray;
	font-size: 85%;
	text-align: left;
	}
	
	
/**   BUS INDEX PAGES  **/

.busIndexMain{
	border-style: outset;
	border-width: 3px;
	border-color: #F4E1D4 #F4CDB5 #F4CDB5 #F4E1D4;
	color: #4B453D;
	max-width: 984px;
	padding: 1px 1px 1px 1px;
	width: 100%;
	}
.busIndexTitleLeft{
	background-color: #F7DBB5;
	border-bottom: 1px double dimgray;
	border-right: 1px solid dimgray;
	float: left;
	margin: 0px 1px 0px 0px;
	max-width: 487px;
	padding: 2px;
	width: 49%;
	}
.busIndexTitleRight{	
	background-color: #F7DBB5;
	border-bottom: 1px double dimgray;
	border-left: 1px solid dimgray;
	font-style: italic;
	margin: 0% 0% 0% 50.2%;
	max-width: 487px;
	padding: 2px;
	width: 49%;
	}
.busIndexSubtitleLeft{
	background-color: #FCEBD6;
	border-right: 1px solid dimgray;
	float: left;
	margin: 0px 1px 0px 0px;
	max-width: 487px;
	padding: 0px 2px;
	width: 49%;
	}
.busIndexSubtitleRight{	
	background-color: #FCEBD6;
	border-left: 1px solid dimgray;
	font-style: italic;
	margin: 0% 0% 0% 50.2%;
	max-width: 487px;
	padding: 0px 2px;
	text-align: center;
	width: 49%;
	}	
.busIndexSubtitle{
	background-color: #FCEBD6;
	}
.busIndexTitleLeft h3,
.busIndexTitleRight h3,
.busIndexSubtitleLeft h3,
.busIndexSubtitleRight h3{
	padding: 10px 3px;
	text-align: center;
}
.leftpanel{
	float: left;   
	max-width: 140px;
	padding-top: 10px; 
	width: 15%;
    } 
.buslist{
	background-color: white;
	font-size: 100%;
	line-height: 2em;
	margin-left: 32%;
	max-width: 550px;
	padding: 5px 10px 20px 20px;
	text-align: left;	
	width: 55%;
	}
.routelist ul{
	list-style-type: circle;
	}  
.routelist a:link{	
	color: #5A514A;
	text-decoration: underline;
	}
.routelist a:visited{	
	color: #5A514A;
	text-decoration: underline;
	}
.routelist a:hover{	
	color: #5A514A;
	text-decoration: none;
	border-bottom: 1px solid #F7CFB5;
	}		 


	
/**   BUS INFO - NON TIMETABLE PAGES   write small screen nav !!!! **/

.busInfoMain{
	border-style: outset;
	border-width: 3px;
	border-color: #F4E1D4 #F4CDB5 #F4CDB5 #F4E1D4;
	color: #4B453D;
	margin: 2px;
	max-width: 980px;
	padding: 1px 1px 1px 0.2px;
	width: 99.5%;
	}
.pinkbarLeft{
	background-color: #F7CFB5;
	border: 1px solid dimgray;
	float: left;
	margin: 0.1% 0.1% 0.1% 0.1%;
	width: 49.5%;
	}
.pinkbarRight{
	background-color: #F7CFB5;
	border: 1px solid dimgray;
	margin: 0.1% 0.1% 0.1% 50.0%;
	width: 49.5%;
	}
.pinkbarWide{
	background-color: #F7CFB5;
	border: 1px solid dimgray;
	margin: 0.1% 0.1% 0.1% 0.1%;
	max-width: 980px;
	text-align: center;
	width: 99.5%;
	}
.busInfoTitleLeft{
	background-color: #FCEBD6;
	border: 1px solid dimgray;
	float: left;
	margin: 0.2% 0.1% 0.1% 0.1%;
	width: 49.5%;
	}
.busInfoTitleRight{	
	background-color: #FCEBD6;
	border: 1px solid dimgray;
	margin: 0.2% 0.1% 0.1% 50.0%;
	width: 49.5%;
	}
.busInfoTitleWide{
	background-color: #FCEBD6;
	border: 1px solid dimgray;
	margin: 0.2% 0.1% 0.1% 0.1%;
	text-align: left;
	width: 100%;
	}
h4{
	border-bottom: 3px solid white;
	color: #808080;
	font-size: 130%;
	font-weight: bold;
	margin: 0.5% 0.5%;
	padding: 5px 2px 7px 2px;
	text-align: center;   
	}	
h5{
	font-size: 110%;
	font-weight: bold;
	text-align: center;
	margin: 0px;
	padding: 2px;
	}	
.busInfoLeft{
	background-color: #FEF6E6;
	float: left;
	margin: 2% 0% 0% 0%;
	width: 45.8%;
	}
.busInfoRight{	
	background-color: #FEF6E6;
	border-left: 1px dotted #940100;
	font-style: italic;
	margin: 2% 0% 0% 50%;
	width: 49.0%;
	}
.busInfoLeft ul,
.busInfoRight ul{
	margin-left: 10%;
	}
.busInfoWide{
	background-color: #FEF6E6;
	margin: 2% 0% 0% 0%;
	text-align: center;
	width: 100%;
	}
.busInfoLeft p,
.busInfoRight p{
	margin: 0px;
	padding: 20px 50px;
	}
.taxiList ul{
	text-align: left;
	}
.taxiList li{
	list-style-type: circle;
	line-height: 18px;
	}

	
	
	
	
.whitebar{
	background-color: #FFFFFF;
	border: 1px solid #5B5348;
	margin-bottom: 2px;
	padding: 3px;
	width: 99%;
    }	

	

	
/**  BUSES -  INTRO PAGES   **/

.sidebar{
	border-right: 2px dotted #F7CFB5;
	float: left;
	padding: 10px 0px;
	text-align: center;
	max-width: 290px;
	width: 30%;
	}
.busSectorList{
	margin-left: 31%;
	max-width: 670px;
	text-align: left;
	width: 66%;
	background-color: white;
	padding: 5px 10px;
	line-height: 2em;
	}  
.busSectorList ul{
	color: dimgray;
	font-size: 100%;
	list-style-type: circle;
	line-height: 2.6em;
	}  
.busSectorList p{
	color: #940100;
	font-size: 110%;
	margin: 5px 0px 5px -15px;
	padding: 0px;
	}
.busSectorList li{
	font-size: 110%;
	}
.busSectorList a:link{	
	color: #5A514A;
	text-decoration: underline;
	}
.busSectorList a:visited{	
	color: #5A514A;
	text-decoration: underline;
	}
.busSectorList a:hover{	
	color: #5A514A;
	text-decoration: none;
	border-bottom: 1px solid #F7CFB5;
	}		 	
	




/**   TRAIN TIMETABLE PAGES   **/

.trainDiv{
	background-color: white;
	border: 1px solid dimgray;
	max-width: 986px;
	padding: 5px;
	width: 98.6%;
	}
.trainNumber{
	background-color: #F4EAE4;
	border-right: 4px solid white;
	float: left;
	font-size: 120%;
	font-weight: bold;
	max-width: 50px;
	padding: 3px 8px 3px 0px;
	text-align: center;
	width: 5%;
	}
.trainHeaderMenu{
	background-color: #F4EAE4;
	font-size: 120%;
	margin-left: 55px;
	max-width: 930px;
	padding: 3px 8px 3px 0px;
	text-align: right;
	width: 92%:
	}
.trainHeaderMenu ul{
	display: inline;
	}
.trainHeaderMenu li{
	background-color: #F7CFB5;
	border: 2px outset #4D0000;
	color: #980000;
	display: inline;
	float: right;
	margin: -3px 2px 4px 2px;
	max-width: 120px;
	padding: 1px;
	text-align: center;
	width: 12%;	
	}
.trainNosMenu{
	background-color: #F4EAE4;
	font-size: 120%;
	margin: 0px;
	max-width: 980px;
	padding: 3px 8px 3px 0px;
	text-align: right;
	width: 98%:
	}
.trainNosMenu ul{
	display: inline;
	}
.trainNosMenu li{
	background-color: #F7CFB5;
	border: 2px outset #4D0000;
	color: #980000;
	display: inline;
	float: right;
	margin: -3px 2px 4px 2px;
	max-width: 40px;
	padding: 1px;
	text-align: center;
	width: 4%;	
	}
.trainHeaderMenu a:link,	
.trainNosMenu a:link{	
	color: #5A514A;
	text-decoration: underline;
	}
.trainHeaderMenu a:visited,	
.trainNosMenu a:visited{	
	color: #5A514A;
	text-decoration: underline;
	}
.trainHeaderMenu a:hover,	
.trainNosMenu a:hover{	
	color: #941000;
	text-decoration: none;
	}		 	
.trainDatesEng{
	background-color: white;
	border-bottom: 1px double dimgray;
	border-right: 1px solid dimgray;
	float: left;
	font-size: 160%;
	font-style: normal;
	margin: 0% 0.2% 0% 0%;
	max-width: 480px;
	padding: 15px;
	text-align: center;
	width: 48%;
	}
.trainDatesFra{
	background-color: white;
	border-bottom: 1px double dimgray;
	border-left: 1px solid dimgray;
	font-size: 160%;
	font-style: italic;	
	margin: 0% 0% 0% 49.2%;
	max-width: 480px;
	padding: 15px;
	text-align: center;
	width: 48%;
	}
.trainNotesEng{
	background-color: #FEEAE4;
	border-bottom: 1px double dimgray;
	border-right: 1px solid dimgray;
	color: dimgray;
	float: left;
	font-size: 100%;
	font-weight: bold;
	margin: -1% 0.2% 0% 0%;
	max-width: 480px;
	padding: 5px 15px;
	text-align: center;
	width: 48%;
	}
.trainNotesFra{
	background-color: #FEEAE4;
	border-bottom: 1px double dimgray;
	border-left: 1px solid dimgray;
	font-size: 100%;
	font-style: italic;	
	margin: -1% 0% 0% 49.2%;
	max-width: 480px;
	padding: 5px 15px;
	text-align: center;
	width: 48%;
	}
.trainHeaderInfo{
	background-color: #046888;
	color: white;
	font-size: 120%;
	line-height: 1.7em;
	padding: 4px;
	text-align: center;
	}	
.trainHeaderInfo h6{
	color: #FFE4AA;
	font-size: 120%;
	margin: 1px;
	padding: 5px;
	}	
.trainLegende{
	padding: 5px;
	}
.trainLegende h6{
	color: #015256;
	font-size: 140%;
	margin: 1px;
	padding: 5px;
	}
.trainLegende p{
	background-color: white;
	color: #023032;
	font-size: 100%;
	line-height: 1.5em;
	margin: 10px 20px 20px 20px;
	padding: 20px;
	text-align: left;
	}	
.trainWarning1{
	background-color: #ED423A;
	color: white;
	font-size: 120%;
	line-height: 1.7em;
	padding: 4px;
	text-align: center;
	}	
.trainWarning1 h6{
	color: #FFE349;
	font-size: 140%;
	margin: 1px;
	padding: 5px;
	}	
.trainNosMenu.tlt{
	color: red;
	font-family: arial, helvetica, sans-serif;
	font-size: 100%;	
	text-align: right;
	}	
.bgblue{
	background-color: #046695;
	max-width: 984px;
	width: 98.4%;
	}
.bgnavy{
	background-color: #1C3552;
	max-width: 984px;
	width: 98.4%;
	}
.bgbrown{
	background-color: #484146;
	max-width: 984px;
	width: 98.4%;
	}	
.bgbeige{
	background-color: #A37F6F;
	max-width: 984px;
	width: 98.4%;
	}

.bgflex{
	background-color: #055f5f;
	max-width: 1000px;
	text-align: center;
	width: 100%;
	}		
.trainLegende{
	background-color: #055F5F
	max-width: 990px;
	text-align: center;
	width: 99%;
	}			

	
/**   NAVIGATION - DESKTOPS AND LAPTOPS - WIDER THEN 981px  **/


.menuTrigger{
	display: none;
	}
.menuBar{
	display: block;
	margin-right: 20px;
	padding-right: 20px;
	}
.menuMobile{
	display: none;
	}
	
.menuBar ul{
	background-image: url(/images/home/stripePink.jpg);
	background-repeat: repeat-x;
	background-position: 50% 50%;
	height: 30px;
	line-height: 1.8em;
	margin: 5px 2px 5px 0px;
	padding: -2px 2px 20px 0px;
	text-align: right;
	width: 100%;
	}
.menuBar ul li{
	display: inline;
	margin: 15px 2px 2px 2px;
	}
.menuBar li a:link{
	background-color: #88ACAC;
	border: 2px outset;
	border-color: #DCE8E8 #8C0000 #8C0000 #DCE8E8;
	color: white;	
	font-weight: bold;
	height: 25px;
	margin: 0px 3px;
	padding: 4px;
	text-align: center;
	text-decoration: underline;
	width: 120px;    
	}
.menuBar li a:visited{
	background-color: #88ACAC;
	border: 2px outset;
	border-color: #DCE8E8 #8C0000 #8C0000 #DCE8E8;	
	color: white;
	font-weight: bold;
	height: 25px;
	margin: 0px 3px;
	padding: 4px;
	text-align: center;
	text-decoration: none;
	width: 120px;
	}   
.menuBar li a:hover{
	background-color: #F4CDB5;
	color: #2A706F;
	text-decoration: underline;	
	}	

	
/**   IMAGES   **/

img{
	max-width: 100%;
	}
.borderpink{
	padding: 3px;
	border: 2px groove #F7CFB5;
	}


	
/**  DIVERS  **/

@media print{
.hide img{
     display: none;
     }
     } 
@media print{
.noprint{ 
	display: none; 
	}
	}


.mobileOnly{
	display: none;
	}
	
	
	
/**     RESPONSIVE      **/
		

		
/*  FAIRLY LARGE SCREENS - TABLETS - 980px to 800px */
@media only screen and (max-width: 980px){


/**  STRUCTURE  **/

body{
	max-width: 980px;
	width: 100%;
	}
	
/**   HOMEPAGE  **/

.sidebar{
	display: none;
	}
.middleCol{
	max-width: 480px;
	width: 49.9%
	}
.rightCol{
	max-width: 460px;
	width: 49.2%
	}

/**   TOP PART   **/

.wrapper{
	max-width: 980px;
	width: 100%;
	}
	
	
/**   MAIN CONTENT   **/

.content{ 
	max-width: 980px;
	width: 100%;
	}
.timetable{
	max-width: 980px;
	width: 100%;
	}
.dates{
	margin: 0px 2px;
	max-width: 980px;
	width: 100%;
	}
.datesEng{
	float: none;
	max-width: 972px;
	width: 100%;
	}
.datesFra{
	margin: 0px;
	max-width: 972px;
	text-align: left;	
	width: 100%;
	}
.notes{
	margin: 0px 2px;
	max-width: 980px;
	width: 100%;
	}
.redEng{
	float: none;
	max-width: 972px;
	width: 100%;
	}
.redFra{
	margin: 0px;
	max-width: 972px;
	text-align: left;	
	width: 100%;
	}
.emphasisEng{
	float: none;
	max-width: 972px;
	width: 100%;
	}
.emphasisFra{
	margin: 0px;
	max-width: 972px;
	text-align: left;	
	width: 100%;
	}
.noteEng{
	float: none;
	max-width: 972px;
	width: 100%;
	}
.noteFra{
	margin: 0px;
	max-width: 972px;
	text-align: left;
	width: 100%;
	}		
.times{
	max-width: 980px;
	width: 100%;
	}
.tableLeft{
	max-width: 980px;
	width: 100%;
	}
.tableLeft table{
	max-width: 976px;
	width: 100%;
	}
.tableRight{
	margin: 0px;
	max-width: 980px;
	width: 100%;
	}
.tableRight table{
	max-width: 976px;
	width: 100%;
	}
td.ttfooterRight{
	text-align: left;
	}


/**   BUS INDEX PAGES   **/

.busIndexMain{
	max-width: 980px;
	}
.busIndexTitleLeft{
	float: left;
	max-width: 483px;
	width: 49%;
	}
.busIndexTitleRight{	
	max-width: 483px;
	width: 49%;
	}
.busIndexSubtitleLeft{
	float: left;
	max-width: 483px;
	width: 49%;
	}
.busIndexSubtitleRight{	
	margin: 0% 0% 0% 50.2%;
	max-width: 483px;
	width: 49%;
	}	
.busIndexSubtitle{
	background-color: #FCEBD6;
	}
.busIndexTitleLeft h3,
.busIndexTitleRight h3,
.busIndexSubtitleLeft h3,
.busIndexSubtitleRight h3{
	padding: 10px 3px;
	text-align: center;
}
.verticalspacer{
	width: 15px;
	float: left;
	padding-top: 10px;  
    } 
.leftpanel{
	float: left;   
	max-width: 140px;
	padding-top: 10px; 
	width: 15%;
    } 
.buslist{
	margin-left: 0px;
	max-width: 980px;
	width: 97%;
	}	
.routelist ul{
	list-style-type: circle;
	}  
.routelist a:link{	
	color: #5A514A;
	text-decoration: underline;
	}
.routelist a:visited{	
	color: #5A514A;
	text-decoration: underline;
	}
.routelist a:hover{	
	color: #5A514A;
	text-decoration: none;
	border-bottom: 1px solid #F7CFB5;
	}		 


/**   BUS INFO - NON TIMETABLE PAGES   write small screen nav !!!! **/


.whitebar{
	background-color: #FFFFFF;
	border: 1px solid #5B5348;
	margin-bottom: 2px;
	max-width: 972px;
	padding: 3px;
	width: 99%;
    }	
 
/**   TRAIN TIMETABLE PAGES  - Smaller screens 980px - 800px **/

.trainDiv{
	max-width: 966px;
	width: 96.6%;
	}
.trainNumber{
	float: left;
	max-width: 30px;
	width: 3%;
	}
.trainHeaderMenu{
	margin-left: 35px;
	max-width: 920px;
	width: 90%:
	}
.trainHeaderMenu li{
	max-width: 180px;
	width: 18%;	
	}
.trainNosMenu{
	max-width: 950px;
	width: 95%:
	}
.trainNosMenu li{
	max-width: 30px;
	width: 3%;	
	}
.trainDatesEng{
	floar: left;
	font-size: 130%;
	max-width: 460px;
	width: 46%;
	}
.trainDatesFra{
	font-size: 130%;
	margin: 0% 0% 0% 49.2%;
	max-width: 460px;
	width: 46%;
	}
.trainNotesEng{
	float: left;
	max-width: 460px;
	width: 46%;
	}
.trainNotesFra{
	margin: -1% 0% 0% 49.2%;
	max-width: 460px;
	width: 46%;
	}	

	
/**   DIVERS   **/

.mobileOnly{
	display: block;
	}



 
	
	
/**   NAVIGATION  TABLETS **/


.menuTrigger,
.menuMobile{
	display: none;
	}
.menuBar{
	display: block;
	margin: 0px;
	padding: 0px;
	}
.menuBar ul{
	background-image: url(/images/home/stripePink.jpg);
	background-repeat: repeat-x;
	background-position: 50% 50%;
	height: 30px;
	line-height: 1.8em;
	margin: 0px 3px 5px 0px;
	padding: 1px 0px 1px 0px;
	text-align: none;
	width: 100%;
	}
.menuBar ul li{
	display: inline;
	margin: 5px 1px 2px 1px;
	}
.menuBar li a:link{
	background-color: #C5EDED;
	border: 1px solid;
	border-color: #DCE8E8 #8C0000 #8C0000 #DCE8E8;
	color: black;	
	font: bold 80% arial,helvetica, sans-serif;
	height: 25px;
	margin: 0px 2px;
	padding: 1px;
	text-align: center;
	text-decoration: underline;
	width: 100px;    
	}
.menuBar li a:visited{
	background-color: #C5EDED;
	border: 1px solid;
	border-color: #DCE8E8 #8C0000 #8C0000 #DCE8E8;
	color: black;	
	font: bold 80% arial,helvetica, sans-serif;
	height: 25px;
	margin: 0px 2px;
	padding: 1px;
	text-align: center;
	text-decoration: underline;
	width: 100px;   
	
	}   
.menuBar li a:hover{
	background-color: #F4CDB5;
	color: #2A706F;
	text-decoration: underline;	
	}		
	}





	
/**   SMALL SCREENS  -   OTHER MOBILES -  LESS THAN 799px  **/
@media screen and (max-width: 799px){


/**  STRUCTURE  **/

body{
	max-width: 799px;
	width: 100%;
	}

/**   HOMEPAGE  **/

h3.homepage{
	font-size: 90%;
	}
p.homepage{
	font-size: 90%;
	}
.homepageTitleLeft{
	max-width: 799px;
	width: 98%;
	}
.homepageTitleRight{	
	margin: 0px;
	max-width: 799px;
	width: 98%;
	}
.homepageSubtitleLeft{
	margin: 0px;
	max-width: 799px;
	width: 98%;
	}
.homepageSubtitleRight{	
	margin: 0px;
	max-width: 799px;
	width: 98%;
	}
.homepageBorder{
	max-width: 799px;
	width: 100%;
	}	
.middleCol{
	max-width: 799px;
	width: 98%;
	}
.rightCol{
	max-width: 799px;
	width: 98%;
	}
.homepageList{
	font-size: 100%;
	}  
.footerEng{
	max-width: 799px;
	width: 98%;
	}
.footerFra{
	margin: 0px;
	max-width: 799px;
	text-align: left;
	width: 98%;
	}


/**   TOP PART   **/

.wrapper{
	max-width: 799px;
	width: 100%;
	}
	
	
/**   MAIN CONTENT   **/

.content{ 
	max-width: 799px;
	width: 100%;
	}
.timetable{
	max-width: 799px;
	width: 100%;
	}
.dates{
	max-width: 799px;
	width: 100%;
	}
.datesEng{
	max-width: 791px;
	width: 100%;
	}
.datesFra{
	max-width: 791px;
	width: 100%;
	}
.notes{
	max-width: 799px;
	width: 100%;
	}
.redEng{
	max-width: 791px;
	width: 100%;
	}
.redFra{
	max-width: 791px;
	width: 100%;
	}
.emphasisEng{
	max-width: 791px;
	width: 100%;
	}
.emphasisFra{
	max-width: 791px;
	width: 100%;
	}
.noteEng{
	max-width: 791px;
	width: 100%;
	}
.noteFra{
	max-width: 791px;
	text-align: left;
	width: 100%;
	}		
.times{
	max-width: 799px;
	width: 100%;
	}
.tableLeft{
	max-width: 799px;
	width: 100%;
	}
.tableLeft table{
	max-width: 795px;
	width: 100%;
	}
.tableRight{
	max-width: 799px;
	width: 100%;
	}
.tableRight table{
	max-width: 795px;
	width: 100%;
	}
	
	
/**   BUS INDEX PAGES   **/

.busIndexMain{
	margin: 0px;
	max-width: 799px;
	padding: 1px;
	width: 98%;
	}
.busIndexTitleLeft{
	border: none;
	margin: 0px 1px;
	max-width: 799px;
	width: 98%;
	}
.busIndexTitleRight{
	border: none;
	font-style: italic;
	margin: 0px 1px;
	max-width: 799px;
	width: 98%;
	}
.busIndexSubtitleLeft{
	border: none;
	margin: 0px 1px;
	max-width: 799px;
	width: 98%;	
	}
.busIndexSubtitleRight{
	border: none;
	font-style: italic;
	margin: 0px 1px;
	max-width: 799px;
	width: 98%;
	}	
.busIndexSubtitle{
	background-color: #FCEBD6;
	}
.busIndexTitleLeft h3,
.busIndexTitleRight h3,
.busIndexSubtitleLeft h3,
.busIndexSubtitleRight h3{
	padding: 3px;
	text-align: center;
}
.leftpanel{
	display: none;
	max-width: 5px;
	width: 2%;
	} 
.routelist{
	display: block;
	margin: 5px;	
	line-height: 2.3em;
	padding: 5px;
	} 
.buslist{
	margin-left: 0px;
	max-width: 799px;
	padding: 5px 10px 20px 5px;
	text-align: left;	
	width: 98%;
	}	
.routelist ul{
	list-style-type: circle;
	}  
.routelist a:link{	
	color: #5A514A;
	text-decoration: underline;
	}
.routelist a:visited{	
	color: #5A514A;
	text-decoration: underline;
	}
.routelist a:hover{	
	color: #5A514A;
	text-decoration: none;
	border-bottom: 1px solid #F7CFB5;
	}	


	
/**  BUS INFO - NON TIMETABLE PAGES  **/

.busInfoMain{
	max-width: 790px;
	width: 99.8%;
	}
.pinkbarLeft{
	display: none;
	}
.pinkbarRight{
	margin: 0.2% 0%;
	max-width: 790px;
	width: 100%;
	}
.busInfoTitleLeft{
	background-color: #FCEBD6;
	border: 1px solid dimgray;
	float: left;
	margin: 0.2% 0%;
	max-width: 790px;
	width: 100%;
	}
.busInfoTitleRight{	
	background-color: #FCEBD6;
	border: 1px solid dimgray;
	font-style: italic;
	margin: 0.2% 0%;
	max-width: 790px;
	width: 100%;
	}
.busInfoLeft{
	border: 1px solid dimgray;
	float: none;
	max-width: 790px;
	width: 100%;
	}
.busInfoRight{	
	border: 1px solid dimgray;
	margin: 2px 0px;
	max-width: 790px;
	width: 100%;
	}
.busInfoLeft p,
.busInfoRight p{
	margin: 0px;
	padding: 5px 20px;
	}

	






	
	
	
/**   INTRO PAGES   **/

.sidebar{
	display: none;
	}
.busSectorList{
	background-color: white;
	line-height: 2em;
	padding: 5px 10px;
	margin: 10px;
	max-width: 790px;
	text-align: left;
	width: 100%;
	}  
.busSectorList p{
	color: #940100;
	font-size: 110%;
	margin: 5px;
	padding: 0px 0px 0px -15px;
	}
.faqMain .ul1 li{
	list-style-type: disc;   
	margin: 10px 1px 10px 5px;
	text-align: left;
	}
.faqMain .ul2 li{
	list-style-type: circle;
	margin:  10px 1px 10px 5px;
	text-align: left;	
	}


/**   TRAIN TIMETABLE PAGES  - OTHER MOBILES -  LESS THAN 799px **/

.trainDiv{
	border: 1px solid dimgray;
	max-width: 785px;
	width: 98.6%;
	}
.trainNumber{
	float: left;
	font-size: 100%;
	font-weight: bold;
	max-width: 30px;
	width: 3%;
	}
.trainHeaderMenu{
	font-size: 100%;
	margin-left: 35px;
	max-width: 750px;
	width: 92%:
	}
.trainHeaderMenu li{
	float: right;
	margin: -3px 1px 4px 1px;
	max-width: 160px;
	width: 20%;	
	}
.trainHeaderMenu li.wide{
	float: right;
	max-width: 200px;
	margin-left: 0px;
	padding-left: 0px;
	width: 25%;	
	}
.trainNosMenu{
	font-size: 100%;
	max-width: 780px;
	width: 98%:
	}
.trainNosMenu li{
	max-width: 35px;
	width: 3.5%;	
	}
.trainDatesEng{   
	float: none;
	font-size: 120%;
	max-width: 780px;
	padding: 10px;
	width: 98%;
	}
.trainDatesFra{
	font-size: 120%;
	margin: 0%;
	max-width: 780px;
	padding: 10px;
	width: 98%;
	}
.trainNotesEng{
	float: none;
	max-width: 780px;
	padding: 5px 10px;
	width: 98%;
	}
.trainNotesFra{
	margin: 0%;
	max-width: 780px;
	padding: 5px 10px;
	width: 98%;
	}	
.trainWarning1{
	font-size: 100%;
	line-height: 1.5em;
	}	
.trainWarning1 h6{
	font-size: 110%;
	}	
	
	
	





	
	
/**   DIVERS   **/

.mobileHide{
	display: none;
	}

	

	
	
/**   NAVIGATION OTHER MOBILES  **/

.menuTrigger{
	background-color: #F7F7E1;
	color: #746A6A;
	cursor: pointer;
	display: block;
	font-size: 85%;	
	padding: 10px;
	text-align: right;	
	}
.menuBar{
	display: none;
	}
.menuMobile{
	display: none;
	font-size: 90%;
	}	
.menuMobile ul{
	background-color: #FFFFEF;
	display: block;
	list-style-type: none;
	margin: 0px 2px;
	padding: 0px 0px 0px 5px;
	text-align: left;
	}
.menuMobile ul li{
	float: none;
	border-bottom: 1px solid #E1C7C7;
	}	
.menuMobile li a:link,
.menuMobile li a:visited{
	background-color: FFFFEF;
	border-bottom: 1px solid F7F7E1;
	color: #404040;	
	display: block;
	padding: 0px 2px 8px 0;
	text-decoration: underline;
	width: 90%;
	}
.menuMobile li a:visited{
	text-decoration: none;
	}   
.menuMobile li a:hover{
	background-color: #F4CDB5;
	text-decoration: underline;	
	}
.menuMobile ul li:last-child{
	border-bottom: none;
	}
	}
	
	
/*  VERY SMALL SCREENS -  LESS THAN 360px */
@media only screen and (max-width: 360px){
	
.trainHeaderMenu li.wide{
	float: right;
	max-width: 144px;
	width: 40%;	
	}