/* ------------------------------------------
  START ALL STYLES HERE...all pages
--------------------------------------------- */
@import url("new-menu.css");
html, body {
	height: 100%;
	margin: 0px;
	padding: 0px;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
	text-size-adjust: 100%;
	font-size: 100%;
	background-color: #FFF;
	color: #69C;
	font-family: 'Lato', Verdana, Geneva, sans-serif;
}
.wrapper {
	width: 100%;
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -74px;
}
#header-container {
	display: block;
	margin: auto;
	padding: 0px;
	float: left;
	width: 100%;
	border-bottom-width: 8px;
	border-bottom-style: solid;
	border-bottom-color: #990000;
	background-image: url(../img/header-fill.jpg);
	background-repeat: repeat-y;
	background-position: center top;
	border-top-width: 15px;
	border-top-style: solid;
	border-top-color: #406496;
	height: 189px;
}
#header-content {
	display: block;
	margin-right: auto;
	margin-left: auto;
	width: 1024px;
	height: 147px;
	background-image: url(../img/header-photo.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	padding: 0px;
}
#header-col-1 {
	display: block;
	margin: 0px;
	width: 258px;
	float: left;
	padding-top: 20px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 27px;
	clear: none;
	height: 100px;
}
#header-col-2 {
	display: block;
	margin: 0px;
	width: 612px;
	height: auto;
	float: left;
	padding-top: 33px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 44px;
	clear: right;
	text-align: right;
}
#header-col-3 {
	display: block;
	margin: 0px;
	width: 100%;
	height: 20px;
	float: none;
	clear: right;
	padding: 0px;
	text-align: right;
}
.home-button {
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	text-shadow: rgba(0,0,0,.4) 0 1px 0;
	color: white;
	font-size: 12pt;
	font-family: 'Lato', sans-serif;
	text-decoration: none;
	vertical-align: middle;
	background-color: #CC0000;
	padding-top: 9px;
	padding-right: 12px;
	padding-bottom: 9px;
	padding-left: 12px;
	margin-left: 2px;
	text-transform: uppercase;
	border: 1px solid #660000;
   }
.home-button:hover {
	background: #406496;
	color: #fff;
   }
.home-button:active {
   background: #1b435e;
   }
#social-container {
	display: block;
	margin: 0px;
	width: 240px;
	float: none;
	clear: both;
	text-align: center;
	padding-top: 17px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
#menu-container {
	display: block;
	margin: auto;
	padding: 0px;
	height: 40px;
	width: 100%;
	clear: both;
	background-color: #FFFFFF;
	border-top-width: 2px;
	border-top-style: solid;
	border-top-color: #FF0000;
}
#menu-cms-edit {
	height: auto;
	width: auto;
	margin: 0px;
	padding: 0px;
}
#content-wrapper {
	display: block;
	margin: 0px;
	float: left;
	height: 100%;
	width: 100%;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 20px;
	padding-left: 0px;
	position: relative;
	z-index: 0;
}
#sliding-messages-wrapper {
	width: 100%;
	position: relative;
	z-index: -1;
}
#sliding-messages-container {
	width: 100%;
	position: relative;
	margin: 0px;
	padding: 0px;
}
#slide-unit {
	width: 100%;
	position: relative;
	margin: 0px;
	padding: 0px;
}
#content {
	display: block;
	margin: auto;
	width: 960px;
	padding: 0px;
}
#feedback {
	display: block;
	width: 640px;
	padding: 0px;
	clear: both;
	position: absolute;
	z-index: 99;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	float: none;
	left: 0px;
}
#sidebox {
	position: absolute;
	left: -270px;
	top: 10px;
	width: 300px;
	height: auto;
}
#sidebox .feedback-content {
	float: left;
	width: 228px;
	height: auto;
	background-color: #F0F0F0;
	-webkit-border-top-left-radius: 0px;
	-moz-border-radius-topleft: 0px;
	border-top-left-radius: 0px;
	-webkit-border-top-right-radius: 0px;
	-moz-border-radius-topright: 0px;
	border-top-right-radius: 0px;
	-webkit-border-bottom-right-radius: 6px;
	-moz-border-radius-bottomright: 6px;
	border-bottom-right-radius: 6px;
	-webkit-border-bottom-left-radius: 0px;
	-moz-border-radius-bottomleft: 0px;
	border-bottom-left-radius: 0px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: none;
	border-top-color: #333;
	border-right-color: #333;
	border-bottom-color: #333;
	padding-top: 10px;
	padding-right: 20px;
	padding-bottom: 0px;
	padding-left: 20px;
	font-family: 'Lato', Verdana, Geneva, sans-serif;
	font-size: 16px;
	line-height: normal;
	font-weight: 400;
	color: #036;
}
#sidebox .tab {
	background-color: #CC0000;
	cursor: pointer;
	float: right;
	width: 30px;
	height: 110px;
	background-image: url(../img/feedback-text.png);
	background-repeat: no-repeat;
	background-position: center center;
	-webkit-border-top-left-radius: 0px;
	-moz-border-radius-topleft: 0px;
	border-top-left-radius: 0px;
	-webkit-border-top-right-radius: 6px;
	-moz-border-radius-topright: 6px;
	border-top-right-radius: 6px;
	-webkit-border-bottom-right-radius: 6px;
	-moz-border-radius-bottomright: 6px;
	border-bottom-right-radius: 6px;
	-webkit-border-bottom-left-radius: 0px;
	-moz-border-radius-bottomleft: 0px;
	border-bottom-left-radius: 0px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: none;
	border-top-color: #333;
	border-right-color: #333;
	border-bottom-color: #333;
}
div.scroll {
	width: 95%;
	height: 530px;
	overflow-x: hidden;
	overflow-y: scroll;
	margin: 0px;
	padding-top: 0%;
	padding-right: 5%;
	padding-bottom: 0%;
	padding-left: 0%;
}
.scroll a {
	color: #C00;
	text-decoration: none;
}
.scroll h1 {
	font-family: 'Lato', sans-serif;
	font-size: 18px;
	line-height: 1em;
	color: #C00;
	margin: 0px;
	font-weight: 700;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 15px;
	padding-left: 0px;
}
.scroll h2 {
	font-family: 'Lato', sans-serif;
	font-size: 11pt;
	line-height: 1.5em;
	color: #333;
	margin: 0px;
	font-weight: 700;
	padding: 0px;
	float: left;
	clear: both;
}
.home-news-text {
	text-align: left;
	font-family: 'Lato', sans-serif;
	font-size: 11pt;
	color: #666;
	width: 100%;
	font-weight: 400;
	margin: 0px;
	line-height: 1.325em;
	float: left;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 0px;
}
img {
	max-width: 100%;
}
.image-on-off {
	max-width: 100%;
}
#content-col-1 {
	display: block;
	width: 240px;
	float: left;
	clear: none;
	height: auto;
	text-align: left;
	margin-top: 0px;
	margin-right: 20px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding: 0px;
}
#content-col-2 {
	display: block;
	width: 440px;
	height: auto;
	float: left;
	clear: none;
	text-align: left;
	margin: 0px;
	padding: 0px;
}
#content-col-3 {
	display: block;
	margin: 0px;
	width: 240px;
	height: auto;
	float: left;
	clear: right;
	text-align: left;
	background-color: #CCC;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 20px;
}
#page-intro-container {
	display: block;
	float: none;
	width: 100%;
	clear: both;
	border-bottom-width: 10px;
	border-bottom-style: solid;
	border-bottom-color: #E4E4E4;
	margin-bottom: 20px;
	background-image: url(../img/page-intro-fill.jpg);
	background-repeat: repeat-x;
	background-position: left top;
	height: 81px;
}
#page-intro {
	display: block;
	width: 960px;
	clear: both;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}
#page-intro-links-container {
	display: block;
	width: 50%;
	clear: none;
	float: right;
	margin: 0px;
	padding-top: 18px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
h1.page-intro {
	font-family: 'Lato', sans-serif;
	color: #D71820;
	text-transform: uppercase;
	font-size: 2em;
	line-height: 80px;
	font-weight: 400;
	text-shadow: 1px 1px 1px #FFF;
	margin: 0px;
	padding: 0px;
	text-align: left;
}
h2.page-headline {
	font-family: 'Lato', sans-serif;
	color: #D71820;
	font-size: 1.5em;
	font-weight: 400;
	text-shadow: 1px 1px 1px #FFF;
	margin: 0px;
	text-align: left;
	line-height: 120%;
	padding: 0px;
}
h3.page-head {
	font-family: 'Lato', sans-serif;
	color: #FFFFFF;
	font-size: 1.125em;
	font-weight: 400;
	text-align: left;
	background-color: #406496;
	display: block;
	clear: both;
	padding-left: 15px;
	line-height: 2.25em;
	margin-bottom: 5px;
}
.float-right {
	text-decoration: none;
	margin: 0px;
	float: right;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 20px;
}
.text-page {
	font-family: 'Lato', Verdana, Geneva, sans-serif;
	font-size: 1em;
	line-height: 1.375em;
	font-weight: 400;
	color: #666;
	list-style-position: outside;
	list-style-type: square;
	margin-bottom: 15px;
	margin-top: 10px;
	margin-right: 0px;
	margin-left: 0px;
	padding: 0px;
}
.text-page p{
	font-family: 'Lato', Verdana, Geneva, sans-serif;
	font-size: 1em;
	line-height: 1.375em;
	font-weight: 400;
	color: #666;
	list-style-position: outside;
	list-style-type: square;
	margin-bottom: 15px;
	margin-top: 10px;
	margin-right: 0px;
	margin-left: 0px;
	padding: 0px;
}
.text-page-small-blue {
	font-family: 'Lato', Verdana, Geneva, sans-serif;
	font-size: 0.875em;
	line-height: 1em;
	font-weight: 400;
	color: #069;
	list-style-position: inside;
	list-style-type: square;
	margin-bottom: 15px;
	padding: 0px;
	margin-top: 10px;
	margin-right: 0px;
	margin-left: 0px;
}
ol li.text-page{
	list-style-position: outside;
	list-style-type: square;
	color: #666;
	margin-bottom: 15px;
}
ul li.text-page {
	list-style-position: outside;
	list-style-type: square;
	color: #666;
	margin: 0px;
}
#page-col-1 {
	display: block;
	width: 45%;
	float: left;
	height: auto;
	text-align: left;
	margin-right: 5%;
}
#page-col-2 {
	display: block;
	width: 50%;
	float: left;
	height: auto;
	text-align: left;
	clear: right;
	margin: 0px;
	padding: 0px;
}
#page-col-full {
	display: block;
	width: 100%;
	float: left;
	height: auto;
	text-align: left;
	clear: right;
	border-bottom-width: 4px;
	border-bottom-style: solid;
	border-bottom-color: #E4E4E4;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 20px;
	margin-left: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 20px;
	padding-left: 0px;
}
#page-careers-col-full {
	display: block;
	width: 92%;
	float: left;
	height: auto;
	text-align: left;
	clear: right;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
	padding-top: 10px;
	padding-right: 4%;
	padding-bottom: 5px;
	padding-left: 4%;
}
#page-careers-col-full a{
	text-decoration: underline;
}
#page-careers-col-full a:hover {
	text-decoration: underline;
	color: #FF0000;
}
#page-col-full-col-1 {
	width: 460px;
	float: left;
	height: auto;
	text-align: left;
	padding: 0px;
	clear: none;
	margin-top: 0px;
	margin-right: 20px;
	margin-bottom: 0px;
	margin-left: 0px;
	position: relative;
}
#page-col-third-page {
	width: 320px;
	font-family: 'Lato', Verdana, Geneva, sans-serif;
	color: #666666;
	font-size: 1em;
	font-weight: 400;
	text-transform: capitalize;
	height: 165px;
	line-height: 1.25em;
	text-align: center;
	display: table-cell;
	float: left;
	vertical-align: middle;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	background-color: #EBEBEB;
	text-decoration: none;
	}
#page-col-third-page-logos {
	width: 320px;
	height: 165px;
	display: table-cell;
	vertical-align: middle;
	border: 0px;
	text-align: center;
	text-decoration: none;
}
#page-col-quarter-page-1 {
	width: 237px;
	float: left;
	text-align: center;
	clear: none;
	margin-top: 0%;
	margin-right: 3px;
	margin-bottom: 0px;
	margin-left: 0px;
	background-image: url(../img/twitter-for-students.png);
	background-repeat: no-repeat;
	background-position: center center;
	font-family: 'Lato', Verdana, Geneva, sans-serif;
	color: #CC0000;
	font-size: 1.5em;
	background-color: #F1F1F1;
	font-weight: 400;
	text-transform: uppercase;
	height: 150px;
	line-height: 1.25em;
	padding-top: 87px;
}
#page-col-quarter-page-2 {
	width: 227px;
	float: left;
	height: 150px;
	text-align: center;
	clear: none;
	margin-top: 0px;
	margin-right: 3px;
	margin-bottom: 0px;
	margin-left: 0px;
	position: relative;
	background-image: url(../img/twitter-for-riders.png);
	background-repeat: no-repeat;
	background-position: center center;
	font-family: 'Lato', Verdana, Geneva, sans-serif;
	color: #CC0000;
	font-size: 1.5em;
	background-color: #F1F1F1;
	text-transform: uppercase;
	line-height: 1.25em;
	padding-top: 87px;
	padding-right: 5px;
	padding-left: 5px;
}
#page-col-quarter-page-3 {
	width: 217px;
	float: left;
	height: 150px;
	text-align: center;
	clear: none;
	margin-top: 0px;
	margin-right: 3px;
	margin-bottom: 0px;
	margin-left: 0px;
	position: relative;
	background-image: url(../img/facebook.png);
	background-repeat: no-repeat;
	background-position: center center;
	font-family: 'Lato', Verdana, Geneva, sans-serif;
	color: #C60000;
	font-size: 1.5em;
	background-color: #F1F1F1;
	text-transform: uppercase;
	line-height: 1.25em;
	padding-top: 87px;
	padding-right: 10px;
	padding-left: 10px;
}
#page-col-quarter-page-4 {
	width: 197px;
	float: left;
	height: 150px;
	text-align: center;
	clear: none;
	margin-top: 0px;
	margin-right: 3px;
	margin-bottom: 0px;
	margin-left: 0px;
	position: relative;
	background-image: url(../img/youtube.png);
	background-repeat: no-repeat;
	background-position: center center;
	font-family: 'Lato', Verdana, Geneva, sans-serif;
	color: #C60000;
	font-size: 1.5em;
	background-color: #F1F1F1;
	text-transform: uppercase;
	line-height: 1.25em;
	padding-top: 87px;
	padding-right: 20px;
	padding-left: 20px;
}
#page-col-full-col-2 {
	display: block;
	width: 50%;
	float: left;
	height: auto;
	text-align: left;
	margin: 0px;
	padding: 0px;
	clear: right;
}
.push {
	clear: both;
	height: -74px;
	margin: 0px;
	padding: 0px;
}
.boxgrid h3{
	color: #FFF;
	font-weight: 700;
	font-family: 'Lato', Verdana, Geneva, sans-serif;
	font-size: 16pt;
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 12px;
	padding-left: 33px;
	background-image: url(../img/box-icon.png);
	background-repeat: no-repeat;
	background-position: 0px top;
}
.boxgrid h4 {
	color: #FFF;
	font-weight: 400;
	font-family: 'Lato', Verdana, Geneva, sans-serif;
	font-size: 14pt;
	margin: 0px;
	padding-left: 10px;
}
			
.boxgrid{
	width: 460px;
	height: 340px;
	overflow: hidden;
	background-color: #3F6496;
	padding-top: 12px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 0px;
	background-image: url(../img/footer-fill.png);
	background-repeat: repeat-x;
	background-position: left -5px;
	position: relative;
			}
.boxgrid img{
	position: absolute;
	top: 45px;
	left: 0;
	border: 0;
				}
.boxgrid p{
	color: #FFFFFF;
	font-weight: 400;
	font-family: 'Lato', Verdana, Geneva, sans-serif;
	font-size: 12pt;
	padding-left: 10px;
				}
				
.boxgrid li {
	color: #FFFFFF;
	font-weight: 400;
	font-family: 'Lato', Verdana, Geneva, sans-serif;
	font-size: 12pt;
	list-style-position: outside;
	list-style-type: square;
}
.boxgrid a {
	color: #99FFFF;
	font-weight: 400;
	text-decoration: none;
}
.footer  {
	background-color: #3F6496;
	clear: both;
	height: 50px;
	padding-top: 24px;
	margin: 0px;
	background-image: url(../img/footer-fill.png);
	background-repeat: repeat-x;
	background-position: left top;
	width: 100%;
	float: left;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}

#footer-container {
	width: 960px;
	display: block;
	padding: 0px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	float: none;
}
#footer-column-1 {
	width: 100%;
	font-family: 'Lato', Verdana, Geneva, sans-serif;
	color: #FFF;
	font-size: 12px;
	text-align: center;
	display: block;
	margin: auto;
	line-height: 49px;
	padding: 0px;
	float: left;
}
#footer-column-2 {
	width: auto;
	text-align: center;
	display: block;
	margin: 0px;
	padding: 0px;
	line-height: 49px;
	height: auto;
	float: left;
}
.offscreen {
	position: absolute;
	top: auto;
	width: 1px;
	height: 1px;
	left: -10000px;
	overflow: hidden;
}
.bus-passes-butn {
	background-color: #406496;
	text-indent: 0;
	border: 1px solid #333366;
	display: inline-block;
	color: #ffffff;
	font-family: 'Lato', Verdana, Geneva, sans-serif;
	font-size: 20px;
	font-weight: 400;
	height: 69px;
	line-height: 69px;
	width: 190px;
	text-decoration: none;
	text-align: center;
	text-shadow: 1px 1px 0px #528ecc;
	letter-spacing: 0.125em;
	background-image: url(../img/bus-passes-icon.png);
	background-position: 10px center;
	background-repeat: no-repeat;
	padding-left: 45px;
}.bus-passes-butn:hover {
	background-color:#378de5;
}.bus-passes-butn:active {
	position:relative;
	top:1px;
}
.language-butn, active {
	background-color: #406496;
	text-indent: 0;
	-webkit-border-top-left-radius: 0px;
	-moz-border-radius-topleft: 0px;
	border-top-left-radius: 0px;
	-webkit-border-top-right-radius: 0px;
	-moz-border-radius-topright: 0px;
	border-top-right-radius: 0px;
	-webkit-border-bottom-right-radius: 6px;
	-moz-border-radius-bottomright: 6px;
	border-bottom-right-radius: 6px;
	-webkit-border-bottom-left-radius: 6px;
	-moz-border-radius-bottomleft: 6px;
	border-bottom-left-radius: 6px;
	display: inline-block;
	color: #ffffff;
	font-family: 'Lato', Verdana, Geneva, sans-serif;
	font-size: 10pt;
	font-weight: 400;
	width: 237px;
	text-decoration: none;
	text-align: center;
	text-shadow: 1px 1px 0px #528ecc;
	letter-spacing: 0.25em;
	margin: 0px;
	padding: 0px;
	position: relative;
	top: -10px;
	height: 25px;
}

.text-home {
	font-family: Lato, Verdana, Geneva, sans-serif;
	font-size: 14px;
	line-height: normal;
	font-weight: 400;
	color: #666;
	margin: 0px;
	padding-top: 10px;
	padding-right: 2%;
	padding-bottom: 0px;
	padding-left: 2%;
	text-align: center;
	width: 96%;
	float: none;
}
#map-your-route-container {
	display: block;
	width: 240px;
	height: auto;
	float: left;
	clear: right;
	text-align: left;
	background-image: -webkit-linear-gradient(270deg,rgba(207,227,247,1.00) 0%,rgba(255,255,255,1.00) 100%);
	background-image: -moz-linear-gradient(270deg,rgba(207,227,247,1.00) 0%,rgba(255,255,255,1.00) 100%);
	background-image: -o-linear-gradient(270deg,rgba(207,227,247,1.00) 0%,rgba(255,255,255,1.00) 100%);
	background-image: linear-gradient(180deg,rgba(207,227,247,1.00) 0%,rgba(255,255,255,1.00) 100%);
	background-color: #cfe3f7;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 20px;
	padding: 0px;
}
#map_route_header {
	font-family: 'lato', Verdana, Geneva, sans-serif;
	font-size: 1.0625em;
	font-weight: 700;
	color: #FFF;
	text-transform: uppercase;
	background-color: #C00;
	display: block;
	width: 100%;
	text-align: center;
	letter-spacing: .1em;
	line-height: 2em;
	margin: 0px;
	padding: 0px;
}
.route_text {
	font-family: 'Lato', Verdana, Geneva, sans-serif;
	font-size: 1em;
	font-weight: 400;
	color: #036;
	margin: 0px;
	padding: 0px;
	float: left;
	text-align: left;
}
#fuel-calculator_header {
	font-family: 'lato', Verdana, Geneva, sans-serif;
	font-size: 1em;
	font-weight: 700;
	color: #FFFFFF;
	text-transform: uppercase;
	background-color: #3F6496;
	display: block;
	width: 100%;
	text-align: center;
	line-height: 2em;
	padding: 0px;
	margin: 0px;
	border-top-width: 6px;
	border-top-style: solid;
	border-top-color: #FFFFFF;
}
input[type=submit] {
	border: 1px solid #990000;
	color: #fff;
	border-radius: 3px;
	background-color: #CC0000;
	font-size: 16px;
	font-family: lato;
	text-transform: uppercase;
	padding-top: 7px;
	padding-right: 10px;
	padding-bottom: 7px;
	padding-left: 10px;
}
input[type=submit]:hover {
	background-color: #3F6496;
}
h1.home {
	font-family: 'Lato', Verdana, Geneva, sans-serif;
	font-size: 2.5em;
	font-weight: 400;
	color: #0071bc;
	text-align: center;
	line-height: 1.5em;
}
h2.home {
	font-family: 'Lato', Verdana, Geneva, sans-serif;
	font-size: 1.25em;
	font-weight: 700;
	color: #0071bc;
	margin: 0px;
	padding: 0px;
	text-align: center;
	line-height: 1.25em;
	width: 100%;
	display: block;
}
.whitelink:link {
	color: #FFF;
	text-decoration: none;
}.whitelink:visited {
	color: #FFF;
}
.whitelink:hover {
	color: #99FFCC;
}
.whitelink:active {
	color: #FFFFFF;
}
a {
	color: #CC0000;
	text-decoration: none;
}
.pagelink:link {
	color: #CC0000;
	text-decoration: none;
}
.pagelink:visited {
	color: #CC0000;
}
.pagelink:hover {
	color: #F30;
}
.pagelink:active {
	color: #CC0000;
}
.pagesub:link {
	color: #006699;
	text-decoration: none;
}
.pagesub:visited {
	color: #006699;
}
.pagesub:hover {
	color: #C00;
}
.pagesub:active {
	color: #006699;
}
.pagetoplink {
	color: #CC0000;
	text-decoration: none;
	text-align: center;
	font-size: .85em;
	line-height: 2em;
	font-family: 'Lato', Verdana, Geneva, sans-serif;
	text-transform: uppercase;
	display: block;
	letter-spacing: .1em;
}
.pagetoplink:link {
	color: #CC0000;
	text-decoration: none;
}
.pagetoplink:visited {
	color: #CC0000;
}
.pagetoplink:hover {
	color: #F30;
}
.pagetoplink:active {
	color: #CC0000;
}
img {
	max-width: 100%;
	border: 0;
}
.video-container {
	position: relative;
	padding-bottom: 56.25%;
	padding-top: 50px;
	height: 0;
	overflow: hidden;
	float: none;
	clear: both;
	margin-bottom: 20px;
	padding-left: 0px;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	padding-right: 0px;
}

.video-container iframe,  
.video-container object,  
.video-container embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

/* ------------------------------------------
  START RESPONSIVE STYLES HERE...
--------------------------------------------- */

@media screen and (max-width: 960px) {
.max-width-960-AND-NAV-------------------------------- {
	text-decoration: none;
}
#header-container {
	display: block;
	margin: auto;
	padding: 0px;
	float: left;
	width: 100%;
	border-bottom-width: 8px;
	border-bottom-style: solid;
	border-bottom-color: #990000;
	background-image: none;
	background-repeat: repeat-y;
	background-position: center top;
	border-top-width: 15px;
	border-top-style: solid;
	border-top-color: #406496;
	height: auto;
}
#header-content {
	display: block;
	margin: 0px;
	width: 100%;
	height: 145px;
	background-image: url(../img/header-photo.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	padding: 0px;
	float: left;
}
#header-col-1 {
	display: block;
	margin-top: auto;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: auto;
	width: 280px;
	float: none;
	padding-top: 22px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 27px;
	clear: both;
	border-top-width: 0px;
	height: auto;
	position: relative;
}
#header-col-2 {
	display: block;
	width: 96%;
	height: 35px;
	float: right;
	clear: none;
	text-align: center;
	vertical-align: middle;
	margin-top: 20px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-top: 0px;
	padding-right: 24px;
	padding-bottom: 0px;
	padding-left: 0px;
}
#header-col-3 {
	display: block;
	margin-top: auto;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: auto;
	width: 199px;
	height: auto;
	float: right;
	text-align: left;
	padding-top: 0px;
	padding-right: 42px;
	padding-bottom: 0px;
	padding-left: 0px;
	position: absolute;
	top: 0px;
	right: 0px;
}
#content-col-1 {
	display: block;
	width: 220px;
	float: left;
	clear: none;
	height: auto;
	text-align: left;
	margin: 0px;
	padding-top: 0px;
	padding-right: 20px;
	padding-bottom: 0px;
	padding-left: 20px;
}
#content-col-2 {
	display: block;
	width: 440px;
	height: auto;
	float: left;
	clear: none;
	text-align: left;
	margin: 0px;
	padding: 0px;
}
#content {
	display: block;
	width: 100%;
	padding: 0px;
	margin: 0px;
}
#map-your-route-container {
	display: block;
	width: 220px;
	height: auto;
	float: left;
	clear: right;
	text-align: left;
	background-image: -webkit-linear-gradient(270deg,rgba(207,227,247,1.00) 0%,rgba(255,255,255,1.00) 100%);
	background-image: -moz-linear-gradient(270deg,rgba(207,227,247,1.00) 0%,rgba(255,255,255,1.00) 100%);
	background-image: -o-linear-gradient(270deg,rgba(207,227,247,1.00) 0%,rgba(255,255,255,1.00) 100%);
	background-image: linear-gradient(180deg,rgba(207,227,247,1.00) 0%,rgba(255,255,255,1.00) 100%);
	background-color: #cfe3f7;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 20px;
}
#map_route_header {
	font-family: 'lato', Verdana, Geneva, sans-serif;
	font-size: 1.0625em;
	font-weight: 700;
	color: #FFF;
	text-transform: uppercase;
	background-color: #C00;
	display: block;
	width: 100%;
	text-align: center;
	letter-spacing: .1em;
	line-height: 2em;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
.route_text {
	font-family: 'Lato', Verdana, Geneva, sans-serif;
	font-size: 1em;
	font-weight: 400;
	color: #036;
	margin: 0px;
	padding: 0px;
	float: left;
	text-align: left;
} 
#social-container {
	display: block;
	margin: auto;
	float: none;
	clear: both;
	text-align: center;
	padding-top: 17px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	width: 100%;
}
#menu-container {
	display: block;
	width: 100%;
	clear: both;
	margin-top: 96px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	float: left;
	position: absolute;
	z-index: 100;
	padding-top: 0px;
	padding-right: 0px;
	padding-left: 0px;
	padding-bottom: 0px;
	height: auto;
	border-top-width: none;
	border-top-style: none;
}
#feedback {
	display: block;
	width: 425px;
	padding: 0px;
	clear: both;
	position: absolute;
	z-index: 99;
	margin-top: -8px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	float: none;
	left: 0px;
}
#page-col-quarter-page-1 {
	width: 237px;
	float: left;
	text-align: center;
	clear: none;
	margin-top: 0%;
	margin-right: 3px;
	margin-bottom: 0px;
	margin-left: 0px;
	background-image: url(../img/twitter-for-students.png);
	background-repeat: no-repeat;
	background-position: center center;
	font-family: 'Lato', Verdana, Geneva, sans-serif;
	color: #CC0000;
	font-size: 1.5em;
	background-color: #F1F1F1;
	font-weight: 400;
	text-transform: uppercase;
	height: 150px;
	line-height: 1.25em;
	padding-top: 87px;
	padding-right: 0px;
	padding-left: 0px;
}
#page-col-quarter-page-2 {
	width: 237px;
	float: left;
	height: 150px;
	text-align: center;
	clear: none;
	margin-top: 0px;
	margin-right: 3px;
	margin-bottom: 0px;
	margin-left: 0px;
	position: relative;
	background-image: url(../img/twitter-for-riders.png);
	background-repeat: no-repeat;
	background-position: center center;
	font-family: 'Lato', Verdana, Geneva, sans-serif;
	color: #CC0000;
	font-size: 1.5em;
	background-color: #F1F1F1;
	text-transform: uppercase;
	line-height: 1.25em;
	padding-top: 87px;
	padding-right: 0px;
	padding-left: 0px;
}
#page-col-quarter-page-3 {
	width: 237px;
	float: left;
	height: 150px;
	text-align: center;
	clear: none;
	margin-top: 0px;
	margin-right: 3px;
	margin-bottom: 0px;
	margin-left: 0px;
	position: relative;
	background-image: url(../img/facebook.png);
	background-repeat: no-repeat;
	background-position: center center;
	font-family: 'Lato', Verdana, Geneva, sans-serif;
	color: #C60000;
	font-size: 1.5em;
	background-color: #F1F1F1;
	text-transform: uppercase;
	line-height: 1.25em;
	padding-top: 87px;
	padding-right: 0px;
	padding-left: 0px;
}
#page-col-quarter-page-4 {
	width: 237px;
	float: left;
	height: 150px;
	text-align: center;
	clear: none;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	position: relative;
	background-image: url(../img/youtube.png);
	background-repeat: no-repeat;
	background-position: center center;
	font-family: 'Lato', Verdana, Geneva, sans-serif;
	color: #C60000;
	font-size: 1.5em;
	background-color: #F1F1F1;
	text-transform: uppercase;
	line-height: 1.25em;
	padding-top: 87px;
	padding-right: 0px;
	padding-left: 0px;
}
.language-butn, active {
	background-color: #406496;
	-webkit-border-top-left-radius: 0px;
	-moz-border-radius-topleft: 0px;
	border-top-left-radius: 0px;
	-webkit-border-top-right-radius: 0px;
	-moz-border-radius-topright: 0px;
	border-top-right-radius: 0px;
	-webkit-border-bottom-right-radius: 6px;
	-moz-border-radius-bottomright: 6px;
	border-bottom-right-radius: 6px;
	-webkit-border-bottom-left-radius: 6px;
	-moz-border-radius-bottomleft: 6px;
	border-bottom-left-radius: 6px;
	display: block;
	color: #ffffff;
	font-family: 'Lato', Verdana, Geneva, sans-serif;
	font-size: 10pt;
	font-weight: 400;
	width: 100%;
	text-decoration: none;
	text-align: center;
	text-shadow: 1px 1px 0px #528ecc;
	letter-spacing: 0.18725em;
	margin: 0px;
	padding: 0px;
	position: relative;
	top: -5px;
	height: 25px;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	left: 0px;
}
.bus-passes-butn {
	background-color: #406496;
	text-indent: 0;
	border: 1px solid #333366;
	display: inline-block;
	color: #ffffff;
	font-family: 'Lato', Verdana, Geneva, sans-serif;
	font-size: 20px;
	font-weight: 400;
	height: 69px;
	line-height: 69px;
	width: auto;
	text-decoration: none;
	text-align: center;
	text-shadow: 1px 1px 0px #528ecc;
	letter-spacing: 0.125em;
	background-image: none;
	padding-top: 0px;
	padding-right: 30px;
	padding-bottom: 0px;
	padding-left: 30px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 20px;
}
#page-intro-container {
	display: block;
	float: none;
	width: 100%;
	clear: both;
	border-bottom-width: 10px;
	border-bottom-style: solid;
	border-bottom-color: #E4E4E4;
	margin-bottom: 20px;
	background-image: url(../img/page-intro-fill.jpg);
	background-repeat: repeat-x;
	background-position: left top;
	height: 81px;
}
#page-intro {
	display: block;
	width: 90%;
	clear: both;
	margin-top: 0px;
	margin-right: 5%;
	margin-bottom: 0px;
	margin-left: 5%;
}
#page-col-1 {
	display: block;
	width: 40%;
	float: left;
	height: auto;
	text-align: left;
	margin-right: 5%;
	margin-left: 5%;
}
#page-col-2 {
	display: block;
	width: 45%;
	float: left;
	height: auto;
	text-align: left;
	clear: right;
	margin-top: 0px;
	margin-right: 5%;
	margin-bottom: 0px;
	margin-left: 0px;
}
.boxgrid{
	width: auto;
	height: 311px;
	overflow: hidden;
	background-color: #3F6496;
	padding-top: 12px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 0px;
	background-image: url(../img/footer-fill.png);
	background-repeat: repeat-x;
	background-position: left -5px;
	position: relative;
			}
#page-careers-col-full {
	display: block;
	width: 90%;
	float: left;
	height: auto;
	text-align: left;
	clear: right;
	border-bottom-width: 4px;
	border-bottom-style: solid;
	border-bottom-color: #E4E4E4;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 20px;
	margin-left: 0px;
	padding-top: 20px;
	padding-right: 5%;
	padding-bottom: 20px;
	padding-left: 5%;
	background-color: #F1F1F1;
}
#page-col-full {
	display: block;
	width: 90%;
	float: left;
	height: auto;
	text-align: left;
	clear: right;
	border-bottom-width: 4px;
	border-bottom-style: solid;
	border-bottom-color: #E4E4E4;
	margin-top: 0px;
	margin-right: 5%;
	margin-bottom: 20px;
	margin-left: 5%;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 20px;
	padding-left: 0px;
}
#page-col-full-col-1 {
	width: 45%;
	float: left;
	height: auto;
	text-align: left;
	padding: 0px;
	clear: none;
	margin-top: 0px;
	margin-right: 5%;
	margin-bottom: 0px;
	margin-left: 0px;
	position: relative;
}
#page-col-full-col-2 {
	display: block;
	width: 50%;
	float: left;
	height: auto;
	text-align: left;
	padding: 0px;
	clear: right;
	margin: 0px;
}

#footer-container {
	width: 100%;
	display: block;
	padding: 0px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	height: auto;
}
#footer-column-1 {
	width: 100%;
	font-family: 'Lato', Verdana, Geneva, sans-serif;
	color: #FFF;
	font-size: 12px;
	text-align: center;
	display: block;
	margin: 0px;
	line-height: 49px;
	clear: none;
	float: left;
	padding: 0px;
}
#footer-column-2 {
	width: 25%;
	text-align: center;
	display: block;
	margin: 0px;
	padding: 0px;
	clear: right;
	float: right;
	line-height: 49px;
}
}

@media screen and (max-width: 768px) {
.max-width-768-AND-NAV-------------------------------- {
	text-decoration: none;
}
#-header-content {
	display: block;
	margin: 0px;
	width: 100%;
	height: 85px;
	background-image: url(../img/header-photo.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	padding: 0px;
	float: left;
} 
#-header-col-1 {
	display: block;
	margin: 0px;
	width: 194px;
	float: left;
	padding-top: 31px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 20px;
	clear: none;
	border-top-width: 0px;
	height: auto;
}
#header-col-2 {
	display: block;
	width: auto;
	height: 35px;
	float: right;
	clear: none;
	text-align: center;
	vertical-align: middle;
	margin-top: 15px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-top: 6px;
	padding-right: 12px;
	padding-bottom: 0px;
	padding-left: 0px;
}
#header-col-3 {
	display: block;
	margin: 0px;
	width: 222px;
	height: auto;
	float: right;
	text-align: left;
	padding-top: 0px;
	padding-right: 13px;
	padding-bottom: 0px;
	padding-left: 0px;
	position: absolute;
	top: 0px;
	right: 0px;
}
#social-container {
	display: block;
	margin: 0px;
	float: none;
	clear: both;
	text-align: center;
	padding-top: 17px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	width: auto;
}
#-menu-container {
	display: block;
	height: auto;
	width: 100%;
	clear: both;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	float: left;
	position: relative;
	z-index: 100;
}
#feedback {
	display: block;
	width: 450px;
	padding: 0px;
	clear: both;
	position: absolute;
	z-index: 99;
	margin-top: -8px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	float: none;
	left: 0px;
}
.language-butn, active {
	background-color: #406496;
	-webkit-border-top-left-radius: 0px;
	-moz-border-radius-topleft: 0px;
	border-top-left-radius: 0px;
	-webkit-border-top-right-radius: 0px;
	-moz-border-radius-topright: 0px;
	border-top-right-radius: 0px;
	-webkit-border-bottom-right-radius: 6px;
	-moz-border-radius-bottomright: 6px;
	border-bottom-right-radius: 6px;
	-webkit-border-bottom-left-radius: 6px;
	-moz-border-radius-bottomleft: 6px;
	border-bottom-left-radius: 6px;
	display: block;
	color: #ffffff;
	font-family: 'Lato', Verdana, Geneva, sans-serif;
	font-size: 10pt;
	font-weight: 400;
	width: 198px;
	text-decoration: none;
	text-align: center;
	text-shadow: 1px 1px 0px #528ecc;
	letter-spacing: 0.18725em;
	margin: 0px;
	padding: 0px;
	position: relative;
	top: -5px;
	height: 25px;
	float: right;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
}
.bus-passes-butn {
	background-color: #406496;
	text-indent: 0;
	border: 1px solid #333366;
	display: inline-block;
	color: #ffffff;
	font-family: 'Lato', Verdana, Geneva, sans-serif;
	font-size: 20px;
	font-weight: 400;
	height: 69px;
	line-height: 69px;
	width: auto;
	text-decoration: none;
	text-align: center;
	text-shadow: 1px 1px 0px #528ecc;
	letter-spacing: 0.125em;
	margin: 0px;
	background-image: none;
	padding-top: 0px;
	padding-right: 20px;
	padding-bottom: 0px;
	padding-left: 20px;
}
#content {
	display: block;
	width: 100%;
	padding: 0px;
	margin: 0px;
}
#content-col-1 {
	display: block;
	width: 94%;
	float: none;
	height: auto;
	text-align: left;
	clear: both;
	background-color: #F0F0F0;
	padding-top: 20px;
	padding-right: 3%;
	padding-bottom: 20px;
	padding-left: 3%;
	margin-top: -20px;
	margin-right: 0px;
	margin-bottom: 20px;
	margin-left: 0px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCC;
}
div.scroll
{
	width: 97%;
	height: 250px;
	overflow-x: hidden;
	overflow-y: scroll;
	margin: 0px;
	padding-right: 3%;
}
#content-col-2 {
	display: block;
	width: 67.5%;
	height: auto;
	float: left;
	clear: left;
	text-align: left;
	padding: 0px;
	margin-top: 0px;
	margin-right: 2%;
	margin-bottom: 0px;
	margin-left: 3%;
}
#content-col-3 {
	display: block;
	float: left;
	text-align: left;
	clear: none;
	padding: 0px;
	margin: 0px;
}
.route_text {
	font-family: 'Lato', Verdana, Geneva, sans-serif;
	font-size: 1em;
	font-weight: 400;
	color: #036;
	margin: 0px;
	padding: 0px;
	text-align: center;
	display: block;
	float: none;
}
#map-your-route-container {
	display: block;
	width: 25%;
	height: auto;
	float: left;
	clear: right;
	text-align: left;
	background-image: -webkit-linear-gradient(270deg,rgba(207,227,247,1.00) 0%,rgba(255,255,255,1.00) 100%);
	background-image: -moz-linear-gradient(270deg,rgba(207,227,247,1.00) 0%,rgba(255,255,255,1.00) 100%);
	background-image: -o-linear-gradient(270deg,rgba(207,227,247,1.00) 0%,rgba(255,255,255,1.00) 100%);
	background-image: linear-gradient(180deg,rgba(207,227,247,1.00) 0%,rgba(255,255,255,1.00) 100%);
	background-color: #cfe3f7;
	margin: 0px;
	padding: 0px;
}
#map-your-route-container-planner {
	display: block;
	width: 100%;
	height: auto;
	float: left;
	clear: right;
	text-align: left;
	background-image: -webkit-linear-gradient(270deg,rgba(207,227,247,1.00) 0%,rgba(255,255,255,1.00) 100%);
	background-image: -moz-linear-gradient(270deg,rgba(207,227,247,1.00) 0%,rgba(255,255,255,1.00) 100%);
	background-image: -o-linear-gradient(270deg,rgba(207,227,247,1.00) 0%,rgba(255,255,255,1.00) 100%);
	background-image: linear-gradient(180deg,rgba(207,227,247,1.00) 0%,rgba(255,255,255,1.00) 100%);
	background-color: #cfe3f7;
	margin: 0px;
	padding: 0px;
}
#map_route_header {
	font-family: 'lato', Verdana, Geneva, sans-serif;
	font-size: 1.5em;
	font-weight: 700;
	color: #FFF;
	text-transform: uppercase;
	background-color: #C00;
	display: block;
	width: 100%;
	text-align: center;
	line-height: 1.25em;
	margin-top: 0px;
	margin-right: 0%;
	margin-bottom: 5px;
	margin-left: 0%;
	padding-top: 6px;
	padding-right: 0px;
	padding-bottom: 6px;
	padding-left: 0px;
}
.boxgrid h3{
	color: #FFF;
	font-weight: 700;
	font-family: 'Lato', Verdana, Geneva, sans-serif;
	font-size: 14pt;
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 12px;
	padding-left: 33px;
	background-image: url(../img/box-icon.png);
	background-repeat: no-repeat;
	background-position: 0px top;
}
.boxgrid h4 {
	color: #FFF;
	font-weight: 400;
	font-family: 'Lato', Verdana, Geneva, sans-serif;
	font-size: 14pt;
	margin: 0px;
	padding-left: 10px;
}
			
.boxgrid{
	width: auto;
	height: auto;
	overflow: hidden;
	background-color: #3F6496;
	padding-top: 12px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 0px;
	background-image: url(../img/footer-fill.png);
	background-repeat: repeat-x;
	background-position: left -5px;
	position: relative;
			}
.boxgrid img{
	position: absolute;
	top: 45px;
	left: 0;
	border: 0;
	display: none;
}
#page-careers-col-full {
	display: block;
	width: 90%;
	float: left;
	height: auto;
	text-align: left;
	clear: right;
	border-bottom-width: 4px;
	border-bottom-style: solid;
	border-bottom-color: #E4E4E4;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 20px;
	margin-left: 0px;
	padding-top: 20px;
	padding-right: 5%;
	padding-bottom: 20px;
	padding-left: 5%;
	background-color: #F1F1F1;
}
#page-col-1 {
	display: block;
	width: 40%;
	float: left;
	height: auto;
	text-align: left;
	margin-right: 5%;
	margin-left: 5%;
}
#page-col-2 {
	display: block;
	width: 45%;
	float: left;
	height: auto;
	text-align: left;
	clear: right;
	margin-right: 5%;
}
#page-col-third-page-logos {
	width: 384px;
	height: 160px;
	display: table-cell;
	vertical-align: middle;
	border: 0px;
	text-align: center;
	text-decoration: none;
	margin: auto;
	padding: 0px;
}
#page-col-quarter-page-1 {
	width: 45%;
	float: left;
	text-align: center;
	clear: none;
	margin-top: 0%;
	margin-right: 3px;
	margin-bottom: 3px;
	margin-left: 5%;
	background-image: url(../img/twitter-for-students.png);
	background-repeat: no-repeat;
	background-position: center center;
	font-family: 'Lato', Verdana, Geneva, sans-serif;
	color: #CC0000;
	font-size: 1.5em;
	background-color: #F1F1F1;
	font-weight: 400;
	text-transform: uppercase;
	height: 237px;
	line-height: 237px;
	padding: 0px;
}
#page-col-quarter-page-2 {
	width: 45%;
	float: left;
	height: 237px;
	text-align: center;
	clear: right;
	margin-top: 0px;
	margin-right: 4%;
	margin-bottom: 3px;
	margin-left: 0px;
	position: relative;
	background-image: url(../img/twitter-for-riders.png);
	background-repeat: no-repeat;
	background-position: center center;
	font-family: 'Lato', Verdana, Geneva, sans-serif;
	color: #CC0000;
	font-size: 1.5em;
	background-color: #F1F1F1;
	text-transform: uppercase;
	line-height: 237px;
	padding: 0px;
}
#page-col-quarter-page-3 {
	width: 45%;
	float: left;
	height: 237px;
	text-align: center;
	clear: none;
	margin-top: 0px;
	margin-right: 3px;
	margin-bottom: 5%;
	margin-left: 5%;
	position: relative;
	background-image: url(../img/facebook.png);
	background-repeat: no-repeat;
	background-position: center center;
	font-family: 'Lato', Verdana, Geneva, sans-serif;
	color: #C60000;
	font-size: 1.5em;
	background-color: #F1F1F1;
	text-transform: uppercase;
	line-height: 237px;
	padding: 0px;
}
#page-col-quarter-page-4 {
	width: 45%;
	float: left;
	height: 237px;
	text-align: center;
	clear: right;
	margin-top: 0px;
	margin-right: 4%;
	margin-bottom: 0px;
	margin-left: 0%;
	position: relative;
	background-image: url(../img/youtube.png);
	background-repeat: no-repeat;
	background-position: center center;
	font-family: 'Lato', Verdana, Geneva, sans-serif;
	color: #C60000;
	font-size: 1.5em;
	background-color: #F1F1F1;
	text-transform: uppercase;
	line-height: 237px;
	padding: 0px;
}
#footer-container {
	width: 100%;
	display: block;
	padding: 0px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	height: auto;
}
#footer-column-1 {
	width: 100%;
	font-family: 'Lato', Verdana, Geneva, sans-serif;
	color: #FFF;
	font-size: 12px;
	text-align: center;
	display: block;
	margin: 0px;
	line-height: 49px;
	clear: none;
	float: left;
	padding: 0px;
}
#footer-column-2 {
	width: 25%;
	text-align: center;
	display: block;
	margin: 0px;
	padding: 0px;
	clear: right;
	float: right;
	line-height: 49px;
}
}

@media screen and (max-width: 736px) {
.max-width-736-AND-NAV-------------------------------- {
	text-decoration: none;
}
#-header-container {
	display: block;
	margin: auto;
	padding: 0px;
	float: left;
	width: 100%;
	border-bottom-width: 8px;
	border-bottom-style: solid;
	border-bottom-color: #990000;
	background-image: none;
	background-repeat: repeat-y;
	background-position: center top;
	border-top-style: none;
	height: auto;
}
#-header-content {
	display: block;
	margin: 0px;
	width: 100%;
	height: 85px;
	background-image: url(../img/header-photo.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	padding: 0px;
	float: left;
} 
#-header-col-1 {
	display: block;
	margin: 0px;
	width: 155px;
	float: left;
	padding-top: 38px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 20px;
	clear: left;
	border-top-width: 0px;
	height: auto;
}
#header-col-2 {
	display: block;
	width: auto;
	height: 35px;
	float: right;
	clear: none;
	text-align: center;
	vertical-align: middle;
	margin-top: 15px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-top: 6px;
	padding-right: 12px;
	padding-bottom: 0px;
	padding-left: 0px;
}
#-header-col-3 {
	display: block;
	margin: 0px;
	width: 222px;
	height: auto;
	float: right;
	text-align: left;
	padding-top: 0px;
	padding-right: 13px;
	padding-bottom: 0px;
	padding-left: 0px;
}
#page-col-third-page-logos {
	width: 360px;
	height: 160px;
	display: table-cell;
	vertical-align: middle;
	border: 0px;
	text-align: center;
	text-decoration: none;
	margin: 0px;
	padding: 0px;
}
.float-right {
	text-decoration: none;
	margin: 0px;
	float: right;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 20px;
	width: 50%;
}
.language-butn, active {
	display: block;
	color: #ffffff;
	font-family: 'Lato', Verdana, Geneva, sans-serif;
	font-size: 10pt;
	font-weight: 400;
	width: 198px;
	text-decoration: none;
	text-align: center;
	text-shadow: 0px 0px 0px #528ecc;
	letter-spacing: 0.18725em;
	margin: 0px;
	padding: 0px;
	position: relative;
	top: 0px;
	height: 25px;
	float: right;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	background-color: transparent;
	line-height: 30px;
}
}
@media screen and (max-width: 667px) {
.max-width-667-AND-NAV-------------------------------- {
	text-decoration: none;
}
#header-container {
	display: block;
	margin: auto;
	padding: 0px;
	float: left;
	width: 100%;
	border-bottom-width: 8px;
	border-bottom-style: solid;
	border-bottom-color: #990000;
	background-image: none;
	background-repeat: repeat-y;
	background-position: center top;
	border-top-style: none;
	height: auto;
}
#header-content {
	display: block;
	margin: 0px;
	width: 100%;
	height: 102px;
	background-image: url(../img/header-photo.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	padding: 0px;
	float: left;
}
	#menu-container {
	display: block;
	width: 100%;
	clear: both;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	float: left;
	position: absolute;
	z-index: 100;
	padding-top: 0px;
	padding-right: 0px;
	padding-left: 0px;
	padding-bottom: 0px;
	height: auto;
	border-top-width: none;
	border-top-style: none;
	margin-top: 0px;
}
h1.page-intro {
	font-family: 'Lato', sans-serif;
	color: #D71820;
	text-transform: uppercase;
	font-size: 1.75em;
	line-height: 80px;
	font-weight: 400;
	text-shadow: 1px 1px 1px #FFF;
	margin: 0px;
	padding: 0px;
	text-align: left;
}
#page-col-third-page-logos {
	width: 325px;
	height: 160px;
	display: table-cell;
	vertical-align: middle;
	border: 0px;
	text-align: center;
	text-decoration: none;
	margin: 0px;
	padding: 0px;
}
#page-col-1 {
	display: block;
	width: 90%;
	float: none;
	height: auto;
	text-align: left;
	margin-right: 5%;
	margin-left: 5%;
	clear: right;
}
#page-col-2 {
	display: block;
	width: 90%;
	float: none;
	height: auto;
	text-align: left;
	clear: both;
	margin-right: 5%;
	margin-left: 5%;
}
#header-col-1 {
	display: block;
	margin-top: auto;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: auto;
	width: 180px;
	float: none;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 77px;
	clear: left;
	border-top-width: 0px;
	height: auto;
}
#header-col-2 {
	display: block;
	width: 100%;
	height: 35px;
	float: none;
	clear: both;
	text-align: center;
	vertical-align: middle;
	margin: auto;
	padding-top: 12px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
#header-col-3 {
	margin-top: auto;
	margin-bottom: auto;
	width: 100%;
	height: auto;
	float: right;
	padding: 0px;
	position: absolute;
	top: 0px;
	right: 0px;
	text-align: right;
	display: block;
}
.language-butn, active {
	display: block;
	color: #ffffff;
	font-family: 'Lato', Verdana, Geneva, sans-serif;
	font-size: 10pt;
	font-weight: 400;
	width: 204px;
	text-decoration: none;
	text-align: left;
	text-shadow: 0px 0px 0px #528ecc;
	letter-spacing: 0.18725em;
	margin: 0px;
	padding: 0px;
	position: relative;
	top: 0px;
	height: 25px;
	float: right;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	background-color: transparent;
	line-height: 50px;
}
}
@media screen and (max-width: 640px) {
.max-width-640-AND-NAV-------------------------------- {
	text-decoration: none;
}

.bus-passes-butn {
	background-color: #406496;
	border: 1px solid #333366;
	display: block;
	color: #ffffff;
	font-family: 'Lato', Verdana, Geneva, sans-serif;
	font-size: 22px;
	font-weight: 400;
	height: auto;
	line-height: 24px;
	width: auto;
	text-decoration: none;
	text-align: center;
	text-shadow: 1px 1px 0px #528ecc;
	letter-spacing: 0.125em;
	background-image: none;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 0px;
	margin-top: auto;
	margin-right: 5%;
	margin-bottom: auto;
	margin-left: 5%;
}
#social-container {
	display: block;
	float: left;
	clear: right;
	text-align: right;
	width: 50%;
	padding: 0px;
	margin-top: -5px;
	margin-right: auto;
	margin-bottom: auto;
	margin-left: auto;
}
#feedback {
	display: block;
	width: 300px;
	padding: 0px;
	clear: both;
	position: absolute;
	z-index: 101;
	margin-top: -6px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	float: none;
	top: 128px;
}
.text-page {
	font-family: 'Lato', Verdana, Geneva, sans-serif;
	font-size: 130%;
	line-height: 140%;
	font-weight: 400;
	color: #666;
	list-style-position: inside;
	list-style-type: square;
	margin-bottom: 15px;
	padding: 0px;
	margin-top: 10px;
	margin-right: 0px;
	margin-left: 0px;
} 
#page-col-third-page-logos {
	width: 290px;
	height: 160px;
	display: table-cell;
	vertical-align: middle;
	border: 0px;
	text-align: center;
	text-decoration: none;
	margin: 0px;
	padding: 0px;
}
#content-wrapper {
	display: block;
	margin: 0px;
	float: none;
	height: 100%;
	width: 100%;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 20px;
	padding-left: 0px;
	clear: both;
}
#content {
	display: block;
	width: 100%;
	padding: 0px;
	margin: 0px;
	float: left;
}
#content-col-1 {
	display: block;
	width: 90%;
	float: none;
	height: 200px;
	text-align: left;
	clear: both;
	margin-top: 20px;
	margin-right: 0px;
	margin-bottom: 20px;
	margin-left: 0px;
	padding-top: 0px;
	padding-right: 5%;
	padding-bottom: 5px;
	padding-left: 5%;
	border-bottom-style: none;
	background-color: transparent;
}
div.scroll
{
	width: 97%;
	height: 200px;
	overflow-x: hidden;
	overflow-y: scroll;
	margin: 0px;
	padding-right: 3%;
}
#content-col-2 {
	display: block;
	width: 42%;
	height: auto;
	clear: left;
	text-align: left;
	margin-top: 0px;
	margin-right: 3%;
	margin-bottom: 0px;
	margin-left: 5%;
	padding-top: 0px;
	float: left;
}
#map-your-route-container {
	display: block;
	width: 42%;
	clear: right;
	text-align: center;
	background-image: -webkit-linear-gradient(270deg,rgba(207,227,247,1.00) 0%,rgba(255,255,255,1.00) 100%);
	background-image: -moz-linear-gradient(270deg,rgba(207,227,247,1.00) 0%,rgba(255,255,255,1.00) 100%);
	background-image: -o-linear-gradient(270deg,rgba(207,227,247,1.00) 0%,rgba(255,255,255,1.00) 100%);
	background-image: none;
	background-color: #cfe3f7;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 0px;
	height: auto;
	margin-top: 0px;
	margin-right: 5%;
	margin-bottom: 5%;
	margin-left: 3%;
	float: left;
}
#content-col-3 {
	display: block;
	float: left;
	text-align: left;
	clear: both;
	padding: 0px;
	width: 90%;
	margin-top: auto;
	margin-right: 5%;
	margin-bottom: auto;
	margin-left: 5%;
}
#page-intro-container {
	display: block;
	float: none;
	width: 100%;
	clear: both;
	border-bottom-width: 5px;
	border-bottom-style: solid;
	border-bottom-color: #E4E4E4;
	margin-bottom: 20px;
	background-image: url(../img/page-intro-fill.jpg);
	background-repeat: repeat-x;
	background-position: left top;
	height: 67px;
	margin-top: 233px;
}
#page-intro-links-container {
	display: none;
	width: 50%;
	clear: none;
	float: right;
	margin: 0px;
	padding-top: 18px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
#page-col-full-col-1 {
	width: 100%;
	float: none;
	height: auto;
	text-align: left;
	padding: 0px;
	position: relative;
	margin: 0px;
}
#page-col-full-col-2 {
	display: block;
	width: 100%;
	float: none;
	height: auto;
	text-align: left;
	padding: 0px;
	clear: right;
	margin: 0px;
}
#page-col-quarter-page-1 {
	width: 90%;
	float: left;
	text-align: center;
	clear: both;
	margin-top: 0%;
	margin-right: 5%;
	margin-bottom: 3px;
	margin-left: 5%;
	background-image: none;
	background-repeat: no-repeat;
	background-position: center center;
	font-family: 'Lato', Verdana, Geneva, sans-serif;
	color: #CC0000;
	font-size: 1.25em;
	background-color: #F1F1F1;
	font-weight: 400;
	text-transform: uppercase;
	height: auto;
	line-height: 50px;
}
#page-col-quarter-page-2 {
	width: 90%;
	float: none;
	height: auto;
	text-align: center;
	clear: both;
	margin-top: 0px;
	margin-right: 5%;
	margin-bottom: 3px;
	margin-left: 5%;
	position: relative;
	background-image: none;
	background-repeat: no-repeat;
	background-position: center center;
	font-family: 'Lato', Verdana, Geneva, sans-serif;
	color: #CC0000;
	font-size: 1.25em;
	background-color: #F1F1F1;
	text-transform: uppercase;
	line-height: 50px;
}
#page-col-quarter-page-3 {
	width: 90%;
	float: none;
	height: auto;
	text-align: center;
	clear: both;
	margin-top: 0px;
	margin-right: 5%;
	margin-bottom: 3px;
	margin-left: 5%;
	position: relative;
	background-image: none;
	background-repeat: no-repeat;
	background-position: center center;
	font-family: 'Lato', Verdana, Geneva, sans-serif;
	color: #C60000;
	font-size: 1.25em;
	background-color: #F1F1F1;
	text-transform: uppercase;
	line-height: 50px;
}
#page-col-quarter-page-4 {
	width: 90%;
	float: left;
	height: auto;
	text-align: center;
	clear: right;
	margin-top: 0px;
	margin-right: 5%;
	margin-bottom: 5%;
	margin-left: 5%;
	position: relative;
	background-image: none;
	background-repeat: no-repeat;
	background-position: center center;
	font-family: 'Lato', Verdana, Geneva, sans-serif;
	color: #C60000;
	font-size: 1.25em;
	background-color: #F1F1F1;
	text-transform: uppercase;
	line-height: 50px;
}
.footer {
	background-color: #3F6496;
	background-image: none;
	border-top-width: 4px;
	border-top-style: solid;
	border-top-color: #999;
	display: block;
	height: auto;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
#footer-container {
	width: 90%;
	display: block;
	padding: 0px;
	height: auto;
	margin-top: 0px;
	margin-right: 5%;
	margin-bottom: 0px;
	margin-left: 5%;
}
#footer-column-1 {
	width: 100%;
	font-family: 'Lato', Verdana, Geneva, sans-serif;
	color: #FFF;
	font-size: 12px;
	text-align: center;
	display: block;
	margin: 0px;
	clear: both;
	padding: 0px;
	line-height: 20px;
	float: none;
	height: auto;
}
#footer-column-2 {
	width: 100%;
	text-align: center;
	display: block;
	clear: both;
	margin: 0px;
	padding: 0px;
	float: none;
}
}
@media screen and (max-width: 568px) {

.max-width-568-AND-NAV-------------------------------- {
	text-decoration: none;
}
.home-button {
	font-size: 11pt;
	padding-top: 9px;
	padding-right: 6px;
	padding-bottom: 9px;
	padding-left: 6px;
	margin-left: 2px;
   }
.bus-passes-butn {
	background-color: #406496;
	border: 1px solid #333366;
	display: block;
	color: #ffffff;
	font-family: 'Lato', Verdana, Geneva, sans-serif;
	font-size: 20px;
	font-weight: 400;
	height: auto;
	line-height: 24px;
	width: auto;
	text-decoration: none;
	text-align: center;
	text-shadow: 1px 1px 0px #528ecc;
	letter-spacing: 0.125em;
	background-image: none;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 0px;
	margin-top: auto;
	margin-right: 5%;
	margin-bottom: auto;
	margin-left: 5%;
}
#social-container {
	display: block;
	float: left;
	clear: right;
	text-align: right;
	width: 50%;
	padding: 0px;
	margin-top: -5px;
	margin-right: auto;
	margin-bottom: auto;
	margin-left: auto;
}

#feedback {
	display: block;
	width: 300px;
	padding: 0px;
	clear: both;
	position: absolute;
	z-index: 101;
	margin-top: -6px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	float: none;
	top: 128px;
}
#content-wrapper {
	display: block;
	margin: 0px;
	float: none;
	height: 100%;
	width: 100%;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 20px;
	padding-left: 0px;
	clear: both;
}
#content {
	display: block;
	width: 100%;
	padding: 0px;
	margin: 0px;
	float: left;
}
#page-col-third-page-logos {
	width: 280px;
	height: 160px;
	display: table-cell;
	vertical-align: middle;
	border: 0px;
	text-align: center;
	text-decoration: none;
	margin: 0px;
	padding: 0px;
}

div.scroll
{
	width: 97%;
	height: 200px;
	overflow-x: hidden;
	overflow-y: scroll;
	margin: 0px;
	padding-right: 3%;
}
#content-col-2 {
	display: block;
	width: 42%;
	height: auto;
	clear: left;
	text-align: left;
	margin-top: 0px;
	margin-right: 3%;
	margin-bottom: 0px;
	margin-left: 5%;
	padding-top: 0px;
	float: left;
}
#map-your-route-container {
	display: block;
	width: 42%;
	clear: right;
	text-align: center;
	background-image: -webkit-linear-gradient(270deg,rgba(207,227,247,1.00) 0%,rgba(255,255,255,1.00) 100%);
	background-image: -moz-linear-gradient(270deg,rgba(207,227,247,1.00) 0%,rgba(255,255,255,1.00) 100%);
	background-image: -o-linear-gradient(270deg,rgba(207,227,247,1.00) 0%,rgba(255,255,255,1.00) 100%);
	background-image: none;
	background-color: #cfe3f7;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 0px;
	height: auto;
	margin-top: 0px;
	margin-right: 5%;
	margin-bottom: 5%;
	margin-left: 3%;
	float: left;
}
#content-col-3 {
	display: block;
	float: right;
	text-align: right;
	clear: both;
	padding: 0px;
	width: 100%;
	margin-top: auto;
	margin-right: auto;
	margin-bottom: auto;
	margin-left: auto;
	position: absolute;
	top: 0px;
	right: 0px;
}
h1.page-intro {
	font-family: 'Lato', sans-serif;
	color: #D71820;
	text-transform: uppercase;
	font-size: 2em;
	line-height: 80px;
	font-weight: 400;
	text-shadow: 1px 1px 1px #FFF;
	margin: 0px;
	padding: 0px;
	text-align: center;
}
h2.page-headline {
	font-family: 'Lato', sans-serif;
	color: #D71820;
	font-size: 180%;
	font-weight: 400;
	text-shadow: 1px 1px 1px #FFF;
	margin: 0px;
	text-align: left;
	padding: 0px;
	line-height: normal;
}
#page-intro-container {
	display: block;
	width: 100%;
	clear: both;
	border-bottom-width: 5px;
	border-bottom-style: solid;
	border-bottom-color: #E4E4E4;
	margin-bottom: 20px;
	background-image: url(../img/page-intro-fill.jpg);
	background-repeat: repeat-x;
	background-position: left top;
	height: 67px;
	position: relative;
	top: 0px;
	padding: 0px;
}
#page-intro {
	display: block;
	width: 90%;
	clear: both;
	margin-top: 0px;
	margin-right: 5%;
	margin-bottom: 0px;
	margin-left: 5%;
}
#page-col-1 {
	display: block;
	width: 90%;
	float: none;
	height: auto;
	text-align: left;
	margin-right: 5%;
	margin-left: 5%;
	clear: right;
}
#page-col-2 {
	display: block;
	width: 90%;
	float: none;
	height: auto;
	text-align: left;
	margin-right: 5%;
	margin-left: 5%;
}

.footer {
	background-color: #3F6496;
	background-image: none;
	border-top-width: 4px;
	border-top-style: solid;
	border-top-color: #999;
	display: block;
	height: auto;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
#footer-container {
	width: 90%;
	display: block;
	padding: 0px;
	height: auto;
	margin-top: 0px;
	margin-right: 5%;
	margin-bottom: 0px;
	margin-left: 5%;
}
#footer-column-1 {
	width: 85%;
	font-family: 'Lato', Verdana, Geneva, sans-serif;
	color: #FFF;
	font-size: 12px;
	text-align: center;
	display: block;
	margin: auto;
	clear: both;
	padding: 0px;
	line-height: 20px;
	float: none;
	height: auto;
}
#footer-column-2 {
	width: 100%;
	text-align: center;
	display: block;
	clear: both;
	margin: 0px;
	padding: 0px;
	float: none;
}
}
@media screen and (max-width: 480px) {
.max-width-480-AND-NAV-------------------------------- {
	text-decoration: none;
}
#header-container {
	display: block;
	margin: auto;
	float: left;
	width: 100%;
	border-bottom-width: 8px;
	border-bottom-style: solid;
	border-bottom-color: #990000;
	background-image: none;
	background-repeat: repeat-y;
	background-position: center top;
	border-top-style: none;
	height: auto;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
#header-content {
	display: block;
	margin: 0px;
	width: 100%;
	height: auto;
	background-image: url(../img/header-photo.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	padding: 0px;
	float: left;
}
#header-col-1 {
	display: block;
	width: 57%;
	float: none;
	padding-top: 12px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 3%;
	clear: left;
	border-top-width: 0px;
	height: auto;
	margin-top: auto;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: auto;
}
#header-col-2 {
	display: block;
	height: auto;
	float: none;
	clear: both;
	text-align: center;
	vertical-align: middle;
	margin: auto;
	padding-top: 6px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	width: 100%;
}
#header-col-3 {
	display: block;
	margin: 0px;
	width: 100%;
	height: auto;
	float: right;
	padding: 0px;
	position: absolute;
	right: 0px;
	top: 0px;
	text-align: right;
}
.language-butn, active {
	display: block;
	color: #ffffff;
	font-family: 'Lato', Verdana, Geneva, sans-serif;
	font-size: 10pt;
	font-weight: 400;
	width: auto;
	text-decoration: none;
	text-align: left;
	text-shadow: 0px 0px 0px #528ecc;
	letter-spacing: 0.18725em;
	margin: 0px;
	padding: 0px;
	position: relative;
	top: 0px;
	height: 25px;
	float: right;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	background-color: transparent;
	line-height: 40px;
}
.home-button {
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	text-shadow: rgba(0,0,0,.4) 0 1px 0;
	color: white;
	font-size: 14pt;
	font-family: 'Lato', sans-serif;
	text-decoration: none;
	vertical-align: middle;
	background-color: #CC0000;
	padding-top: 9px;
	padding-right: 8px;
	padding-bottom: 9px;
	padding-left: 8px;
	text-transform: uppercase;
	border: 1px solid #660000;
	width: 90%;
	height: auto;
	float: none;
	clear: both;
	display: block;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 4px;
	margin-left: auto;
   }
.home-button:hover {
	background: #406496;
	color: #fff;
   }
.home-button:active {
   background: #1b435e;
   }
.bus-passes-butn {
	background-color: #406496;
	border: 1px solid #333366;
	display: block;
	color: #ffffff;
	font-family: 'Lato', Verdana, Geneva, sans-serif;
	font-size: 20px;
	font-weight: 400;
	height: auto;
	line-height: 24px;
	width: auto;
	text-decoration: none;
	text-align: center;
	text-shadow: 1px 1px 0px #528ecc;
	letter-spacing: 0.125em;
	background-image: none;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 0px;
	margin-top: auto;
	margin-right: 5%;
	margin-bottom: auto;
	margin-left: 5%;
}
#social-container {
	display: block;
	float: left;
	clear: right;
	text-align: right;
	width: 50%;
	padding: 0px;
	margin-top: -5px;
	margin-right: auto;
	margin-bottom: auto;
	margin-left: auto;
}

#feedback {
	display: block;
	width: 300px;
	padding: 0px;
	clear: both;
	position: absolute;
	z-index: 101;
	margin-top: -6px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	float: none;
	top: 128px;
}
#content-wrapper {
	display: block;
	margin: 0px;
	float: none;
	height: 100%;
	width: 100%;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 20px;
	padding-left: 0px;
	clear: both;
}
#content {
	display: block;
	width: 100%;
	padding: 0px;
	margin: 0px;
	float: left;
}

div.scroll
{
	width: 97%;
	height: 200px;
	overflow-x: hidden;
	overflow-y: scroll;
	margin: 0px;
	padding-right: 3%;
}
#content-col-2 {
	display: block;
	width: 90%;
	height: auto;
	clear: both;
	text-align: left;
	margin-top: 0px;
	margin-right: 5%;
	margin-bottom: 0px;
	margin-left: 5%;
	padding-top: 0px;
	float: left;
}
#content-col-3 {
	display: block;
	float: left;
	text-align: left;
	clear: both;
	padding: 0px;
	width: 90%;
	margin-top: auto;
	margin-right: 5%;
	margin-bottom: auto;
	margin-left: 5%;
}
.route_text {
	font-family: 'Lato', Verdana, Geneva, sans-serif;
	font-size: 1.25em;
	font-weight: 400;
	color: #036;
	margin: 0px;
	padding: 0px;
	text-align: center;
	display: block;
	float: none;
}
#map-your-route-container {
	display: block;
	width: 80%;
	clear: right;
	text-align: center;
	background-image: -webkit-linear-gradient(270deg,rgba(207,227,247,1.00) 0%,rgba(255,255,255,1.00) 100%);
	background-image: -moz-linear-gradient(270deg,rgba(207,227,247,1.00) 0%,rgba(255,255,255,1.00) 100%);
	background-image: -o-linear-gradient(270deg,rgba(207,227,247,1.00) 0%,rgba(255,255,255,1.00) 100%);
	background-image: none;
	background-color: #cfe3f7;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 0px;
	height: auto;
	margin-top: 0px;
	margin-right: 10%;
	margin-bottom: 5%;
	margin-left: 10%;
	float: left;
}
#map_route_header {
	font-family: 'lato', Verdana, Geneva, sans-serif;
	font-size: 1.5em;
	font-weight: 700;
	color: #FFF;
	text-transform: uppercase;
	background-color: #C00;
	display: block;
	width: 100%;
	text-align: center;
	letter-spacing: .1em;
	line-height: 1.25em;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 0px;
	padding-top: 6px;
	padding-right: 0%;
	padding-bottom: 6px;
	padding-left: 0%;
}
.footer {
	background-color: #3F6496;
	background-image: none;
	border-top-width: 4px;
	border-top-style: solid;
	border-top-color: #999;
	display: block;
	height: auto;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
#footer-container {
	width: 90%;
	display: block;
	padding: 0px;
	height: auto;
	margin-top: 0px;
	margin-right: 5%;
	margin-bottom: 0px;
	margin-left: 5%;
}
#footer-column-1 {
	width: 100%;
	font-family: 'Lato', Verdana, Geneva, sans-serif;
	color: #FFF;
	font-size: 12px;
	text-align: center;
	display: block;
	margin: 0px;
	clear: both;
	padding: 0px;
	line-height: 20px;
}
#footer-column-2 {
	width: 100%;
	text-align: center;
	display: block;
	clear: both;
	margin: 0px;
	padding: 0px;
}
}
@media screen and (max-width: 414px) {
.max-width-414-AND-NAV-------------------------------- {
	text-decoration: none;
}
#-header-container {
	display: block;
	margin: auto;
	float: left;
	width: 100%;
	border-bottom-width: 8px;
	border-bottom-style: solid;
	border-bottom-color: #990000;
	background-image: none;
	background-repeat: repeat-y;
	background-position: center top;
	border-top-style: none;
	height: auto;
	padding-top: 43px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
#-header-content {
	display: block;
	margin: 0px;
	width: 100%;
	height: auto;
	background-image: url(../img/header-photo.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	padding: 0px;
	float: left;
}
#-header-col-1 {
	display: block;
	width: 57%;
	float: none;
	padding-top: 12px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 3%;
	clear: left;
	border-top-width: 0px;
	height: auto;
	margin: 0px;
}
#-header-col-2 {
	display: block;
	height: auto;
	float: none;
	clear: both;
	text-align: center;
	vertical-align: middle;
	margin: auto;
	padding-top: 6px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	width: 100%;
}
#-header-col-3 {
	display: block;
	margin: 0px;
	width: 50%;
	height: auto;
	float: left;
	padding: 0px;
	position: absolute;
	right: 2%;
}
h1.page-intro {
	font-family: 'Lato', sans-serif;
	color: #D71820;
	text-transform: uppercase;
	font-size: 2em;
	line-height: 100%;
	font-weight: 400;
	text-shadow: 1px 1px 1px #FFF;
	margin: 0px;
	text-align: center;
	padding-top: 15px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
} 
#page-intro-container {
	display: block;
	width: 100%;
	clear: both;
	border-bottom-style: none;
	margin-bottom: 20px;
	background-image: url(../img/page-intro-fill.jpg);
	background-repeat: repeat-x;
	background-position: left top;
	height: 67px;
	position: relative;
	top: 0px;
	padding: 0px;
}
#page-col-third-page-logos {
	width: 399px;
	display: inline-block;
	text-decoration: none;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	height: auto;
	position: relative;
	text-align: center;
	vertical-align: middle;
	margin: 0px;
	padding: 0px;
}
.language-butn, active {
	display: block;
	color: #ffffff;
	font-family: 'Lato', Verdana, Geneva, sans-serif;
	font-size: 10pt;
	font-weight: 400;
	width: auto;
	text-decoration: none;
	text-align: left;
	text-shadow: 0px 0px 0px #528ecc;
	letter-spacing: 0.18725em;
	margin: 0px;
	padding: 0px;
	position: relative;
	top: 0px;
	height: 25px;
	float: right;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	background-color: transparent;
	line-height: 50px;
}
.-home-button {
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	text-shadow: rgba(0,0,0,.4) 0 1px 0;
	color: white;
	font-size: 14pt;
	font-family: 'Lato', sans-serif;
	text-decoration: none;
	vertical-align: middle;
	background-color: #CC0000;
	padding-top: 9px;
	padding-right: 8px;
	padding-bottom: 9px;
	padding-left: 8px;
	text-transform: uppercase;
	border: 1px solid #660000;
	width: 90%;
	height: auto;
	float: none;
	clear: both;
	display: block;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 4px;
	margin-left: auto;
   }
.-home-button:hover {
	background: #406496;
	color: #fff;
   }
.-home-button:active {
   background: #1b435e;
   }
.bus-passes-butn {
	background-color: #406496;
	border: 1px solid #333366;
	display: block;
	color: #ffffff;
	font-family: 'Lato', Verdana, Geneva, sans-serif;
	font-size: 20px;
	font-weight: 400;
	height: auto;
	line-height: 24px;
	width: auto;
	text-decoration: none;
	text-align: center;
	text-shadow: 1px 1px 0px #528ecc;
	letter-spacing: 0.125em;
	background-image: none;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 0px;
	margin-top: auto;
	margin-right: 5%;
	margin-bottom: auto;
	margin-left: 5%;
}
#social-container {
	display: block;
	float: left;
	clear: right;
	text-align: right;
	width: 50%;
	padding: 0px;
	margin-top: -5px;
	margin-right: auto;
	margin-bottom: auto;
	margin-left: auto;
}
#menu-container {
	display: block;
	height: auto;
	width: 100%;
	clear: both;
	float: left;
	z-index: 100;
	padding: 0px;
	position: absolute;
	top: 0px;
	margin: 0px;
	border-bottom-width: 6px;
	border-bottom-style: solid;
	border-bottom-color: #333;
}

#feedback {
	display: block;
	width: 300px;
	padding: 0px;
	clear: both;
	position: absolute;
	z-index: 101;
	margin-top: -6px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	float: none;
	top: 128px;
}
#content-wrapper {
	display: block;
	margin: 0px;
	float: none;
	height: 100%;
	width: 100%;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 20px;
	padding-left: 0px;
	clear: both;
}
#content {
	display: block;
	width: 100%;
	padding: 0px;
	margin: 0px;
	float: left;
}

div.scroll
{
	width: 97%;
	height: 200px;
	overflow-x: hidden;
	overflow-y: scroll;
	margin: 0px;
	padding-right: 3%;
}
#content-col-2 {
	display: block;
	width: 90%;
	height: auto;
	clear: both;
	text-align: left;
	margin-top: 0px;
	margin-right: 5%;
	margin-bottom: 0px;
	margin-left: 5%;
	padding-top: 0px;
	float: left;
}
#content-col-3 {
	display: block;
	float: left;
	text-align: left;
	clear: both;
	padding: 0px;
	width: 90%;
	margin-top: auto;
	margin-right: 5%;
	margin-bottom: auto;
	margin-left: 5%;
}
.route_text {
	font-family: 'Lato', Verdana, Geneva, sans-serif;
	font-size: 1.25em;
	font-weight: 400;
	color: #036;
	margin: 0px;
	padding: 0px;
	text-align: center;
	display: block;
	float: none;
}
#map-your-route-container {
	display: block;
	width: 80%;
	clear: right;
	text-align: center;
	background-image: -webkit-linear-gradient(270deg,rgba(207,227,247,1.00) 0%,rgba(255,255,255,1.00) 100%);
	background-image: -moz-linear-gradient(270deg,rgba(207,227,247,1.00) 0%,rgba(255,255,255,1.00) 100%);
	background-image: -o-linear-gradient(270deg,rgba(207,227,247,1.00) 0%,rgba(255,255,255,1.00) 100%);
	background-image: none;
	background-color: #cfe3f7;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 0px;
	height: auto;
	margin-top: 0px;
	margin-right: 10%;
	margin-bottom: 5%;
	margin-left: 10%;
	float: left;
}
#map_route_header {
	font-family: 'lato', Verdana, Geneva, sans-serif;
	font-size: 1.5em;
	font-weight: 700;
	color: #FFF;
	text-transform: uppercase;
	background-color: #C00;
	display: block;
	width: 100%;
	text-align: center;
	letter-spacing: .1em;
	line-height: 1.25em;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 0px;
	padding-top: 6px;
	padding-right: 0%;
	padding-bottom: 6px;
	padding-left: 0%;
}
.footer {
	background-color: #3F6496;
	background-image: none;
	border-top-width: 4px;
	border-top-style: solid;
	border-top-color: #999;
	display: block;
	height: auto;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
#footer-container {
	width: 90%;
	display: block;
	padding: 0px;
	height: auto;
	margin-top: 0px;
	margin-right: 5%;
	margin-bottom: 0px;
	margin-left: 5%;
}
#footer-column-1 {
	width: 100%;
	font-family: 'Lato', Verdana, Geneva, sans-serif;
	color: #FFF;
	font-size: 12px;
	text-align: center;
	display: block;
	margin: 0px;
	clear: both;
	padding: 0px;
	line-height: 20px;
}
#footer-column-2 {
	width: 100%;
	text-align: center;
	display: block;
	clear: both;
	margin: 0px;
	padding: 0px;
}
}
@media screen and (max-width: 375px) {
.max-width-375-AND-NAV-------------------------------- {
	text-decoration: none;
} 
#header-col-1 {
	display: block;
	width: 57%;
	float: right;
	padding-top: 12px;
	padding-right: 3%;
	padding-bottom: 0px;
	padding-left: 0%;
	clear: left;
	border-top-width: 0px;
	height: auto;
	margin: 0px;
}
	#-header-col-3 {
	display: none;
	width: 90%;
	height: auto;
	float: none;
	clear: both;
	text-align: left;
	position: absolute;
	top: 10px;
	margin-top: auto;
	margin-right: 5%;
	margin-bottom: auto;
	margin-left: 5%;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
#page-col-third-page-logos {
	width: 360px;
	display: inline-block;
	text-decoration: none;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	height: auto;
	position: relative;
	text-align: center;
	vertical-align: middle;
	margin: auto;
	padding: 0px;
}
}
@media screen and (max-width: 374px) {
.max-width-374-AND-NAV-------------------------------- {
	text-decoration: none;
} 
	#header-col-3 {
	display: none;
}

}
@media screen and (max-width: 320px) {
.max-width-320-AND-NAV-------------------------------- {
	text-decoration: none;
} 
#page-col-third-page-logos {
	width: 305px;
	display: inline-block;
	text-decoration: none;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	height: auto;
	position: relative;
	text-align: center;
	vertical-align: middle;
	margin: auto;
	padding: 0px;
}
}
@media screen and (max-width: 300px) {
.max-width-300-AND-NAV-------------------------------- {
	text-decoration: none;
}
#header-container {
	background-image: none;
	background-color: #C00;
	margin: 0px;
	padding: 0px;
	clear: both;
	float: none;
}
#header-content {
	display: block;
	margin: 0px;
	padding: 0px;
	width: 100%;
	background-image: url(../img/header-photo-mobile.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #000;
	height: 130px;
}
#header-col-1 {
	display: block;
	height: auto;
	padding-top: 35px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	position: absolute;
	top: 65px;
	float: left;
	clear: both;
	margin: auto;
	width: 100%;
	left: 0px;
}
.bus-passes-butn {
	background-color: #406496;
	border: 1px solid #333366;
	display: block;
	color: #ffffff;
	font-family: 'Lato', Verdana, Geneva, sans-serif;
	font-size: 20px;
	font-weight: 400;
	height: auto;
	line-height: 37px;
	width: 66%;
	text-decoration: none;
	text-align: center;
	text-shadow: 1px 1px 0px #528ecc;
	letter-spacing: 0.125em;
	background-image: none;
	margin-top: auto;
	margin-right: 29%;
	margin-bottom: auto;
	margin-left: 5%;
	padding: 0px;
	position: absolute;
}
#header-col-2 {
	display: block;
	width: 70%;
	height: auto;
	clear: both;
	text-align: center;
	padding: 0px;
	position: absolute;
	top: 39px;
	float: none;
	margin-top: auto;
	margin-right: 15%;
	margin-bottom: auto;
	margin-left: 15%;
}
#header-col-3 {
	display: none;
	width: 90%;
	height: auto;
	float: none;
	clear: both;
	text-align: left;
	position: absolute;
	top: 10px;
	margin-top: auto;
	margin-right: 5%;
	margin-bottom: auto;
	margin-left: 5%;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
.language-butn, active {
	background-color: #406496;
	-webkit-border-top-left-radius: 0px;
	-moz-border-radius-topleft: 0px;
	border-top-left-radius: 0px;
	-webkit-border-top-right-radius: 0px;
	-moz-border-radius-topright: 0px;
	border-top-right-radius: 0px;
	-webkit-border-bottom-right-radius: 6px;
	-moz-border-radius-bottomright: 6px;
	border-bottom-right-radius: 6px;
	-webkit-border-bottom-left-radius: 6px;
	-moz-border-radius-bottomleft: 6px;
	border-bottom-left-radius: 6px;
	display: block;
	color: #ffffff;
	font-family: 'Lato', Verdana, Geneva, sans-serif;
	font-size: 9pt;
	font-weight: 400;
	width: 50%;
	text-decoration: none;
	text-align: center;
	text-shadow: 1px 1px 0px #528ecc;
	letter-spacing: 0.18725em;
	padding: 0px;
	position: relative;
	top: -5px;
	height: 21px;
	float: left;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	clear: none;
	margin-top: auto;
	margin-right: 0%;
	margin-bottom: auto;
	margin-left: 0%;
}
#social-container {
	display: block;
	float: left;
	clear: right;
	text-align: right;
	width: 50%;
	padding: 0px;
	margin-top: -5px;
	margin-right: auto;
	margin-bottom: auto;
	margin-left: auto;
}
#menu-container {
	display: block;
	height: auto;
	width: 100%;
	clear: both;
	float: left;
	z-index: 100;
	padding: 0px;
	position: absolute;
	top: 147px;
	margin: 0px;
	border-bottom-width: 12px;
	border-bottom-style: solid;
	border-bottom-color: #333;
}
#page-col-third-page-logos {
	width: 320px;
	display: inline-table;
	text-align: center;
	text-decoration: none;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	vertical-align: middle;
	margin: auto;
	height: auto;
}
#feedback {
	display: block;
	width: 290px;
	padding: 0px;
	clear: both;
	position: absolute;
	z-index: 101;
	margin-top: -6px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	float: none;
	top: 155px;
}
#sidebox {
	position: absolute;
	left: -270px;
	top: 10px;
	width: 300px;
	height: auto;
}
#sidebox .feedback-content {
	float: left;
	width: 228px;
	height: auto;
	background-color: #F0F0F0;
	-webkit-border-top-left-radius: 0px;
	-moz-border-radius-topleft: 0px;
	border-top-left-radius: 0px;
	-webkit-border-top-right-radius: 0px;
	-moz-border-radius-topright: 0px;
	border-top-right-radius: 0px;
	-webkit-border-bottom-right-radius: 6px;
	-moz-border-radius-bottomright: 6px;
	border-bottom-right-radius: 6px;
	-webkit-border-bottom-left-radius: 0px;
	-moz-border-radius-bottomleft: 0px;
	border-bottom-left-radius: 0px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: none;
	border-top-color: #333;
	border-right-color: #333;
	border-bottom-color: #333;
	padding-top: 10px;
	padding-right: 20px;
	padding-bottom: 0px;
	padding-left: 20px;
	font-family: 'Lato', Verdana, Geneva, sans-serif;
	font-size: 16px;
	line-height: normal;
	font-weight: 400;
	color: #036;
}
#sidebox .tab {
	background-color: #CC0000;
	cursor: pointer;
	float: right;
	width: 30px;
	height: 110px;
	background-image: url(../img/feedback-text.png);
	background-repeat: no-repeat;
	background-position: center center;
	-webkit-border-top-left-radius: 0px;
	-moz-border-radius-topleft: 0px;
	border-top-left-radius: 0px;
	-webkit-border-top-right-radius: 6px;
	-moz-border-radius-topright: 6px;
	border-top-right-radius: 6px;
	-webkit-border-bottom-right-radius: 6px;
	-moz-border-radius-bottomright: 6px;
	border-bottom-right-radius: 6px;
	-webkit-border-bottom-left-radius: 0px;
	-moz-border-radius-bottomleft: 0px;
	border-bottom-left-radius: 0px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: none;
	border-top-color: #333;
	border-right-color: #333;
	border-bottom-color: #333;
}
#content-wrapper {
	display: block;
	margin: 0px;
	float: none;
	height: 100%;
	width: 100%;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 20px;
	padding-left: 0px;
	clear: both;
}
#content {
	display: block;
	width: 100%;
	padding: 0px;
	margin: 0px;
	float: left;
}
#content-col-1 {
	display: none;
	width: 90%;
	float: none;
	height: auto;
	text-align: left;
	clear: both;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 20px;
	margin-left: 0px;
	padding-top: 20px;
	padding-right: 5%;
	padding-bottom: 20px;
	padding-left: 5%;
	background-color: #FFF;
	border-bottom-style: none;
}
div.scroll
{
	width: 97%;
	height: 250px;
	overflow-x: hidden;
	overflow-y: scroll;
	margin: 0px;
	padding-right: 3%;
}
#content-col-2 {
	display: block;
	width: 70%;
	height: auto;
	clear: both;
	text-align: left;
	margin-top: 276px;
	margin-right: 15%;
	margin-bottom: 0px;
	margin-left: 15%;
	padding-top: 20px;
}
#content-col-3 {
	display: block;
	float: left;
	text-align: left;
	clear: both;
	padding: 0px;
	width: 90%;
	margin-top: auto;
	margin-right: 5%;
	margin-bottom: auto;
	margin-left: 5%;
}
.route_text {
	font-family: 'Lato', Verdana, Geneva, sans-serif;
	font-size: 1.25em;
	font-weight: 400;
	color: #036;
	margin: 0px;
	padding: 0px;
	text-align: center;
	display: block;
	float: none;
}
#map-your-route-container {
	display: block;
	width: 100%;
	clear: both;
	text-align: center;
	background-image: -webkit-linear-gradient(270deg,rgba(207,227,247,1.00) 0%,rgba(255,255,255,1.00) 100%);
	background-image: -moz-linear-gradient(270deg,rgba(207,227,247,1.00) 0%,rgba(255,255,255,1.00) 100%);
	background-image: -o-linear-gradient(270deg,rgba(207,227,247,1.00) 0%,rgba(255,255,255,1.00) 100%);
	background-image: none;
	background-color: #cfe3f7;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 0px;
	height: auto;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
#map_route_header {
	font-family: 'lato', Verdana, Geneva, sans-serif;
	font-size: 1.5em;
	font-weight: 700;
	color: #FFF;
	text-transform: uppercase;
	background-color: #C00;
	display: block;
	width: 96%;
	text-align: center;
	letter-spacing: .1em;
	line-height: 1.25em;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 0px;
	padding-top: 6px;
	padding-right: 2%;
	padding-bottom: 6px;
	padding-left: 2%;
}
#page-intro-container {
	display: block;
	width: 100%;
	clear: both;
	border-bottom-width: 5px;
	border-bottom-style: solid;
	border-bottom-color: #E4E4E4;
	margin-bottom: 20px;
	background-image: url(../img/page-intro-fill.jpg);
	background-repeat: repeat-x;
	background-position: left top;
	height: 67px;
	margin-right: 0px;
	margin-left: 0px;
	margin-top: 400px;
}
#page-intro {
	display: block;
	width: 90%;
	clear: both;
	margin-top: 0px;
	margin-right: 5%;
	margin-bottom: 0px;
	margin-left: 5%;
}
h1.page-intro {
	font-family: 'Lato', sans-serif;
	color: #D71820;
	text-transform: uppercase;
	font-size: 1.875em;
	line-height: 80px;
	font-weight: 400;
	text-shadow: 1px 1px 1px #FFF;
	margin: 0px;
	padding: 0px;
	text-align: center;
}
.footer {
	background-color: #3F6496;
	background-image: none;
	border-top-width: 4px;
	border-top-style: solid;
	border-top-color: #999;
	display: block;
	height: auto;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
#footer-container {
	width: 90%;
	display: block;
	padding: 0px;
	height: auto;
	margin-top: 0px;
	margin-right: 5%;
	margin-bottom: 0px;
	margin-left: 5%;
}
#footer-column-1 {
	width: 100%;
	font-family: 'Lato', Verdana, Geneva, sans-serif;
	color: #FFF;
	font-size: 12px;
	text-align: center;
	display: block;
	margin: 0px;
	clear: both;
	padding: 0px;
	line-height: 20px;
}
#footer-column-2 {
	width: 100%;
	text-align: center;
	display: block;
	clear: both;
	margin: 0px;
	padding: 0px;
}
}
/* ------------------------------------------
  START SLIDES HERE...HOME PAGE ONLY
--------------------------------------------- */
/*! http://responsiveslides.com v1.54 by @viljamis */

.rslides {
	position: relative;
	list-style: none;
	overflow: hidden;
	width: 100%;
	padding: 0;
	margin: 0;
	z-index: 0;
  }

.rslides li {
  -webkit-backface-visibility: hidden;
  position: absolute;
  display: none;
  width: 100%;
  left: 0;
  top: 0;
  }

.rslides li:first-child {
  position: relative;
  display: block;
  float: left;
  }

.rslides img {
  display: block;
  height: auto;
  float: left;
  width: 100%;
  border: 0;
  }

* {
  margin: 0;
  padding: 0;
}

.rslides {
	padding: 0px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
  }

.callbacks_container {
	position: relative;
	width: 100%;
	max-width: 1024px;
	-webkit-box-shadow: 0px 3px 10px 0px rgba(153, 153, 153, 1);
	-moz-box-shadow: 0px 3px 10px 0px rgba(153, 153, 153, 1);
	box-shadow: 0px 3px 10px 0px rgba(153, 153, 153, 1);
	margin-top: auto;
	margin-right: auto;
	margin-bottom: 20px;
	margin-left: auto;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #999;
	display: block;
  }

.callbacks {
  position: relative;
  list-style: none;
  overflow: hidden;
  width: 100%;
  padding: 0;
  margin: 0;
  }

.callbacks li {
  position: absolute;
  width: 100%;
  left: 0;
  top: 0;
  }

.callbacks img {
  display: block;
  position: relative;
  z-index: 1;
  height: auto;
  width: 100%;
  border: 0;
  }
.callbacks .caption {
	display: block;
	position: absolute;
	z-index: 2;
	background-color: transparent;
	max-width: 1024px;
	height: 100%;
	float: left;
	margin-left: 73.5%;
	background-image: url(../img/slides-headline-fill.png);
	background-repeat: repeat;
	background-position: left top;
	width: 18.25%;
	padding-top: 20px;
	padding-right: 3%;
	padding-bottom: 20px;
	padding-left: 2%;
}
  .caption {
	float: left;
	text-shadow: -1px 1px 1px #036;
	padding: 0px;
	margin: 0px;
	font-family: 'Lato', sans-serif;
	color: #FFF;
	font-size: 22px;
	line-height: 1.375em;
	font-weight: 700;
	}
	.caption a 
	{ 
	color: #3CF;
	text-decoration: none;
	}.caption a:hover 
	{
	color: #FFF;
	text-decoration: none;
	}

.callbacks_nav {
	position: absolute;
	-webkit-tap-highlight-color: rgba(0,0,0,0);
	top: 52%;
	left: 0;
	opacity: 1;
	z-index: 3;
	text-indent: -9999px;
	overflow: hidden;
	text-decoration: none;
	height: 36px;
	width: 25px;
	margin-top: -25px;
	background-color: transparent;
	background-image: url(../img/themes.png);
	background-repeat: no-repeat;
	background-position: 2px top;
  }

.callbacks_nav:active {
  opacity: 1.0;
  }

.callbacks_nav.next {
	left: auto;
	background-position: -23px top;
	right: 0;
  }
@media screen and (max-width: 960px) {
	.max-width-960-AND-NAV-------------------------------- {
	text-decoration: none;
}
  .callbacks_nav {
	top: 52%;
    }
	.callbacks .caption {
	display: block;
	position: absolute;
	z-index: 2;
	background-color: transparent;
	max-width: 960px;
	height: 100%;
	float: left;
	margin-left: 75%;
	background-image: url(../img/slides-headline-fill.png);
	background-repeat: repeat;
	background-position: left top;
	width: 20%;
	padding-top: 20px;
	padding-right: 3%;
	padding-bottom: 20px;
	padding-left: 2%;
}
  }
@media screen and (max-width: 768px) {

	.max-width-768-AND-NAV-------------------------------- {
	text-decoration: none;
}
  .callbacks_nav {
	top: 52%;
    }

.callbacks .caption {
	display: block;
	position: absolute;
	z-index: 2;
	background-color: transparent;
	max-width: 1024px;
	height: 100%;
	float: left;
	background-image: url(../img/slides-headline-fill.png);
	background-repeat: repeat;
	background-position: left top;
	width: 23.5%;
	padding-top: 20px;
	padding-right: 3%;
	padding-bottom: 20px;
	padding-left: 2%;
	font-size: 17px;
	margin-left: 72.5%;
  }
  }
  @media screen and (max-width: 640px) {
	.max-width-640-AND-NAV-------------------------------- {
	text-decoration: none;
}
.callbacks_container {
	position: relative;
	width: 100%;
	margin: auto;
	display: none;
  }
  }
/* ------------------------------------------
  END SLIDES HERE...HOME PAGE ONLY
--------------------------------------------- */
