body
	{
	background: #fff;
	margin: 0;
	padding: 10px;
	text-align: center;
	}

img
	{
	border: 0;
	}

a
	{
	text-decoration: none;
	color: #58c;
	}

a:hover, a.active
	{
	text-decoration: underline;
	}

div#homenav h2 a
	{
	color: #99c;
	}

div#homenav h2 a:hover, div#homenav h2 a.active
	{
	text-decoration: none;
	color: #fff;
	}

h1, h2, h3, h4, h5, p, blockquote, ul, li, div, td, th, a, ol
	{
	font-family: arial, sans-serif;
	}

h1, h2, h3, h4, h5, p, blockquote, li, div, td, th
	{
	margin: 0;
	}

td, th
	{
	vertical-align: top;
	}
	
table.stationtable tr td, table.timetable tr td
	{
	border-top: 1px solid #aaa;
	}

table.stationtable tr td, table.stationtable tr th
	{
	font-size: 11px;
	padding: 3px 15px 0 0;
	text-align: center;
	}

table.timetable tr td, table.timetable tr th
	{
	font-size: 10px;
	padding: 2px;
	text-align: center;
	background-color: #fff;
	}

table.timetable tr.shaded td, table.timetable td.shaded
	{
	background-color: #def;
	}

table.timetable tr th
	{
	background-color: #58c;
	color: #fff;
	border-right: 1px solid #fff;
	}

table.timetable, table.reservation
	{
	margin-bottom: 20px;
	}

table.reservation td
	{
	padding-right: 10px;
	}

p
	{
	padding: 0 0 20px 0;
	font-size: 13px;
	line-height: 140%;
	color: #333;
	}

td, th
	{
	padding: 0 0 5px 0;
	font-size: 13px;
	line-height: 140%;
	color: #333;
	}
	
li
	{
	padding: 0;
	font-size: 13px;
	line-height: 140%;
	color: #333;
	}

ul, ol
	{
	margin: 0 0 0 22px;
	padding: 0 0 20px 0;
	}
	
h1
	{
	font-size: 32px;
	line-height: 32px;
	font-weight: normal;
	padding: 15px;
	background-color: #79d;
	color: #fff;
	text-transform: uppercase;
	letter-spacing:2px;
	margin: 0 0 5px 0;
	}

body.home h1
	{
	display: none;
	}

body.trainstatus h1
	{
	background-color:#f53;
	}

body.routeandschedules h1
	{
	background-color:#eb1;
	}

body.stations h1
	{
	background-color:#063;
	}

body.connections h1
	{
	background-color:#610;
	}

body.specialoffers h1
	{
	background-color:#e08;
	}

body.onboard h1
	{
	background-color:#ac6;
	}

body.mystop h1
	{
	background-color:#09c;
	}

body.aboutccjpa h1
	{
	background-color:#528;
	}

body.contact h1
	{
	background-color:#567;
	}

body.blogs h1
	{
	background-color:#037;
	}

h2
	{
	font-size: 20px;
	padding: 0 0 10px 0;
	color: #eb1;
	font-weight: normal;
	}

h2 img, h2 span
	{
	float: left;
	margin: 0 2px 0 0;
	}

h3
	{
	font-size: 18px;
	padding: 0;
	color: #037;
	font-weight: normal;
	}

body.home h3
	{
	font-size: 14px;
	}

h4
	{
	font-size: 14px;
	padding: 15px 0 0 0;
	color: #037;
	border-top: 2px dotted #79d;
	}

div, form
	{
	margin: 0;
	padding: 0;
	}

.right
	{
	float: right;
	margin-left: 15px;
	}
	
.left
	{
	float: left;
	margin-right: 5px;
	}
	
img.left
	{
	margin-bottom: 15px;
	}
	
div#container
	{
	width: 1020px;
	position: relative;
	text-align: left;
	margin: 0 auto;
	}

a#logo
	{
	position: absolute;
	top: 10px;
	left: 10px;
	width: 196px;
	}
	
div#topnav
	{
	background-color: #eef;
	padding: 15px 0 10px 230px;
	position: relative;
	margin-bottom: 5px;
	}

div#topnav p
	{
	padding-bottom: 15px;
	font-size: 12px;
	font-weight: bold;
	}

div#topnav a
	{
	color: #58c;
	}

div#topnav a:hover, div#topnav a.active
	{
	text-decoration: none;
	color: #036;
	}

div#topnav form
	{
	position: absolute;
	right: 15px;
	top: 15px;
	}
	
div#leftnav
	{
	float: left;
	width: 165px;
	padding: 25px 0 0 15px;
	}

body.farefinder div#leftnav
	{
	display: none;
	}

body.home div#leftnav
	{
	padding: 0;
	width: 270px;
	}

div#leftnav a
	{
	display: block;
	font-size: 12px;
	margin: 0;
	padding: 0 0 10px 0;
	color: #036;
	}

div#leftnav a:hover, div#leftnav a.active
	{
	font-weight: bold;
	text-decoration: none;
	}

div#content
	{
	background: url("/included/images/greystrip.gif") 0 0 repeat-y;
	}

body.store div#content
	{
	background: none;
	}

body.home div#content, body.farefinder div#content
	{
	background: 0;
	position: relative;
	}

div#homestations
	{
	width: 743px;
	background-color: #eb1;
	}

div#homestations h3
	{
	color: #fff;
	padding: 10px;
	font-weight: bold;
	}

div#homestations p
	{
	padding: 0 10px 10px 10px;
	}

div#footer
	{
	margin-top: 15px;
	clear: both;
	}

div#footer p a
	{
	color: #036;
	font-weight: bold;
	}
	
input
	{
	border: 1px solid #999;
	font-size: 10px;
	color: #999;
	}

input.button
	{
	color: #fff;
	background: #58c;
	font-size: 11px;
	width: auto;
	padding: 0 0 1px 0;
	}

div.separator
	{
	border-bottom: 1px solid #58c;
	margin-bottom: 15px;
	padding-bottom: 15px;
	}

p#printicon
	{
	float: right;
	margin-top: -40px;
	}

div#contentleft
	{
	float: left;
	width: 490px;
	padding-left: 10px;
	}
	
body.home div#contentleft
	{
	padding-left: 7px;
	}
	
div#contentright
	{
	float: right;
	width: 310px;
	background-color: #eee;
	padding: 10px;
	margin-right: 0;
	}

.borderline
	{
	border-bottom: 1px solid #ccc;
	padding-bottom: 10px;
	margin-bottom: 10px;
	}

table.promos
	{
	width: 840px;
	}

table.promos td
	{
	border: 1px solid #58c;
	padding: 10px;
	vertical-align: top;
	}

table.transittransfers td
	{
	border-bottom: 1px solid #eee;
	padding: 10px 0;
	vertical-align: top;
	}
	
form#navform p
	{
	padding: 15px;
	}

div#notesection
	{
	background-color: #cdf;
	float: left;
	}

div#notesection div
	{
	padding: 10px;
	float: left;
	width: 454px;
	background-color: #cdf;
	}

span.busstopontrainroute
	{
	font-style: italic;
	background-color: #cdf;
	}

table.farefinder
	{
	width: 100%;
	}

table.farefinder td
	{
	margin: 0;
	padding: 0;
	vertical-align: top;
	}

div#ff_state
	{
	background-color: #79d;
	padding: 10px;
	height: 307px;
	}

label, div#ff_state p, div#ff_state a, div#ff_state div, table.farefinder td
	{
	color: #036;
	font-size: 10px;
	}

div#ff_state a
	{
	color: #eb1;
	font-weight: bold;
	}

div#ff_state a:hover, div#homeleftnav p a:hover
	{
	color: #036;
	}

div#ff_state h2
	{
	color: #fff;
	}

label
	{
	display: inline;
	}

div#homeleftnav p {
	height: 24px;
	padding: 4px 10px 2px 10px;
	margin: 2px 0;
	color: #fff;
	font-weight: bold;
}

div#homeleftnav p a {
	color: #fff;
}



/* The Nivo \ styles */
.nivoSlider {
	position: relative;
	z-index: 0;
}
.nivoSlider img {
	position:absolute;
	top:0px;
	left:0px;
}
/* If an image is wrapped in a link */
.nivoSlider a.nivo-imageLink {
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	border:0;
	padding:0;
	margin:0;
	z-index:6;
	display:none;
}
/* The slices and boxes in the Slider */
.nivo-slice {
	display:block;
	position:absolute;
	z-index:5;
	height:100%;
}
.nivo-box {
	display:block;
	position:absolute;
	z-index:5;
}
/* Caption styles */
.nivo-caption {
	position:absolute;
	left:50px;
	top: 50px;
	color:#fff;
	opacity:0.8; /* Overridden by captionOpacity setting */
	width: 880px;
	z-index:8;
}
.nivo-caption p {
	padding:5px;
	margin:0;
    color: #fff;
}
.nivo-caption a {
	display:inline !important;
}
.nivo-html-caption {
    display:none;
    color: #fff;
}
/* Direction nav styles (e.g. Next & Prev) */
.nivo-directionNav a {
	position:absolute;
	top:45%;
	z-index:9;
	cursor:pointer;
}
.nivo-prevNav {
	left:0px;
}
.nivo-nextNav {
	right:0px;
}
/* Control nav styles (e.g. 1,2,3...) */
.nivo-controlNav a {
	position:relative;
	z-index:9;
	cursor:pointer;
}
.nivo-controlNav a.active {
	font-weight:bold;
}
/*============================*/
/*=== Custom Slider Styles ===*/
/*============================*/
#slider-wrapper {
    width:743px;
    height:400px;
    margin:0 auto 10px auto;
}

#slider {
	position:relative;
    width:743px;
    height:400px;
}

#slider img {
	position:absolute;
	top:0px;
	left:0px;
	display: none;
}

#slider a {
	border:0;
	display:block;
}

.nivo-controlNav {
	position:absolute;
	left:260px;
	bottom:-42px;
}

.nivo-controlNav a {
	display:block;
	width:22px;
	height:22px;
	background:url(/included/images/bullets.png) no-repeat;
	text-indent:-9999px;
	border:0;
	margin-right:3px;
	float:left;
}

.nivo-controlNav a.active {
	background-position:0 -22px;
}

.nivo-directionNav a {
	display:block;
	width:30px;
	height:30px;
	background:url(/included/images/homepage/arrows.png) no-repeat;
	text-indent:-9999px;
	border:0;
	margin-top: 70px;
}

a.nivo-nextNav {
	background-position:-30px 0;
	right:15px;
}

a.nivo-prevNav {
	left:15px;
}

div#sliderpro p a
	{
	color: #fff;	
	}