@charset "utf-8";
/* CSS Document */
/*CSS for the new site*/

a:link {
	
	font-family:Arial, Helvetica, sans-serif;
	color: #ff0000;
	text-decoration: underline;
}
a:visited {
	
	font-family: Arial, Helvetica, sans-serif;
	color: #ff0000;
	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; 
 	background repeat: no-repeat;
	}
#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: .0em;
	left: .0em;
	width: 100%;
	text-align: center;
	}
	
#sidebar1 {
	position: absolute;
	top: 300px;
	left: 0px;
	width: 20%;
	float: left;

	}

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

	}
#sidebar1c {
	position: absolute;
	top: 250px;
	left: 10px;
	width: 20%;
	float: left;
 	
	}
#sidebar2 {
	position: absolute;
	top: 300px;
	right: 0px;
	width: 20%;
	float: right;
	}
#content {
	position: absolute;
	top: 240px;
	left: 215px;
	width: 57%;
	float: right;
	margin: 0em;
	}
#content1 {
	position: absolute;
	top: 210px;
	left: 245px;
	width: 70%;
	float: right;
	}
#content1a {
	position: absolute;
	top: 240px;
	left: 240px;
	width: 70%;
	float: right;
	}
#content1b {
	position: absolute;
	top: 300px;
	left: 240px;
	width: 70%;
	float: right;
	}
#content1c {
	position: absolute;
	top: 280px;
	left: 240px;
	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: 0px;
	left: 250px;
	margin: 0px;
	}

/* text  */
.redtext4 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 2em;
	font-weight: bold;
	color: #ff0000;
	
	}
.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;  
	
	}
.whitetext2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.5em;
	color: #ffffff;
	font-weight: bold;	
	}				
.style3a {
	font-size: 1em;
	font-family: Arial, Helvetica, sans-serf;
	font-weight: bold;
	color: #1c13be;
	}
.style32 {
	font-size: 8pt;
	font-family: Arial, Helvetica, sans-serf;	
	color: #1c13be;
	text-align: center;
	}
.green {
	font-size: 1em;
	font-family: Arial, Helvetica, sans-serf;
	font-weight: bold;
	color: #006600;
	}
.style25 {
	font-size: 1em;
	font-family: Arial, Helvetica, sans-serf;
	font-weight: bold;
	color: #1c13be;
	}
	
.address{
	width: 100%;
	font-size: 1em;
	font-family: Arial, Helvetica, sans-serf;
	color: #1c13be;
	font-weight: bold;
	text-align: center;
	}

/* positions of the menu links */
.home {
	position: absolute;
	top: 0px;
	left: 0px;
	}
.info {
	position: absolute;
	top: 42px;
	left: 0px;
	}
.maps {
	position: absolute;
	top: 83px;
	left: 0px;
	}
.news {
	position: absolute;
	top: 124px;
	left: 0px;
	}
.yourride {
	position: absolute;
	top: 164px;
	left: 0px;
	}
.transwatch {
	position: absolute;
	top: 205px;
	left: 0px;
	}
.cs {
	position: absolute;
	top: 247px;
	left: 0px;
	}
.jobs {
	position: absolute;
	top: 289px;
	left: 0px;
	}
.dbe {
	position: absolute;
	top: 328px;
	left: 0px;
	}
.holiday {
	position: absolute;
	top: 368px;
	left: 0px;
	}
.translinks {
	position: absolute;
	top: 410px;
	left: 0px;
	}
.faq {
	position: absolute;
	top: 451px;
	left: 0px;
	}
.site {
	position: absolute;
	top: 503px;
	left: 0px;
	}
/* link design stops here */

/* route design links start here */

.route1 {
	position: absolute;
	top: 42px;
	left: 0px;
	}
.route2 {
	position: absolute;
	top: 86px;
	left: 0px;
	}
.route3 {
	position: absolute;
	top: 128px;
	left: 0px;
	}
.route4 {
	position: absolute;
	top: 171px;
	left: 0px;
	}
.route5 {
	position: absolute;
	top: 215px;
	left: 0px;
	}
.route6 {
	position: absolute;
	top: 260px;
	left: 0px;
	}
.route7 {
	position: absolute;
	top: 289px;
	left: 0px;
	}
.route8 {
	position: absolute;
	top: 328px;
	left: 0px;
	}
.route9 {
	position: absolute;
	top: 368px;
	left: 0px;
	}
.route10 {
	position: absolute;
	top: 410px;
	left: 0px;
	}
.route11 {
	position: absolute;
	top: 451px;
	left: 0px;
	}
.route12 {
	position: absolute;
	top: 503px;
	left: 0px;
	}
.route13 {
	position: absolute;
	top: 555px;
	left: 0px;
	}
.route14 {
	position: absolute;
	top: 607px;
	left: 0px;
	}
.route15 {
	position: absolute;
	top: 659px;
	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: 175px;
}
.fltlft { /* this class can be used to float an element left in your page */
	float: left;
}
.redbar {
	top: 255px;
	length: 75%;
	color: #FF0000;
	width: 3px;
	}
.image {
	position: absolute;
	top: 240px;
	left: 245px;
	}

.picture2 {
	position: absolute;
	top: 445px;
	left: 25px;
	width: 275px;
	}
.picture3 {
	position: absolute;
	top: 445px;
	left: 375px;
	width: 275px;
	}
.picture4 {
	position: absolute;
	top: 795px;
	left: 25px;
	width: 275px;
	}
.picture5 {
	position: absolute;
	top: 795px;
	left: 375px;
	width: 275px;
	}
.picture6 {
	position: absolute;
	top: 1145px;
	left: 25px;
	width: 275px;
	}
.picture7 {
	position: absolute;
	top: 1145px;
	left: 375px;
	width: 275px;
	}
.picture8 {
	position: absolute;
	top: 1520px;
	left: 25px;
	width: 275px;
	}
.picture9 {
	position: absolute;
	top: 1520px;
	left: 375px;
	width: 275px;
	}	
.picture10 {
	position: absolute;
	top: 1895px;
	left: 200px;
	width: 275px;
	}
/* Your ride menu spacing */
.scheduletrip {
	position: absolute;
	top: 49px;
	left: 0px;
	}
.doorthrudoor {
	position: absolute;
	top: 94px;
	left: 0px;
	}
.IVRcard {
	position: absolute;
	top: 141px;
	left: 0px;
	}
.YRcenter {
	position: absolute;
	top: 188px;
	left: 0px;
	}
.imgr {
	
	float: right;
	width: 175px;
	height: 150px;
	
	}
.imgr1 {
	
	float: right;
	width: 250px;
	height: 200px;
	
	}
.imgl {
	
	float: left;
	width: 175px;
	height: 150px;
	}
.imgl1 {
	
	float: left;
	width: 200px;
	height: 150px;
	}
.dateline {
	font:Georgia, "Times New Roman", Times, serif;
	font-size: 1em;
	color:#FF0000;
	font-weight: bold;
	}
.disclaimer {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.5em;
	color: #1c13be;
	align: center;
	}