@charset "utf-8";
/* CSS Document */

body {
	background-color: #b9d7b1;
	margin:0;
	font:1em normal Tahoma, Arial, Helvetica, sans-serif;
	background-image:url(../images/shadowmod.png);
	background-position:top center;
	background-repeat:repeat-x;
	background-repeat:repeat-y;
}

#wrapper {
width:960px;
margin:auto;
/*background-color:#4f5468;*/

}


#topnavwrapper {
float:left;
width:960px; 
background-color:#4f5468; 
height:30px;
margin-top:3px;
}

.mattblacktabs {
width: 100%;
overflow: hidden;
/*border-bottom: 1px solid black;*/ /*bottom horizontal line that runs beneath tabs*/
}

.mattblacktabs ul{
margin: .3em 0;
padding: 0;
padding-left: 10px; /*offset of tabs relative to browser left edge*/
font:.9em bold Arial, Helvetica, sans-serif;
list-style-type: none;
text-align: center;
float:right;
}

.mattblacktabs li{
display: inline;
margin: 0;
}

.mattblacktabs li a{
float: left;
display: block;
text-decoration: none;
margin: 0;
padding: .1em 1em; /*padding inside each tab*/
border-right: 1px solid white; /*right divider between tabs*/
color: white;
font-variant:small-caps;
/*background: #414141;*/ /*background of tabs (default state)*/
}

.mattblacktabs li a:visited{
color: white;
}

.mattblacktabs li a:hover, .mattblacktabs li.selected a{
color: #fff;
background-color:#F60; /*background of tabs for hover state, plus tab with "selected" class assigned to its LI */
}


noline.li a:link, noline.li a:visited, noline.li a:hover {
border-right:none;
}

#content {
	float:left;
	width:940px;
	background-color:#fff;
	/*height:500px;*/
	padding:8px 10px .8em 10px;
}

#footer {
	float:left;
	width:960px;
	background-color:#4f5468;
	/*height:5em;*/
	font:.8em bold Tahoma, Arial, Helvetica, sans-serif;
	line-height:110%;
	color:#fff;
	text-align:center;
	padding:5px 0;
}



#footer ul {
margin:1em 0;
padding: 0;
list-style-type: none;
text-align: center;
}

#footer ul li { display: inline; }

#footer ul li a {
font:.8em bold Tahoma, Arial, Helvetica, sans-serif;
font-variant:small-caps;
text-decoration: none;
padding: .1em 1em;
color: #fff;
border-right:1px solid #fff;
}

#footer ul li a:hover {
color: #F60;
text-decoration: underline;
}

#footer li.noborder {
border-right:none;
}

#footer .mbi {
font: .85em bold Tahoma, Arial, Helvetica, sans-serif;
}

#footer .mbi a:link, #footer .mbi a:visited {
text-decoration:none;
color: #fff;
}

#footer .mbi a:hover {
text-decoration:underline;
}


#apDiv1 {
	position:absolute;
	left:12%;
	width:235px;
	height:250px;
	z-index:2;
}

#apDiv2 {
	position:relative;
}

#menu { position:relative; margin:0; }

#menu #wrapper {
	position:absolute;
	top: 0;
	left: -8px;
	/*background-color:red;*/
	width:238px;
	height:304px;
	}

#menu #wrapper #menutop {
	height:48px;
	background-image:url(../images/menu-topb2.png);
	background-position:top left;
	background-repeat:no-repeat;
}

#menu #wrapper #menutop  p{
	font:bold 1.1em  Arial, Helvetica, sans-serif;
	text-indent: 18%;
	padding:22px 0 0 0;
	font-variant: small-caps;
	color:#89660A;
}

#menu #wrapper #menumiddle {
	background-image:url(../images/menu-middleb2.png);
	background-position:top left;
	background-repeat:repeat-y;
	padding:10px 15px 50px 15px;
}

#menu #wrapper #menubottom {
height:48px;
background-image:url(../images/menu-bottomb2.png);
background-position:bottom left;
background-repeat:no-repeat;
} 



#rideralert {
float:left; 
width:100%; 
height:65px; 
background-color:#D45029;
}


#triplanner {
	float:left;
	width:100%;
	height:180px;
	background-color:#eee;
	margin:7px 0;
}

#triplanner .innerblock {
margin-left:240px; 
width:535px; 
height:176px; 
background-image:url(../images/tripplanner_module.jpg); 
background-repeat:no-repeat; 
background-position:top left; 
background-color:#9C9FAB;
}

.smallgrey {
	font-size:0.8em;
	color:#ccc;
}

.bottomtablewrap {
float:right; width:510px; padding-top: 10px;}

#bottom {
	float:left;
	width:100%;
	background-color:#E4DBA5;
	padding-bottom: 5em;
}

.poi {
float:left; 
width:238px; 
margin-right:20px; 
padding:50px 0; 
text-align:center;
}

#rightad {
	float:right;
	width:160px;
	background-color:#fff;
	border-left: 1px solid #eee;
}

#rideralertsimg {
	margin-left:240px;
	float:left;
	width:117px;
	height:65px;
	background-image:url(../images/rideralerts.gif);
	background-repeat:no-repeat;
	background-position:center left;
}

#rideralertsmessage {
	float:right;
	width:390px;
	padding: 8px 10px 0 10px;
	height: 58px;
	color:#fff;
	font-size:0.7em;
}

#rideralertsmessage a:link, #rideralertsmessage a:visited {
color:#000;
}

#rideralertsmessage a:hover {
text-decoration:none;
}


#flashheader {
float:left; 
width:940px; 
height:206px; 
padding-bottom:5px;
}

.dartDesc {
	font:.85em normal "Trebuchet MS", Arial, Helvetiva, sans-serif;
	text-align:justify;
}

.dartDesc a:link, .dartDesc a:visited  {
font-size:.8em;
color:#B82E35;
text-decoration:none;
}

.dartDesc a:hover  {
text-decoration:underline;
}


.maxDesc {
	font:.85em normal "Trebuchet MS", Arial, Helvetiva, sans-serif;
	text-align:justify;
}

.maxDesc a:link, .maxDesc a:visited  {
font-size:.8em;
color:#428BD8;
text-decoration:none;
}

.maxDesc a:hover  {
text-decoration:underline;
}

hr {color:#ddd; height:1px;}
/*subpages*/

#header {
float:left; 
width:940px; 
height:100px; 
padding-bottom:5px;
background-color:#eee;
background-image:url(../images/gen_header.jpg);
background-repeat:no-repeat;
background-position:top left;
border:1px solid #ccc;
}

#leftholder {
float:left; width:775px;
}

#subcontent {
	float:left;
	width:100%;
	background-color:#fff;
	margin:7px 0;
}

#subcontent .contentalign{ 
width:535px;
float:left; 
}

#subcontent .leftcolumn{
width:240px; float:left;
}

#subcontent .leftcolumn .flash {
width:187px; border:5px solid #ccc; margin:auto;}

#subcontent .contentalign h1 {
color:#ccc;
margin:0 0 7px 0;
border-bottom:1px solid #DDD;
}

.breadcrumb {
padding:5px 0;
font-size:.7em;
color:#ccc;
}

.breadcrumb a, .breadcrumb a:visited {
	/*font-size:.7em;*/
color:#000055;
padding:0 3px;
	text-decoration:underline;
}

.breadcrumb a:hover {
text-decoration:none;
}

/*newspage*/

.news {
font-family:"Trebuchet MS", Arial, Helvetiva, sans-serif;
font-size:.8em;
}

.news h2, h3, h4, h5, h6, h7 {
	font-family:Arial, Helvetica, sans-serif;
	color:#333;
	font-size:1.2em;
}

.news .subheader {
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	padding:3px 0;
}


.news .date{
	font-size:0.85em;
	color:#333;
	margin-left:3px;
}

.news p{
	padding:2px 5px 3px 0px;
	color:#333;
}

.news  p.reg {
	padding:3px;
	color:#333;
	font-family:Georgia, "Times New Roman", Times, serif;
	/*display:block;*/
}


.news img{
padding:0 5px 2px 5px;
}


.news a, .news a:visited {
color:#006699;
/*font-weight:bold;*/
text-decoration:underline;
}

.news  a:hover {
color:#900;
text-decoration:none;
}

.news .headline a:link, .news .headline a:visited  {
color:#006699;
font-weight:bold;
text-decoration:underline;
font-size:1.2em;
margin-bottom:3px;
}

.news .headline a:hover {
color:#900;
text-decoration:none;
}


.news span {
/*text-align:right;*/
padding-top:10px;
}

.newsDetail {
font-size:.8em;
font-family:"Trebuchet MS", Arial, Helvetiva, sans-serif;
}

.newsDetail h2{
	margin:2px 0;
	color:#000044;
}

.newsDetail .date{
	font-size:0.85em;
	color:#ccc;
	margin-left:10px;
}

.newsDetail p{
	padding:0px 3px;
	color:#333;
	/*display:block;*/
}


.newsDetail img{
padding:0 5px 2px 5px;
}


.newsDetail a, .newsDetail a:visited {
color:#000044;
font-weight:bold;
text-decoration:none;
}

.newsDetail  a:hover {
	color:#000088;
	text-decoration:underline;
}

.newsDetail span {
/*text-align:right;*/
padding-top:10px;
font-weight:bold;
}

.newsmenulinks  {
	width:160px;
	/*border-top: 1px solid #ccc;*/
	border-bottom:1px solid #ccc;
	/*margin-top:1em;*/
	/*background-color:#fff;*/
	margin-bottom:1em;
}

.newsmenulinks p{
color:#333;
font-size:1em;
font-weight:bold;
text-align:center;
margin:4px 0;
}

.newsmenulinks ul {
margin:4px 0;
padding: 0;
list-style-type: none;
text-align: center;
}

.newsmenulinks ul li a, .newsmenulinks ul li a:visited {
	font:.8em bold Tahoma, Arial, Helvetica, sans-serif;
	text-decoration: none;
	padding: .3em 0;
	color: #2A1FFF;
	margin:5px 0;
	/*border-bottom:1px solid #ddd;*/
	display:block;
}


.newsmenulinks ul li a:hover {
color: #F60;
/*border:1px solid #ddd;
*/}

.news .toplink a:link, .news .toplink a:visited{
/*float:left;*/
/*display:block;*/
color:#ccc;
padding:3px;
text-decoration:none;
border:1px solid #ccc;
}

.news .toplink a:hover {
text-decoration:none;
border:1px solid #900;
color:#900;
}


.news td.top {
	font-weight:bold;
	background-color:#F2CD37;
	/*background-color:#ffff33;*/
	padding:4px 5px;
	color:#000;
}

.news td {
padding:3px 5px;
border-bottom:1px solid #ddd;
}

.news td.noline {
border-bottom:none;
}

.news th.padtop {
padding:3px 0;
}

.news th.leftalign {
padding:3px 0;
text-align:left;
}

.news ol, ul {
	margin:0 10px;
	padding:0;
	list-style-position:outside;
}

.news li {
	padding:3px 0;
	margin: 0 0 0 8px;
}

.news .dropout {
	background-color:#EEEEEE;
	border:1px dotted #CCCCCC;
	color:#333;
	width:500px;
	padding:10px;
	margin: 0 auto;
}

.nolink {
color:#666;
}

/*news page end*/


/*routes styles*/

.routes {
font-family:"Trebuchet MS", Arial, Helvetiva, sans-serif;
font-size:.8em;
padding:5px;
}

.routes .hidden {
float:left;
width:500px; 
margin-left:10px; 
margin-bottom:10px; 
height:auto;
/*display:none;*/
}

.routes .hidden a:link, .routes .hidden a:visited {
	text-align:center;
	text-decoration:none;
	padding:5px;
	color:#333;
	width:10em;
	float:left;
	display:block;
	border:1px solid #ccc;
	margin:0 4px;
}

.routes .hidden a:hover {
text-decoration:none;
border:1px solid #990000;
color:#990000;
}


.routes .date{
	font-size:0.85em;
	color:#ccc;
	margin-left:10px;
}


.routes .hidden p a:link, .routes .hidden p a:visited {
	padding:5px;
	color:#333;
	width:3em;
	float:right;
	display:block;
	border:1px solid #ccc;
	/*clear:left;*/
	/*margin:0 4px;*/
}

.routes .hidden p a:hover {
text-decoration:underline;
border:1px solid #990000;
color:#990000;
}



.routes img{
padding:5px;
/*border:1px solid #ccc;*/
border:none;
float:left;
margin:0 5px;
}


.routes a:link h2  , .routes  a:visited h2 {
	margin:1em 1em;
	color:#A0A0A4;
	border:1px solid #eee;
	display:block;
	padding:3px;
	font-size:1.2em;
	text-decoration:none;
	clear:left;
}

.routes a:selected h2 {
background-color:#0000FF;
}

.routes   a:hover h2 {
	color:#000088;
	background-color:#F0F0F0;	/*text-decoration:underline;*/
}

.routes span {
/*text-align:right;*/
padding-top:10px;
}

.swmap {
font-family:"Trebuchet MS", Arial, Helvetiva, sans-serif;
font-size:.8em;
}

.swmap a:link, .swmap a:visited {
color:#006699;
text-decoration:underline;
}

.swmap img {
text-align:center;
padding:5px;
border:1px solid #ccc;
}

/*.routes .alerts_drop {
background-color:#EEEEEE; border:1px dotted #CCCCCC; 
color:#333; width:450px;padding:10px;
}*/


.routes .alerts_drop {
border:1px solid #ddd; 
color:#333; 
width:450px;
padding:10px;
margin:5px;
}

.routes p.alerts_link  a:link, .routes p.alerts_link  a:visited {
	padding:5px;
	color:#333;
	width:90%;
	display:block;
	border:1px solid #ccc;
	text-decoration:none;
	/*margin:0 4px;*/
}

.routes p.alerts_link  a:hover {
/*text-decoration:underline;*/
border:1px solid #990000;
color:#990000;
/*background-color:#ccc;*/
}

.routes .toplink a:link, .routes .toplink a:visited{
/*float:left;*/
/*display:block;*/
color:#ccc;
padding:3px;
text-decoration:none;
border:1px solid #ccc;
}

.routes .toplink a:hover {
text-decoration:none;
border:1px solid #900;
color:#900;
}

/*Fares & Passes styles*/

.fares {
font-family:"Trebuchet MS", Arial, Helvetiva, sans-serif;
font-size:.8em;
padding:5px;
}

.fares table {
	font-size:1em;
	width:520px;
	/*border:1px solid #ddd;*/
}

.fares th {
	font-weight:bold;
	/*background-color:#eee;*/
	color:#333;
	text-align:left;
	padding:3px 5px;
	border-bottom:1px solid #ccc;
}

.fares td.top {
font-weight:bold;
background-color:#006699;
text-align:center;
padding:3px 5px;
color:#fff;
}

.fares td {
/*font-weight:bold;*/
padding:3px 10px;
border-bottom:1px solid #ccc;
}

.fares td.noline {
border:none;
}

.fares table.anchor  {
font-size:.9em;
width:500px;
border-top:1px solid #ddd;
border-bottom:1px solid #ddd;
}

.fares  td.top .anchor {
font-weight:bold;
background-color:#006699;
text-align:center;
padding:3px 0;
color:#fff;
}

.fares td.anchor {
/*font-weight:bold;*/
padding:3px 2px;
vertical-align:top;
border:none;
}

.fares td.noline .anchor  {
border:none;
}


.fares p {
padding:2px 0;
}

.fares ol, ul {
margin:0 10px;
padding:0;
list-style-position:inside;
}

.fares li {
padding:3px 0;
}

.fares .subheader {
font-weight:bold;
padding:3px;
}

.fares h2, h3, h4{
	/*margin:1em 1em;*/
	font-family:Arial, Helvetica, sans-serif;
	color:#333;
	font-size:1.2em;
}


.fares h2.divider   , .fares h2.divider  {
	margin:.7em 0;
	color:#000;
	border:1px solid #eee;
	display:block;
	background-color:#F2CD37;
	padding:3px;
	font-size:1.2em;
	text-decoration:none;
	clear:left;
}



.fares .toplink a:link, .fares .toplink a:visited{
/*float:left;*/
/*display:block;*/
color:#ccc;
padding:3px;
text-decoration:none;
border:1px solid #ccc;
}

.fares .toplink a:hover {
text-decoration:none;
border:1px solid #900;
color:#900;
}

.fares a:link, .fares a:visited{
color:#006699;
text-decoration:underline;
}

.fares a:hover {
text-decoration:none;
color:#900;
}

.fares img {
padding:4px 5px;
}


/*riding BJCTA */

.rides {
font-family:"Trebuchet MS", Arial, Helvetiva, sans-serif;
	font-size:0.8em;
	padding:5px;
}

.rides table {
	font-size:1em;
	width:500px;
}

.rides th {
font-weight:bold;
/*background-color:#eee;*/
color:#333;
text-align:right;
padding:3px 5px;
}

.rides td.top {
	font-weight:bold;
	background-color:#F2CD37;
	text-align:center;
	padding:3px 5px;
	color:#000;
}

.rides td {
/*font-weight:bold;*/
padding:3px 10px;
border-bottom:1px solid #ccc;
}

.rides td.noline {
border:none;
}

.rides p {
padding:2px 0;
text-align:justify;
}

.rides p.nopad {
padding:0;
}

.rides ol, ul {
	margin:0 10px;
	padding:0 0 0 10px;
	list-style-position:outside;
}

.rides li {
	padding:3px 0;
}

.rides .subheader {
font-weight:bold;
padding:3px;
}

.rides h2, h3, h4, h5, h6, h7 {
	font-family:Arial, Helvetica, sans-serif;
	/*margin:1em 1em;*/
	color:#333;
	font-size:1.2em;
}

.rides .headersub {
	font-family:Arial, Helvetica, sans-serif;
	margin:0;
	color:#333;
	font-size:1.2em;
	font-weight:bold;
}

.rides img {
padding:5px;
border:1px solid #ccc;
margin:0 3px;
clear:both;
}

.rides a:hover img {
border:1px solid #990000;
}

.rides a:link, .rides a:visited{
color:#006699;
text-decoration:underline;
}

.rides a:hover {
text-decoration:none;
color:#900;
}

.rides .toplink a:link, .rides .toplink a:visited{
color:#ccc;
padding:3px;
text-decoration:none;
border:1px solid #ccc;
}

.rides .toplink a:hover {
text-decoration:none;
border:1px solid #900;
color:#900;
}


/*about BJCTA */

.about {
	/*font-family:Georgia, "Times New Roman", Times, serif;*/
	font-family:"Trebuchet MS", Arial, Helvetiva, sans-serif;
	font-size:0.8em;
	padding:5px;
}

.about table {
	font-size:1em;
	width:520px;
/*border:1px solid #ddd;*/
}

.about .faqtable {
	font-size:.9em;
	width:100%;
/*border:1px solid #ddd;*/
}

.about th {
	font-weight:bold;
	/*background-color:#eee;*/
	color:#333;
	text-align:left;
	padding:3px 0;
	/*border-bottom:1px solid #ccc;*/
}

.about td.top {
font-weight:bold;
background-color:#F2CD37;
/*text-align:center;*/
padding:3px 5px;
color:#000;
}

.about td {
/*font-weight:bold;*/
padding:3px 0;
/*border-bottom:1px solid #ccc;*/
}

.about td.noline {
border:none;
}

.about td.line {
border-bottom:1px solid #ccc;
}

.about td.centerphoto {
text-align:center;
}

.about p {
padding:2px 0;
text-align:justify;
}

.about p.nopad {
padding:0;
}

.about ol, ul {
	margin:0 10px;
	padding:0 0 0 10px;
	list-style-position:outside;
}

.about li {
	padding:3px 5px;
}

.about .subheader {
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
padding:3px;
}

.about h2, h3, h4, h5, h6, h7 {
	font-family:Arial, Helvetica, sans-serif;
	color:#333;
	font-size:1.2em;
}

.about img {
padding:5px;
border:1px solid #ccc;
/*margin:0 3px;
*//*clear:both;*/
}

.about .imagecaption {
font-size:.85em;
/*border:1px solid #ccc;
background-color:#eee;*/
text-align:center;
display:block;
}


.about a:hover img {
border:1px solid #990000;
}

.about a:link, .about a:visited{
color:#006699;
text-decoration:underline;
}

.about a:hover {
text-decoration:none;
color:#900;
}

.about .toplink a:link, .about .toplink a:visited{
color:#ccc;
padding:3px;
text-decoration:none;
border:1px solid #ccc;
}

.about .toplink a:hover {
text-decoration:none;
border:1px solid #900;
color:#900;
}

/*ticket pop styles*/
.ticketpopdate {
font:.8em normal "Trebuchet MS", Arial, Helvetiva, sans-serif;
color: #999999;
}

.ticketpopcontent {
font:.85em normal "Trebuchet MS", Arial, Helvetiva, sans-serif;
color:#333333;
}


.ticketpopcontent a:link, .ticketpopcontent a:visited {
color:#006699;
text-decoration:underline;
}

.ticketpopcontent a:hover {
text-decoration:none;
color:#900;
}


/*holiday schedule*/
ul.holidaysch {
	list-style-type:none;
	margin-bottom:10px;
}

li.holidaysch {
	padding:3px 0;
}

li.holidaysch a:hover {
	text-decoration:none;
}