z@font-face {
	font-family: 'DroidSansRegular';
	src: url('DroidSans-webfont.eot');
	src: local('☺'), url('DroidSans-webfont.woff') format('woff'), url('DroidSans-webfont.ttf') format('truetype'), url('DroidSans-webfont.svg#webfont') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'DroidSansBold';
	src: url('DroidSans-Bold-webfont.eot');
	src: local('☺'), url('DroidSans-Bold-webfont.woff') format('woff'), url('DroidSans-Bold-webfont.ttf') format('truetype'), url('DroidSans-Bold-webfont.svg#webfont') format('svg');
	font-weight: normal;
	font-style: normal;
}






body {
	margin:10px 0 0 0;
	background:#e1e9f2 url(/images/bk.jpg) repeat-x top center;
	font-size:12px;
	font-family:DroidSansRegular, arial;
	line-height:1.3em;
	} 



/* Resets */	
ol, ul, p, div {margin:0; padding:0;}

a img {border:none;}

a {color:#000;}
a:hover {color:#3d4c57;}
	
/* classes */

.clear {
	display:block;
	width:auto;
	clear:both;
	margin:0;
	padding:0;
}

.buffer {
	display:block;
	width:auto;
	margin:0;
	padding:0;
	height:3px;
	overflow:hidden;
}

.nobr {white-space:nowrap;}


.alertBox {
background: #fff2cd;
border: solid #f8ba34 1px;
width:auto;
display:block;
padding: 8px 15px;
color:#000;
margin:16px 30px 8px 0;
}


a.button {
display:block;
font-size: 1.5em;
margin: 0.8em 0;
font-weight:normal;
font-family:DroidSansBold, DroidSansRegular, arial, sans-serif;
text-decoration:underline;
}	
	
/* Structural */


#header {
clear:both;
background:#fff url(/images/header_corner.gif) no-repeat top right;
width:970px;
height:130px;
margin-left:auto;
margin-right:auto;
padding:15px 0;
}

#nav {
list-style:none;
display:block;
margin:0;
padding:0;
width:970px;
margin-left:auto;
margin-right:auto; 
}

#page {
background:#fff;
display:block;
width:970px;
clear:both;
margin-top:0;
margin-left:auto;
margin-right:auto;
margin-bottom:0px;
padding-bottom:0px;
}

#subNav {
width:254px;
margin-left:31px;
float:left;  
display:inline;
}

#article {
width:auto;
margin-left:314px;
}


#section {
width:405px;
}

#aside {
width:202px;
margin-right:30px;
float:right;
display:inline;   
}

#footer {
display:block;
width:930px;
clear:both;
color:#666;
font-size:1em;
margin-top:0;
margin-left:auto;
margin-right:auto;
padding:18px 20px 20px 20px;
background: #fff url(/images/footer.gif) bottom no-repeat;
}  

.credit {
background:none;
display:block;
width:930px;
clear:both;
color:#6b7a93;
font-size:1em;
margin-top:0;
margin-left:auto;
margin-right:auto;
padding:8px;
text-align:right;
margin-bottom:25px;
} 

.credit a {
color:#6b7a93;
font-size:9px;
text-decoration:none;
text-transform:uppercase;
font-family:verdana;
}




/* Styles */

h1 {
font-family:DroidSansBold, DroidSansRegular, arial, sans-serif;
font-size:2.5em;
font-weight:normal;
color:#000;
margin: 0 0 0.2em 0;
padding:0;
line-height:1.1em; 
}

h2 {
font-family:DroidSansBold, DroidSansRegular, arial, sans-serif;
font-size:1.4em;
font-weight:normal;
color:#000;
margin: 0.4em 0 0.2em 0;
padding:0;
line-height:1.1em; 
}


h3 {
font-family:DroidSansBold, DroidSansRegular, arial, sans-serif;
font-size:1.1em;
font-weight:normal;
color:#000;
margin: 1.5em 0 0.2em 0;
padding:0;
line-height:1.2em; 
}   

	
	
/* Nav (top tabs) */   	

#nav ul {
display:block;
width:auto;
margin:0;
padding:0;
}



#nav ul li {
	list-style:none;
	display:block;
	float:left;
	width:auto;
	margin:0;
	padding:0;
}

#nav ul li a {
	list-style:none;
	display:block;
	float:left;
	width:auto;
	margin:0;
	padding:0;
	line-height:40px;
	height:43px;
	font-family:DroidSansRegular, arial;
	font-size:1.5em;
	font-weight:bold;
	color:#fff;
	text-decoration:none;
	padding:0 25px 0 15px;  
}

#nav ul li a:hover {
	color:#f0c985;
	} 



.MyBus #nav li.MyBus a,
.MyExplorer #nav li.MyExplorer a,
.MySchoolbus #nav li.MySchoolbus a {color:#000; font-size:1.67em; font-weight:bold; padding:0 28px 0 18px; }   

.MyBus #nav li.MyBus a:hover,
.MyExplorer #nav li.MyExplorer a:hover,
.MySchoolbus #nav li.MySchoolbus a:hover {color:#005a9e;}   
 	
	
		
/* MyBus */	
.MyBus #nav li.MyBus {background: transparent url(/images/nav_mybus_pos_bk.gif) no-repeat;}
.MyBus #nav li.MyBus a {background: transparent url(/images/nav_pos_neg.gif) no-repeat top right;}
#nav li {background: transparent url(/images/nav_neg_bk.jpg) no-repeat;}
#nav li.MyExplorer a {background: transparent url(/images/nav_neg_neg.gif) no-repeat top right;}
#nav li.MySchoolbus a {background: transparent url(/images/nav_neg_blank.gif) no-repeat top right;}

/* MyExplorer */	
.MyExplorer #nav li.MyBus {background: transparent url(/images/nav_mybus_neg_bk.gif) no-repeat;}
.MyExplorer #nav li.MyBus a {background: transparent url(/images/nav_neg_pos.gif) no-repeat top right;}
.MyExplorer #nav li.MyExplorer {background: #fff;}  
.MyExplorer #nav li.MyExplorer a {background: transparent url(/images/nav_pos_neg.gif) no-repeat top right;}  

/* MySchoolbus */	
.MySchoolbus #nav li.MyBus {background: transparent url(/images/nav_mybus_neg_bk.gif) no-repeat;}
.MySchoolbus #nav li.MyBus a {background: transparent url(/images/nav_neg_neg.gif) no-repeat top right;}
.MySchoolbus #nav li.MySchoolbus {background: #fff;}
.MySchoolbus #nav li.MyExplorer a {background: transparent url(/images/nav_neg_pos.gif) no-repeat top right;}  
.MySchoolbus #nav li.MySchoolbus a {background: transparent url(/images/nav_pos_blank.gif) no-repeat top right;}  
		
		
	
#header img {
	float:right;
} 


.bannerWrapper {
position:static; 
display:block; 
height:220px; 
width:626px;
}


form.stopcode {
margin: 45px 0 0 35px;
padding:0;
width:280px;
background: transparent url(/images/form_bk.gif) repeat-x 0 24px;
}


form.stopcode input.text {
width:70px;
border: 1px #999 solid;
margin-left:8px;
padding:0;
height:21px;
font-size:16px;
}

form.stopcode h3 {
line-height:21px;
font-size:18px;
display:block;
font-weight:normal;
white-space:nowrap;
margin: 5px;
}

form.stopcode h3 em {
line-height:1.4em;
font-size:12px;
display:inline;
font-weight:normal;
}

form.stopcode  input.submit {
background: transparent url(/images/submit.gif) no-repeat;
border:none;
padding:0;
color:#fff;
width:43px;
font-size:14px;
height:29px;
margin-right:6px;
line-height:26px;
font-family:DroidSansBold, DroidSansRegular, arial, sans-serif;
}



/* subNav (left hand) */
#subNav ul li {
margin:0;
padding:0;
display:block;
list-style:none;
}

#subNav ul li a {
display:block;
margin:0;
padding:0;
height:40px;
background: transparent url(/images/button.jpg) no-repeat;
font-size:1.5em;
font-family:DroidSansBold, DroidSansRegular, arial, sans-serif;
font-weight:normal;
line-height:37px;
text-decoration:none;
padding-left:38px;
color:#fff;
overflow:hidden;
white-space:nowrap;
}

#subNav ul li .alertbox p a {
display:inline;
margin:0;
padding:0;
height:auto;
background: none;
font-size:1em;
font-family:DroidSansRegular, arial;
font-weight:normal;
text-decoration:underline;
line-height:14px;
color:#000;
white-space:normal;
}


#subNav ul li a:hover {
background: transparent url(/images/button.jpg) no-repeat 0 -40px;
}

#subNav ul li.selected a {
background: transparent url(/images/button_orange.jpg) no-repeat;
}

#subNav ul li.selected a:hover {
background: transparent url(/images/button_orange.jpg) no-repeat 0 -40px;
}



#subNav ul li.drop {
background: #fcf0c4 url(/images/button_bot.gif) no-repeat bottom;
padding-bottom:8px;
margin-bottom:8px;
}

#subNav ul li.drop p {
margin:0.6em 1em 0 1em;
}



#subNav ul li h2 {
display:block;
margin:0;
padding:0;
height:40px;
background: transparent url(/images/button_header_orange.jpg) no-repeat;
font-size:1.5em;
font-family:DroidSansBold, DroidSansRegular, arial, sans-serif;
font-weight:normal;
line-height:40px;
text-decoration:none;
padding-left:38px;
color:#fff;
}  


#sub {background: transparent url(/images/rule.gif) no-repeat 0 0; padding-top:18px;}

#sub img {float:right; margin-left:12px;}

#sub .winter {font-size:19px; color:#19458c;}

em.winter {color:#19458c;}
em.summer {color:#eb9718;}

#sub ul {margin: 0 0 21px 0;}
#sub ul li {display:inline; float:none;}
#sub ul li a {
	display:inline; 
	float:none; 
	font-family:DroidSansBold, DroidSansRegular, arial, sans-serif;
	font-weight:normal; 
	color:#19458c;
	padding-right:11px;
	font-size:1.3em;
        text-decoration:underline;
	}
	
#sub ul li.print a {
	background: transparent url(/images/print.gif) no-repeat;
	padding-left:20px;
	} 
	
#sub ul li.printpdf a {
	background: transparent url(/images/pdf.png) no-repeat;
	padding-left:20px;
	}   

#sub ul li.bullet a {
	background: transparent url(/images/bullet.gif) no-repeat;
	padding-left:22px;
	}   

a.pdf  {
	background: transparent url(/images/pdf.png) no-repeat;
	padding-left:20px;
	}   



/* article */

/* mybus landing */

ul.landing li {
display:block;
float:left;
list-style:none;
width:263px;
height:178px;
background: url(/images/tile.gif) no-repeat;
padding: 35px 40px 0 20px;
}

ul.landing li.video {
display:block;
float:left;
list-style:none;
width:323px;
height:193px;
background: none;
padding: 20px 0 0 0;
}

ul.landing li a {
display:block;
text-decoration:none;
}



ul.landing li h2 {
margin:0;
}

ul.landing li h2 a {
margin:0;
text-decoration:none;
}


ul.landing li h2 a:hover {
text-decoration:underline;
}
	
ul.landing li p {
margin:0.4em 0;
margin-right:100px;
}


/* news list */ 

ul.landing li ul.news,
ul.landing li ol {
display:block;
width:auto;
margin:8px 0;
padding:0;
height:138px;
overflow:hidden;
}


ul.landing li ul.news li,
ul.landing li ol li {
display:block;
width:auto;
height:auto;
float:none;
background:none;
padding:3px 0;
margin:0;
border-bottom: 1px #7d8f9c solid;
}

ul.landing li ul.news li a,
ul.landing li ol li a {
display:inline;
width:auto;
height:auto;
float:none;
background:none;
margin:0;
padding: 0;
text-decoration:none;
}


.date {
	font-weight:bold;
}

.author {
	display:none;
}


/* Tiles */

ul.landing li.tileEric {background: transparent url(/content/tileEric.jpg) no-repeat;}
ul.landing li.tileCase {background: transparent url(/content/tileCase.jpg) no-repeat;}
ul.landing li.tileGuide {background: transparent url(/content/tileGuide.jpg) no-repeat;}
ul.landing li.tileRed {background: transparent url(/content/tileRed.jpg) no-repeat;}
ul.landing li.tileGreen {background: transparent url(/content/tileGreen.jpg) no-repeat;}
ul.landing li.tileBlue {background: transparent url(/content/tileBlue.jpg) no-repeat;}
ul.landing li.tileYellow {background: transparent url(/content/tileYellow.jpg) no-repeat;}



/* Content page styles */

.green {color:#6bab22;}
.blue {color:#00a4e0;}
.red {color:#bd0122;}
.yellow {color:#f6a800;}

#section p {
margin:0.6em 0;
}

#section img {
float:right;
margin: 0 0 0.5em 0.5em;
}

#section td img  {
float:none;
margin: 0 ;
}

#section h2 {
margin-top:1.5em;
}

#section ul li {
margin:0.4em 0 0.4em 1em;
padding:0px;
} 


table.contentTable {
 margin:15px 0;
border: 1px solid #ced5df;
border-collapse:collapse;
padding:0; 
background:#e6eaf2;  
} 


table.contentTable th {
	padding:5px;
	text-align:center;
	vertical-align:center;
	border: 1px solid #ced5df;
border-collapse:collapse;
 margin:0;   
}  

table.contentTable td {
	padding:5px;
	text-align:center;
	vertical-align:center;
	border: 1px solid #ced5df;
border-collapse:collapse;
 margin:0;   
}  




.videoList iframe, .videoList embed {
width:345px;
height:215px;
border: #D3E3F1 solid 5px;
margin:1em 0;
-moz-box-shadow: 5px 5px 5px #eee;
-webkit-box-shadow: 5px 5px 5px #eee;
box-shadow: 5px 5px 5px #eee;
-moz-border-radius:3px;
-webkit-border-radius:3px;
border-radius:3px;
}




#aside img {
margin-bottom:12px;
}

#aside ul {
margin:0;
padding:0;
list-style:none;
}

#aside ul li {
display: block;
margin:0.8em 0;
padding:0;
list-style:none;
}

#aside ul li h3 {
font-family:DroidSansBold, DroidSansRegular, arial, sans-serif;
font-weight:normal;
margin:0;
font-size:1.25em;
line-height:1.3em;
}

#aside ul li p {
margin:0;
}


/* FAQs - see timetables */

.faq-details p {
line-height:1.6em;
}






/* Timetables */

h1 em {font-size:0.5em; white-space:nowrap;}

#tables h1 {font-size:2.2em;}


#tables h2 {margin:0.5em 0 1em 0;}


td.StopHeader, th.StopHeader {
display:none;
}

#tables {
margin:0 35px;
}




#tables table {
padding:1px;
border:0;
margin:0;
border-collapse:collapse;
}

#tables table td, #tables table th {
border-bottom: 1px solid #f6a800;
padding: 2px 5px;
white-space:nowrap;
width:auto;
text-align:center;
height:18px;
}




#tables table td p, {
display:block;
margin:0;
padding:0;
line-height:1.2em;
width:auto;
overflow:hidden;
}

#tables table th {
text-align:left;
font-weight:normal;
}


#tables table th p {
white-space:nowrap;
}


table.headers {
float:left;
width:25%;

}

.scroll {
display:block;
width:60%;
overflow:auto;
padding-bottom:5px;
/* IE6,7 hack */
.overflow-x:scroll;
.overflow-y:visible;
}

#tables table td.Inbound {background: transparent url(/images/arrow_Inbound.gif) no-repeat 3px 3px;}
#tables table td.Outbound {background: transparent url(/images/arrow_Outbound.gif) no-repeat 3px 3px;}

ul.routes,
#section ul.FAQs  {
margin-right:10%;
margin-left:0;
} 

ul.routes li,
#section ul.FAQs li  {
margin:0.75em 0;
list-style:none;
line-height:1.5em;
}

ul.routes li a,
#section ul.FAQs li a {
font-size: 1.1em;
text-decoration:none;
}

ul.routes li a:hover,
#section ul.FAQs li a:hover {
text-decoration:underline;
}

ul.routes li a em
#section ul.FAQs li a em {
font-size: 0.9em;
text-decoration:none;
white-space:nowrap;
}


/* Codes */
#tables table td.gray {background:#c1d2e3 url(/images/hyphen.gif) no-repeat center top; border-bottom: 1px solid #668bb2;}
#tables table td.gray p {width:2.5em; height:1.3em; overflow:hidden; background:#c1d2e3;}
#tables table td.blank {background:#ccc url(/images/hyphen.gif) no-repeat center top; border-bottom: 1px solid #666;}
#tables table td.blank p {width:2.5em; height:1.3em; overflow:hidden; background:#ccc;}
#tables table td.gold {background:#f5bb3e url(/images/hyphen.gif) no-repeat center top; }
#tables table td.gold p {width:2.5em; height:1.3em; overflow:hidden; background:#f5bb3e;}
#tables table td.yellow {background:#f8d58b url(/images/hyphen.gif) no-repeat center top; color:#000; }
#tables table td.yellow p {width:2.5em; height:1.3em; overflow:hidden; background:#f8d58b;}
#tables table td.pale {background:#f8eacc url(/images/hyphen.gif) no-repeat center top;}
#tables table td.pale p {width:2.5em; height:1.3em; overflow:hidden; background:#f8eacc;}
#tables table td.red {background:#e7a1ae url(/images/hyphen.gif) no-repeat center top; border-bottom: 1px solid #b5717e;}
#tables table td.red p {width:2.5em; height:1.3em; overflow:hidden; background:#e7a1ae; color:#000;}

#tables table td.nostop {
background-image:url(/images/hyphen.gif);
background-repeat:no-repeat;
background-position:center top;}




#tables table td.na  {padding:0; display:none;}
#tables table td.na p {display:none;}

#tables table td.nostop p {display:none;}  



/* Notes */     

ul.notes {
	margin:25px 0 15px 0;
	list-style:none;
}   

ul.notes li {
	display:block;
	margin:8px 0;
	list-style:none;
}


ul.notes li div { 
	clear:both;
	display:block;
	float:right;
}


ul.notes li .gray,
ul.notes li .gold,
ul.notes li .red,
ul.notes li div.yellow,
ul.notes li .pale,
ul.notes li .blank {
display:block;
clear:both; 
width:25px;
height:18px;
border: solid 1px #666;
float:left;
margin-right:6px;
}


ul.notes li .gray {background:#c1d2e3;}
ul.notes li .gold {background:#f5bb3e;}
ul.notes li div.yellow {background:#f8d58b;}
ul.notes li .pale {background:#f8eacc;}
ul.notes li .blank {background:#ccc;}
ul.notes li .red {background:#e7a1ae;}


form.lookup label {
display:block;
font-style:bold;
margin: 0.5em 0 0.2em 0;
}


form.lookup > table {
background:#d3e3f1;
-moz-border-radius: 12px;
padding:5px 12px;
}

form.lookup > table td {
padding:8px;
}

table.results {
padding:1px;
border:0;
margin:0;
border-collapse:collapse;
}

table.results td, table.results th {
border-bottom: 1px solid #f6a800;
padding: 2px 5px;
white-space:nowrap;
width:auto;
text-align:left;
height:18px;
}

table.results td.right {text-align:right;}

table.results td.Inbound {background: transparent url(/images/arrow_Inbound.gif) no-repeat 3px 3px;}
table.results td.Outbound {background: transparent url(/images/arrow_Outbound.gif) no-repeat 3px 3px;}
table.results td.Both {background: transparent url(/images/arrow_Both.gif) no-repeat 3px 3px;}



/* Legos 2011 */

.key {
width:2.8em;
height:1.7em;
display:block;
float:left;
overflow:hidden;
color:#000;
text-align:center;
font-weight:bold;
padding: 0;
-moz-border-radius:2px;
-webkit-border-radius:2px;
border-radius:2px;
line-height:1.6em;
margin-right:0.5em;
}

.key1 {background-color:#0087c5;}
.key1a {background-color:#94ceef;}
.key1b {background-color:#46a6d5;}
.key2c {background-color:#eebd34;}
.key3 {background-color:#46b17a;}
.key3a {background-color:#7cc296;}
.key3b {background-color:#afd8b9;}
.key4 {background-color:#948cbb;}
.key5 {background-color:#;}
.key7 {background-color:#;}
.key7b {background-color:#;}
.key8 {background-color:#d5348c;}
.key8a {background-color:#f38cb8;}
.key9 {background-color:#b9846c;}
.key12 {background-color:#d12037;}
.key12a {background-color:#e07c69;}
.key14 {background-color:#a4cd48;}
.key15 {background-color:#2d67a8;}
.key18 {background-color:#f3cebd;}
.key19 {background-color:#ccc1d8;}
.key21 {background-color:#b2b168;}
.key22 {background-color:#c8666c;}
.key23 {background-color:#fbe827;}
.key25 {background-color:#64bdb3;}
.key27 {background-color:#e38b3a;}
.key26 {background: transparent url("/images/circle.gif") no-repeat top center; color:#fff; height:33px; width:33px; line-height:31px;}

.key.white {color:#fff;}


ul.routes.cols li  {display:block; clear:left; margin-bottom:5px;}
ul.routes .keyBox {display:block; float:left; width:140px; font-size:0.9em; line-height:1.2em;}
.clear1px {clear:left; width:auto; height:1px; overflow:hidden;}

.col4 {width: 24%; float: left;}



/* LiveMap Widget 2011 */

form.widget {
display:block;
float:left; 
width:auto;
height:86px;
margin:24px 0 0 35px; 
padding:0;
background: #b4cfe3 url("../images/widget-left.gif") no-repeat;
}

form.widget table {
height:86px;
margin:0;
padding:0 15px;
background: transparent url("../images/widget-right.gif") no-repeat top right;
}

form.widget table th, form.widget table td {
border: 0px solid #000;
margin:0;
padding:0;
}

form.widget table td {

}

form.widget table th {
vertical-align:bottom;
text-align:left;
font-weight:normal;
padding-left:3px;
}

form.widget table th.noInset {
padding-left:0px;
}

form.widget table th h2 {
margin:0;
font-weight:normal;
font-family: DroidSansBold,DroidSansRegular,arial,sans-serif;
}

form.widget  a {
display:block;
font-size:13px;
color:#fff;
font-weight:normal;
font-family: DroidSansBold,DroidSansRegular,arial,sans-serif;
line-height:35px;
text-decoration:none;
height:35px;
}

form.widget  a.text, form.widget  a.text:hover {
display:inline;
font-size:1em;
color:#000;
font-weight:normal;
font-family: DroidSansRegular, arial;
line-height:1.3em;
text-decoration:underline;
height:auto;
}

form.widget  a.widgetMap {
width:80px;
text-align:center;
background: #00599f url("../images/widget-map.gif") no-repeat;
padding-left:18px;
}

form.widget  a.widgetCodes {
width:110px;
text-align:left;
background: #00599f url("../images/widget-bus.gif") no-repeat;
padding-left:44px;
}

form.widget input.widgetGo {
height:35px;
width:28px;
background: #00599f url("../images/widget-go.gif") no-repeat;
border:none;
cursor:pointer
}

form.widget input.widgetCode {
border: 1px solid #000;
outline: 5px solid #8da8bf;
width:80px;
font-size:16px;
height:21px;
margin-right:5px;
}

form.widget table td.divide {
width:28px;
background: transparent url("../images/widget-divide.gif") no-repeat 40% 9px;
}