@charset "utf-8";
/* CSS Document */
a:link {
	
	font-family:Arial, Helvetica, sans-serif;
	color: #ff0000;
	text-decoration: underline;
}
a:visited {
	
	font-family: Arial, Helvetica, sans-serif;
	color: #1c13be;
	text-decoration: underline;
}
a:hover {
	
	font-family:Arial, Helvetica, sans-serif;
	color: #ff0000;
	text-decoration: underline;
	
}
a:active {
	
	font-family:Arial, Helvetica, sans-serif;
	color: #ff0000;
	text-decoration: underline;
}
.body {
	color: #FFFFFF;
	width: 100%;
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to 		account for differing browser defaults */
	padding: 0;
	text-align: center; 
	}
#container {
	width: 100%;  /* this width will create a container that will fit in an 800px browser window if text is left at browser default font sizes */
	background: #FFFFFF;
	margin: 1em; /* the auto margins (in conjunction with a width) center the page */
	border: 0px;
	text-align: left; /* this overrides the text-align: center on the body element. */
}
#header {
	position: absolute;
	top: .5em;
	left: .5em;
	}
	
#sidebar1 {
	position: absolute;
	top: 275px;
	left: 0px;
	width: 20%;
	float: left;
	}

#sidebar1a {
	position: absolute;
	top: 0px;
	left: 0px;
	margin: 0px;
	}
#sidebar1b {
	position: absolute;
	top: 200px;
	left: 0px;
	width: 20%;
	float: left;
	}

#content {
	position: absolute;
	top: 240px;
	left: 215px;
	width: 70%;
	float: right;
	margin: 0em;
	}
#content1 {
	position: absolute;
	top: 210px;
	left: 245px;
	width: 70%;
	float: right;
	}
#content1a {
	position: absolute;
	top: 240px;
	left: 260px;
	width: 70%;
	float: right;
	}
#content1b {
	position: absolute;
	top: 240px;
	left: 245px;
	width: 70%;
	float: right;
	}
/* table layout */
#table {
	position: absolute;
	top: 0px;
	left: 250px;
	margin: 0px;
	}
#table2 {
	position: absolute;
	top: 750px;
	left: 50px;
	margin: 0px;
	}
/* footer layout  */
#footer { 
	padding: 0 10px; /* this padding matches the left alignment of the elements in the divs that appear above it. */
	background:#ffffff;
} 
#footerP {
	font-size: .5em;
	font-family: Arial, Helvetica, sans-serf;
	color: #1c13be;
	margin: 0; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */
	padding: 10px 0; /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */
	}
#points {
	position: absolute;
	top: 50px;
	left: 250px;
	margin: 0px;
	}
#points1 {
	position: absolute;
	top: 50px;
	left: 350px;
	margin: 0px;
	}
#points1a {
	position: absolute;
	top: 125px;
	left: 350px;
	margin: 0px;
	}
	

/* text  */
.redtext3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	font-weight: bold;
	color: #ff0000;  
	
	}
.redtext2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 2em;
	color: #ff0000;  
	
	}		
.style3a {
	font-size: 1em;
	font-family: Arial, Helvetica, sans-serf;
	font-weight: bold;
	color: #1c13be;
	}
.style3 {
	font-size: 1em;
	font-family: Arial, Helvetica, sans-serf;
	color: #1c13be;
	}
	
.style32 {
	font-size: 1em;
	font-family: Arial, Helvetica, sans-serif;
	color: #1c13be;
	align: left;
	}

.address{
	
	font-size: 1em;
	font-family: Arial, Helvetica, sans-serf;
	color: #1c13be;
	font-weight: bold;
	}



/* route design links start here */
.home {
	position: absolute;
	top: 0px;
	left: 0px;
	}

.route1 {
	position: absolute;
	top: 47px;
	left: 0px;
	}
.route2 {
	position: absolute;
	top: 91px;
	left: 0px;
	}
.route3 {
	position: absolute;
	top: 133px;
	left: 0px;
	}
.route4 {
	position: absolute;
	top: 176px;
	left: 0px;
	}
.route5 {
	position: absolute;
	top: 220px;
	left: 0px;
	}
.route6 {
	position: absolute;
	top: 265px;
	left: 0px;
	}
.route7 {
	position: absolute;
	top: 308px;
	left: 0px;
	}
.route8 {
	position: absolute;
	top: 351px;
	left: 0px;
	}
.route9 {
	position: absolute;
	top: 394px;
	left: 0px;
	}
.route10 {
	position: absolute;
	top: 437px;
	left: 0px;
	}
.route11 {
	position: absolute;
	top: 483px;
	left: 0px;
	}
.route12 {
	position: absolute;
	top: 527px;
	left: 0px;
	}
.route13 {
	position: absolute;
	top: 572px;
	left: 0px;
	}
.route14 {
	position: absolute;
	top: 615px;
	left: 0px;
	}
.route15 {
	position: absolute;
	top: 662px;
	left: 0px;
	}
.style6 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	color: #FF0000;
	font-weight: bold;
	}
.fltrt { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
	float: right;
	margin: 250px;
}
.fltlft { /* this class can be used to float an element left in your page */
	float: left;
}

.image {
	position: absolute;
	top: 240px;
	left: 245px;
	}
#primary_fares {
	top: 600px;
	left: 215px;
	}