body, div, p, a, img, h1, h2, table, ul, ol, li {
	margin: 0;
	border: 0;
	padding: 0;
}

body {
	font-family: helvetica, arial, sans-serif;
}


/* generic text formatting */

.bold {
	font-weight: bolder;
}

.black {
	color: #000000;
}

.white {
	color: #ffffff;
}

.airline {
	color: #3fb6df;
	font-weight: bolder;
}


/* generic background colors */



.gbg-erie {
	background-color: #f1d58e;
}

.gbg-erie-dk {
	background-color: #dcc383;
}

.gbg-erie-lt {
	background-color: #f7ebd3;
}



.gbg-michigan {
	background-color: #44cef5;
}

.gbg-michigan-dk {
	background-color: #3fb6df;
}

.gbg-michigan-lt {
	background-color: #c7eafb;
}




.gbg-capital {
	background-color: #b7da9b;
}

.gbg-capital-dk {
	background-color: #a6c78e;
}

.gbg-capital-lt {
	background-color: #e5f1da;
}




.gbg-superior {
	background-color: #e7bc70;
}

.gbg-superior-dk {
	background-color: #d2ab67;
}

.gbg-superior-lt {
	background-color: #f6e8d1;
}




.gbg-huron {
	background-color: #f7acbc;
}

.gbg-huron-dk {
	background-color: #e09dac;
}

.gbg-huron-lt {
	background-color: #fce0e3;
}




.gbg-arbor {
	background-color: #d1d3d4;
}

.gbg-arbor-dk {
	background-color: #bcbec0;
}

.gbg-arbor-lt {
	background-color: #e9e9ea;
}






.gbg-coast {
	background-color: #3c9cd7;
}

.gbg-coast-dk {
	background-color: #000000;
}

.gbg-coast-lt {
	background-color: #acd6f2;
}









.gbg-ontario {
	background-color: #d93b20;
}

.gbg-ontario-dk {
	background-color: #c5351c;
}

.gbg-ontario-lt {
	background-color: #e9e9ea;
}





.gbg-relay {
	background-color: #6e0f6c;
}

.gbg-relay-dk {
	background-color: #46004e;
}

.gbg-relay-lt {
	background-color: #e2d8e7;
}




.gbg-local5 {
	background-color: #e4b50a;
}



.gbg-local6 {
	background-color: #749224;
}


.gbg-local7 {
	background-color: #007bbb;
}



span.connector-link-route {
	color: #000000;
}



div.clearfloat {
	clear: both;
	height: 0;
	overflow: hidden;
}







div#main-vsched {
/*	width: 1000px;
	margin: 0 auto 0 auto; */
	color: #000000;
}


div#logohead-contain-erie {
	background-color: #dcc383;
}

div#logohead-contain-michigan {
	background-color: #3fb6df;
}

div#logohead-contain-capital {
	background-color: #a6c78e;
}


div#logohead-contain-superior {
	background-color: #d2ab67;
}


div#logohead-contain-huron {
	background-color: #e09dac;
}


div#logohead-contain-arbor {
	background-color: #bcbec0;
}

div#logohead-contain-coast {
	background-color: #0072bc;
}



div#logohead-contain-ontario {
	background-color: #c5351c;
}


div#logohead-contain-relay {
	background-color: #46004e;
}




div#logohead {
	width: 1000px;
	margin: 0 auto 0 auto;
	padding-bottom: 10px;
}

div#logohead p.fblink {
	padding-top: 16px;
	width: 1000px;
	text-align: right;
}

div#logohead img {
	margin-left: 10px;
}


div#line-top-half {
	width: 1000px;
	margin: 0 auto 0 auto;
}

div#line-top-half div#line-left-half {
	width: 620px;
	float: left;
}

div#line-top-half div#line-left-half p.line-name {
	font-family: Georgia, serif;
	font-size: 2.2em;
	font-weight: bolder;
	font-style: italic;
	margin: 10px 0 0.4em 28px;
}



div#line-top-half div#line-left-half p.contribute-photo {
	width: 440px;
	font-size: 0.8em;
	margin: 0 50px 0.7em 28px;
	padding: 6px;
	border: 1px dotted #ffffff;
	background-color: #b3b3b3;
	color: #ffffff;
}

div#line-top-half div#line-left-half p.contribute-photo a {
	text-decoration: none;
	color: #ffffff;
	font-style: italic;
}

div#line-top-half div#line-left-half p.contribute-photo a:hover {
	color: #ffe4b5;
}


div#line-top-half div#line-left-half p.idoma {
	font-size: 0.8em;
	margin: 0 0 0.9em 28px;
}


div#line-top-half div#line-left-half p.idoma a {
	border: 1px dotted #000000;
	background-color: #f7ebd3;
	color: #000000;
	text-decoration: none;
	padding: 2px 0.5em 1px 0.5em;
}

div#line-top-half div#line-left-half p.idoma a:hover {
	text-decoration: underline;
}


div#line-top-half div#line-left-half p.line-description {
	width: 440px;
	font-size: 0.9em;
	line-height: 1.3em;
	margin: 0 0 0.9em 28px;
}

div#line-top-half div#line-left-half p.line-description a {
	padding: 0 0.5em 0 0.5em;
	text-decoration: none;
	color: #000000;
}

div#line-top-half div#line-left-half ul.airline-list {
	width: 420px;
	font-size: 1em;
	margin: 0 0 0.9em 42px;
}

div#line-top-half div#line-left-half ul.airline-list li {
	margin-bottom: 0.3em;
}

div#line-top-half div#line-left-half p.line-description a:hover {
	text-decoration: underline;
}




div#line-top-half div#line-left-half p.sched-intro {
	width: 440px;
	font-size: 0.8em;
	margin: 1em 0 0.9em 28px;
	font-style: italic;
	color: #333333;
}









div#line-top-half div#line-left-half p.line-sched-links {
	background: url('../images/arw_r.png') 0 0 no-repeat;
	padding-left: 22px;
	font-size: 1em;
	font-weight: bolder;
	line-height: 1.3em;
	margin: 0 50px 0.2em 28px;
	text-transform: uppercase;
}


div#line-top-half div#line-left-half p.line-sched-links a {
	font-weight: lighter;
	font-style: italic;	
	color: #000000;
}


div#line-top-half div#line-left-half p.line-pdf-link {
	margin: 0.7em 50px 0.2em 28px;
	padding: 4px;
	width: 400px;
	background-color: #ff9922;
	color: #ffffff;
	font-size: 1.15em;
	line-height: 1.3em;
}

div#line-top-half div#line-left-half p.line-pdf-link a {
	background: url('../images/pdficon.gif') 0 0 no-repeat;
	padding-left: 23px;
	color: #ffffff;
}





div#line-top-half div#line-right-half {
	width: 380px;
	float: left;
}

div#line-top-half div#line-right-half img.simplebus {
	display: block;
}

div#line-top-half div#line-right-half p.hdwy-grid-intro {
	text-align: center;
	color: #000000;
	font-size: 1em;
	font-weight: bolder;
	margin-top: 14px;
	border-top: 2px solid #000000;
}

div#line-top-half div#line-right-half p.hdwy-grid-note {
	text-align: center;
	color: #000000;
	font-size: 0.75em;
	font-style: italic;
}


div#line-top-half div#line-right-half table {
	margin: 0 auto 0 auto;
	table-layout: fixed;
	border-collapse: collapse;
	width: 380px;
}

div#line-top-half div#line-right-half table td {
	color: #ffffff;
}

div#line-top-half div#line-right-half table tr.day-header td {
	border-bottom: 1px solid #ffffff;
	text-transform: uppercase;
	text-align: center;
	font-size: 0.8em;
}


div#line-top-half div#line-right-half table tr.time-period td {
	text-align: center;
	font-size: 0.7em;
}


div#line-top-half div#line-right-half table tr.approximate-headway td {
	text-align: center;
	font-size: 1.2em;
	font-weight: bolder;
}

div#line-top-half div#line-right-half table td.last-of-day {
	border-right: 1px solid #ffffff;
}


div#line-top-half div#line-right-half div.line-diagram {
	position: relative;
	border-top: 3px solid #ffffff;
	width: 380px;
	background-image: url('../images/route.png');
	background-repeat: repeat-y;
}


div#line-top-half div#line-right-half div.relay-detroit-images {
	border: 1px solid #46004e;
}




div#line-top-half div#line-right-half div.line-mark-erie {
	background: url('../images/lbox1.png') top right no-repeat;
}

div#line-top-half div#line-right-half div.line-mark-michigan {
	background: url('../images/lbox2.png') top right no-repeat;
}


div#line-top-half div#line-right-half div.line-mark-capital {
	background: url('../images/lbox3.png') top right no-repeat;
}


div#line-top-half div#line-right-half div.line-mark-superior {
	background: url('../images/lbox4.png') top right no-repeat;
}



div#line-top-half div#line-right-half div.line-mark-huron {
	background: url('../images/lbox6.png') top right no-repeat;
}


div#line-top-half div#line-right-half div.line-mark-arbor {
	background: url('../images/lbox8.png') top right no-repeat;
}


div#line-top-half div#line-right-half div.line-mark-coast {
	background: url('../images/lboxc.png') top right no-repeat;
}




div#line-top-half div#line-right-half p {
	padding-top: 6px;
	text-indent: 8px;
	display: block;
	height: 30px;
	width: 380px;
	font-size: 1em;
	color: #ffffff;
}


div#line-top-half div#line-right-half p span.ends {
	font-size: 0.8em;
	font-style: italic;
}


div#line-top-half div#line-right-half ul {
	margin-left: 39px;
	list-style-type: none;
}

div#line-top-half div#line-right-half ul li.station-marker {
	margin-top: 0.6em;
	list-style-image: url('../images/linesta0.png');
	font-weight: bolder;
}

div#line-top-half div#line-right-half ul li.station-marker a {
	font-weight: lighter;
	font-size: 0.8em;
	text-decoration: none;
	color: #ffffff;
	padding: 0 0.5em 0 0.5em;
	margin-left: 0.3em;
}

div#line-top-half div#line-right-half ul li.station-marker a:hover {
	text-decoration: underline;
}


div#line-top-half div#line-right-half ul li.station-amenities {
	font-size: 0.8em;
}

div#line-top-half div#line-right-half ul li.fare-zone {
	margin-top: 0.6em;
	font-size: 0.6em;
	text-transform: uppercase;
	color: #ffffff;
	border-bottom: 1px solid #ffffff;
}

div#line-top-half div#line-right-half ul li.fare-zone a {
	text-decoration: none;
	color: #ffffff;
}

div#line-top-half div#line-right-half ul li.fare-zone a:hover {
	text-decoration: underline;
}



div#line-bottom-half {
	width: 1000px;
	margin: 0 auto 40px auto;
	margin-top: 30px;
}

p.sched-lsd {
	font-family: Georgia, serif;
	font-style: italic;
	font-size: 1.6em;
	margin: 3px 0 6px 12px;
}

p.sched-lsd span {
	font-family: Helvetica, Arial, sans-serif;
	font-weight: lighter;
	font-size: 0.7em;
	text-transform: uppercase;
}

div.sched-side {
	float: left;
	width: 500px;
}

/* WTF why is this causing the weirdness with unlimited widths, and why does it NOT when width is 451 or less */
/* FIXED  - it was special note p style, was 580px wide */

div.sched-relay-list {
	float: left;
	width: 260px;
}

div.sched-relay-list ul {
	list-style-type: none;
	margin: 2em 0 0 15px;
	font-size: 1.1em;
	font-family: Helvetica, Arial, sans-serif;
	font-style: italic;
}

div.sched-relay-list ul li {
	margin-bottom: 0.5em;
}


div.sched-relay-side {
	float: left;
	width: 370px;
}





/* notes are positioned in relation to the width of the sched table, it's done inline in a little div for custom sized notes in every page */


p.standard-note {
	font-size: 0.7em;
}

p.standard-note span {
	font-weight: bolder;
}


p.special-note {
	width: 498px;
	margin-top: 0.5em;
	font-size: 0.7em;
	color: #616161;
}

p.special-note span {
	font-weight: bolder;
}


p.start-over {
	margin-top: 0.5em;
	font-size: 0.7em;
	color: #000000;
}


p.start-over a {
	color: #000000;
}





img.timepoint-set {
	display: block; 
}

ul.train-connection-times {
	margin-left: 10px;
	list-style-type: none;
	font-size: 0.7em;
	color: #616161;
}




div.sched-header-erie {
/*	background: url('../images/schfade1.png') 0 0 repeat-x;  */
/* MAKE A TOPFADE FOR SCHED DIVS */
	margin-top: 100px;	
	padding-bottom: 1.2em;
	border-top: 4px solid #dcc383;
	border-right: 1px solid #dcc383;
	border-bottom: 1px solid #dcc383;
	border-left: 1px solid #dcc383;
	width: 1000px;
}


div.sched-header-erie-skinny {
/*	background: url('../images/schfade1.png') 0 0 repeat-x;  */
/* MAKE A TOPFADE FOR SCHED DIVS */
	margin-top: 30px;	
	margin-left: 16px;	
	padding-bottom: 1.2em;
	border-top: 4px solid #dcc383;
	border-right: 1px solid #dcc383;
	border-bottom: 1px solid #dcc383;
	border-left: 1px solid #dcc383;
	width: 580px;
}



div.sched-header-michigan {
/*	background: url('../images/schfade1.png') 0 0 repeat-x;  */
/* MAKE A TOPFADE FOR SCHED DIVS */
	margin-top: 100px;	
	padding-bottom: 1.2em; 
	border-top: 4px solid #3fb6df;
	border-right: 1px solid #3fb6df;
	border-bottom: 1px solid #3fb6df;
	border-left: 1px solid #3fb6df; 
	width: 1000px;
}

div.sched-header-michigan-skinny {
/*	background: url('../images/schfade1.png') 0 0 repeat-x;  */
/* MAKE A TOPFADE FOR SCHED DIVS */
	margin-top: 30px;	
	margin-left: 16px;	
	padding-bottom: 1.2em;
	border-top: 4px solid #3fb6df;
	border-right: 1px solid #3fb6df;
	border-bottom: 1px solid #3fb6df;
	border-left: 1px solid #3fb6df;
	width: 580px;
}




div.sched-header-capital {
/*	background: url('../images/schfade1.png') 0 0 repeat-x;  */
/* MAKE A TOPFADE FOR SCHED DIVS */
	margin-top: 100px;	
	padding-bottom: 1.2em;
	border-top: 4px solid #a6c78e;
	border-right: 1px solid #a6c78e;
	border-bottom: 1px solid #a6c78e;
	border-left: 1px solid #a6c78e;
	width: 1000px;
}

div.sched-header-capital-skinny {
/*	background: url('../images/schfade1.png') 0 0 repeat-x;  */
/* MAKE A TOPFADE FOR SCHED DIVS */
	margin-top: 30px;	
	margin-left: 16px;	
	padding-bottom: 1.2em;
	border-top: 4px solid #a6c78e;
	border-right: 1px solid #a6c78e;
	border-bottom: 1px solid #a6c78e;
	border-left: 1px solid #a6c78e;
	width: 580px;
}





div.sched-header-superior {
/*	background: url('../images/schfade4.png') 0 0 repeat-x;  */
/* MAKE A TOPFADE FOR SCHED DIVS */
	margin-top: 100px;	
	padding-bottom: 1.2em;
	border-top: 4px solid #d2ab67;
	border-right: 1px solid #d2ab67;
	border-bottom: 1px solid #d2ab67;
	border-left: 1px solid #d2ab67;
	width: 1000px;
}

div.sched-header-superior-skinny {
/*	background: url('../images/schfade4.png') 0 0 repeat-x;  */
/* MAKE A TOPFADE FOR SCHED DIVS */
	margin-top: 30px;	
	margin-left: 16px;	
	padding-bottom: 1.2em;
	border-top: 4px solid #d2ab67;
	border-right: 1px solid #d2ab67;
	border-bottom: 1px solid #d2ab67;
	border-left: 1px solid #d2ab67;
	width: 580px;
}




div.sched-header-huron {
/*	background: url('../images/schfade6.png') 0 0 repeat-x;  */
/* MAKE A TOPFADE FOR SCHED DIVS */
	margin-top: 100px;	
	padding-bottom: 1.2em;
	border-top: 4px solid #e09dac;
	border-right: 1px solid #e09dac;
	border-bottom: 1px solid #e09dac;
	border-left: 1px solid #e09dac;
	width: 1000px;
}

div.sched-header-huron-skinny {
/*	background: url('../images/schfade6.png') 0 0 repeat-x;  */
/* MAKE A TOPFADE FOR SCHED DIVS */
	margin-top: 30px;	
	margin-left: 16px;	
	padding-bottom: 1.2em;
	border-top: 4px solid #e09dac;
	border-right: 1px solid #e09dac;
	border-bottom: 1px solid #e09dac;
	border-left: 1px solid #e09dac;
	width: 580px;
}




div.sched-header-arbor {
/*	background: url('../images/schfade6.png') 0 0 repeat-x;  */
/* MAKE A TOPFADE FOR SCHED DIVS */
	margin-top: 100px;	
	padding-bottom: 1.2em;
	border-top: 4px solid #bcbec0;
	border-right: 1px solid #bcbec0;
	border-bottom: 1px solid #bcbec0;
	border-left: 1px solid #bcbec0;
	width: 1000px;
}


div.sched-header-arbor-skinny {
/*	background: url('../images/schfade6.png') 0 0 repeat-x;  */
/* MAKE A TOPFADE FOR SCHED DIVS */
	margin-top: 30px;	
	margin-left: 16px;	
	padding-bottom: 1.2em;
	border-top: 4px solid #bcbec0;
	border-right: 1px solid #bcbec0;
	border-bottom: 1px solid #bcbec0;
	border-left: 1px solid #bcbec0;
	width: 580px;
}




div.sched-header-coast {
/*	background: url('../images/schfade1.png') 0 0 repeat-x;  */
/* MAKE A TOPFADE FOR SCHED DIVS */
	margin-top: 100px;	
	padding-bottom: 1.2em;
	border-top: 4px solid #0072bc;
	border-right: 1px solid #0072bc;
	border-bottom: 1px solid #0072bc;
	border-left: 1px solid #0072bc;
	width: 1000px;
}





div.sched-header-ontario-skinny {
/*	background: url('../images/schfade6.png') 0 0 repeat-x;  */
/* MAKE A TOPFADE FOR SCHED DIVS */
	margin-top: 30px;	
	margin-left: 16px;	
	padding-bottom: 1.2em;
	border-top: 4px solid #c5351c;
	border-right: 1px solid #c5351c;
	border-bottom: 1px solid #c5351c;
	border-left: 1px solid #c5351c;
	width: 580px;
}


div.sched-header-relay {
/*	background: url('../images/schfade6.png') 0 0 repeat-x;  */
/* MAKE A TOPFADE FOR SCHED DIVS */
	margin-top: 100px;	
	padding-bottom: 1.2em;
	border-top: 4px dotted #46004e;
/*	border-right: 1px solid #46004e;
	border-bottom: 1px solid #46004e;
	border-left: 1px solid #46004e;   */
	width: 1000px;
}


div.sched-header-local5 {
/*	background: url('../images/schfade1.png') 0 0 repeat-x;  */
/* MAKE A TOPFADE FOR SCHED DIVS */
	margin-top: 100px;	
	padding-bottom: 1.2em; 
	border-top: 4px solid #e4b50a;
	border-right: 1px solid #e4b50a;
	border-bottom: 1px solid #e4b50a;
	border-left: 1px solid #e4b50a; 
	width: 1000px;
	background-color: #f7e6c0;
}


div.sched-header-local6 {
/*	background: url('../images/schfade1.png') 0 0 repeat-x;  */
/* MAKE A TOPFADE FOR SCHED DIVS */
	margin-top: 100px;	
	padding-bottom: 1.2em; 
	border-top: 4px solid #749224;
	border-right: 1px solid #749224;
	border-bottom: 1px solid #749224;
	border-left: 1px solid #749224; 
	width: 1000px;
	background-color: #e3e9c4;
}


div.sched-header-local7 {
/*	background: url('../images/schfade1.png') 0 0 repeat-x;  */
/* MAKE A TOPFADE FOR SCHED DIVS */
	margin-top: 100px;	
	padding-bottom: 1.2em; 
	border-top: 4px solid #007bbb;
	border-right: 1px solid #007bbb;
	border-bottom: 1px solid #007bbb;
	border-left: 1px solid #007bbb; 
	width: 1000px;
	background-color: #ccdbed;
}





/* SPECS FOR REGULAR TIMETABLE */

table.line-schedule-main {
	margin: 0 auto 0.4em auto;
	table-layout: fixed;
	border-collapse: collapse;
	border-top: 2px solid #828282;
	border-bottom: 2px solid #828282;
}

table.line-schedule-main tr {
	margin: 0;
	padding: 0;
}

table.line-schedule-main tr:hover td {
	background-color: #ffe303;
}


table.line-schedule-main td {
	font-size: 0.8em;
	height: 1.5em; 
	margin: 0;
	padding: 0;
	border-right: 0;
	border-bottom: 1px dotted #828282;
	border-left: 0;
	background-color: #ffffff;
}

table.line-schedule-main td.train-num {
	width: 50px;
	text-align: center;
	font-weight: bolder;
	letter-spacing: 1px;
	color: #616161;
}



table.line-schedule-main td.trip-note {
	width: 26px;
	text-align: center;
	color: #616161;
}


table.line-schedule-main td.time-am {
	width: 44px;
	text-align: right;
	padding-right: 6px; 
}




table.line-schedule-main td.time-pm {
	width: 44px;
	text-align: right;
	padding-right: 6px; 
	font-weight: bolder; 
}


/* END OF SPECS FOR REGULAR TIMETABLE */





/* SPECS FOR SKINNY TIMETABLE */

.headway-range td.train-num {
	height: 3.2em;
}

.headway-range td.headway-estimate {
	height: 3.2em;
	text-align: center;
	padding-right: 10px;
}


.headway-range .headway-minutes {
	font-weight: bolder;
	font-size: 1.5em;
}





table.line-schedule-skinny {
	margin: 0 auto 0.4em auto;
	table-layout: fixed;
	border-collapse: collapse;
	border-top: 2px solid #828282;
	border-bottom: 2px solid #828282;
}

table.line-schedule-skinny tr {
	margin: 0;
	padding: 0;
}

table.line-schedule-skinny tr:hover td {
	background-color: #ffe303;
}


table.line-schedule-skinny td {
	font-size: 0.75em;
	height: 1.5em; 
	margin: 0;
	padding: 0;
	border-right: 0;
	border-bottom: 1px dotted #828282;
	border-left: 0;
	background-color: #ffffff;
}

table.line-schedule-skinny td.train-num {
	width: 40px;
	text-align: center;
	font-weight: bolder;
	letter-spacing: 1px;
	color: #616161;
}


table.line-schedule-skinny td.cx925-train {
	width: 40px;
	text-align: right;
	font-style: italic;
	color: #616161;
}



table.line-schedule-skinny td.trip-note {
	width: 18px;
	text-align: center;
	color: #616161;
}


table.line-schedule-skinny td.time-am {
	width: 36px;
	text-align: right;
	padding-right: 4px; 
}




table.line-schedule-skinny td.time-pm {
	width: 36px;
	text-align: right;
	padding-right: 4px; 
	font-weight: bolder;
}


/* END OF SPECS FOR SKINNY TIMETABLE */















/* FOOTER SPECS */



div.wideline {
	border-top: 1px solid #777777;
	height: 1px;
	overflow: hidden;
}


div.wideline-dot {
	border-top: 2px dotted #777777;
	height: 2px;
	overflow: hidden;
}



div#bottom-nav {
	width: 1000px;
	margin: 0 auto 6px auto;
}

div#bottom-nav p {
	text-align: right;
	margin: 6px 8px 0 0;
	color: #222222;
	font-size: 0.8em;
}


div#bottom-nav p a {
	color: #222222;
	text-decoration: none;
	padding: 0 0.2em 0 0.2em;
}

div#bottom-nav p a:hover {
	text-decoration: underline;
}

div#footer {
	width: 1000px;
	margin: 0 auto 0 auto;
	color: #222222;
}	

div#footer p.footer-slogan {
	font-size: 0.8em;
	font-weight: bolder;
	font-style: italic;
	margin: 10px 0 2px 16px;
}

div#footer p.credit-line {
	font-size: 0.8em;
	margin: 0 0 0.5em 16px;
}