html, body {margin:0; padding:0; font-family:"Myriad Pro", Arial, Helvetica, sans-serif; font-size:1em; font-weight:normal;}
#layout { background-color:#8CC63F; border-collapse:collapse; padding: 0; margin: 0; width:auto; height:auto}
#topNav {background-color:#000000; width:100%; font-family:Arial, Helvetica, sans-serif; text-align:left; vertical-align:bottom; text-wrap:none; font-weight:bold; color:#231F20; background-repeat:no-repeat; letter-spacing: .25em;}
#topNav img {padding-right:20px; vertical-align:middle;}
#topNav a { text-decoration:none; color:#FFFFFF;cursor:hand; padding: 5px;}
#topNav a:hover, #topNav a:active, #topNav a:focus {color: #8CC63F;}
#topNav td {white-space: nowrap;}
#mainContent {background-color:#FFFFFF; width:100%; vertical-align:top; font-weight:normal; color:#231F20; height:100%}
#mainContent td {border: 1px solid #CCC;}
#mainContent th {border: 1px solid #CCC; padding: 5px;}
#Content {border-collapse:collapse;  width:auto; padding: 0; margin: 0;}
#sideNav {background-color:#8CC63F; vertical-align:top; margin:0; padding: 15px 5px; font-family:Arial, Helvetica, sans-serif font-weight:bold; color:#FFFFFF; width:auto;}
#sideNav td {white-space: nowrap;}
#navlist {margin-left: 0;padding-left: 0;list-style: none;}
#navlist li{padding-left: 10px;padding-bottom:15px;}
#navlist a { text-decoration:none; color:#FFFFFF;cursor:hand; padding: 5px;}
#navlist a:hover, #navlist a:active, #navlist a:focus {color: #000000;}
#navlist ul { list-style: none; }
#stretch {height:auto;}
button {background-color:#231F20; color:#FFFFFF; cursor:hand;}
img {border:none;}
#bodyContent td {border: 1px solid #CCC;}
#bodyContent th {border: 1px solid #CCC; padding: 5px;}
caption {font-size:1.2em; font-weight:bold; padding-bottom:1em;}
ol li {padding-bottom:1em;}

.center { text-align:center;}
.weather { font-size:1.2em; color:#FF0000; }
.larger {font-size:1.1em;}
.emphasis {font-weight:bold; color:#000099; font-size:1.1em; }
.redText {color:#CC0000; font-size:1.1em; font-weight:bold;}
.autoSize {width:auto;}

#footer {background-color:#000000; width:100%; text-align:center; vertical-align:middle; font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:normal; color:#FFFFFF;}
#footer a { text-decoration:none; color:#FFFFFF;cursor:hand;}
#footer a:hover, #topNav a:active, #topNav a:focus {color: #8CC63F;}

/** Table Styles **/
#fares {text-align:center; border-collapse:collapse;}
#fares td {border:none;}
#fares th {border:none;}
.yellow {text-align:left; background-color:#8CC63F; border-top: 4px solid black !important;}
.row {text-align:left;}

.times {text-align:center;}

#DIA {text-align:center;}
.DIA_yellow {background-color:#FFFF99; border-collapse:collapse;}
.DIA_red {background-color:#CC0000}
.popup
{
	 position:absolute; left:0; top:0;
   border-style:solid;
   border-width:4;
   border-color:#8CC63F;
   background-color:#231F20;
   padding:5px;
   color:#FFFFFF;
   font-family:Arial;
   font-weight:bold;
   font-size:10pt;
	 letter-spacing:normal;
   z-index:2;
   visibility:hidden;
	 text-wrap:normal;
}