/*------------------------------------
BC Transit 

Global Stylesheet

Version /  1.5
Author / Angelsea Saby
email / gels@atomiccrayon.com
website / www.atomiccrayon.com
-------------------------------------*/

 /* Block
----------------------------*/
 
body {
	margin: 0;
	background: url(../images/bg-body.gif) 0 0 repeat-y #d2d2d2;
	font: 11px Tahoma, sans-serif;
	background-color: #fff;
}

a img {
	border: 0;
}

/* Anchor
----------------------------*/

a {
	color:#539ed8;
}

a:visited {
	color:#539ed8;
}

a:hover {
	color:#043269;
}

/* List Menu
----------------------------*/

.nav a {
	text-decoration:none;
}

.nav li a {
	padding:5px 0 0 0;
	display:block;
	height:17px;
	background-position:center center;
	background-repeat:no-repeat;
}
	
.nav li a:hover {
	background-color:#64a22d;
	background-position:center center;
	background-repeat:no-repeat;
}
.nav ul ul li a:hover {
	background-color:#538b21;
}


/* About */

.nav ul li.about a {
	background-image:url(../images/btn-about.gif);
} 
	
.nav ul li.about a, .nav ul li.about {
	width:65px;
}

.nav ul li.about a:hover, .nav li.about:hover a {
	background-image:url(../images/btn-about-on.gif);
}

.nav li.over a.about {
	background-image:url(../images/btn-about-on.gif)!important;
}

/* Low Floor */

.nav ul li.lowfloor a {
	background-image:url(../images/btn-lowfloor.gif);
	}
.nav ul li.lowfloor a, .nav ul li.lowfloor {
	width:71px;
	}
.nav ul li.lowfloor a:hover, .nav li.lowfloor:hover a {
	background-image:url(../images/btn-lowfloor-on.gif);
	}
	.nav li.over a.lowfloor {
	background-image:url(../images/btn-lowfloor-on.gif)!important;
	}
   
/* Handy Dart */

.nav ul li.handydart a {
		background-image:url(../images/btn-handydart.gif);
}

.nav ul li.handydart a, .nav ul li.handydart {
		width:81px;
}

.nav ul li.handydart a:hover, .nav li.handydart:hover a {
		background-image:url(../images/btn-handydart-on.gif);
}

.nav li.over a.handydart {
		background-image:url(../images/btn-handydart-on.gif)!important;
}
		
/* Taxi Saver */

.nav ul li.taxisaver a {
		background-image:url(../images/btn-taxisaver.gif);
}

.nav ul li.taxisaver a, .nav ul li.taxisaver {
		width:76px;
}

.nav ul li.taxisaver a:hover, .nav li.taxisaver:hover a {
		background-image:url(../images/btn-taxisaver-on.gif);
}

.nav li.over a.taxisaver {
		background-image:url(../images/btn-taxisaver-on.gif)!important;
}

/* Registration */

.nav ul li.registration a {
		background-image:url(../images/btn-registration.gif);
}
.nav ul li.registration a, .nav ul li.registration {
		width:86px;
}
		
.nav ul li.registration a:hover, .nav li.registration:hover a {
		background-image:url(../images/btn-registration-on.gif);
}
		
.nav li.over a.registration {
		background-image:url(../images/btn-registration-on.gif)!important;
}
		
.nav ul ul a {
		position:relative;
		float:left;
		width:193px!important;
		height:auto!important;
		color:#fff!important;
		display:block;
		padding:5px 5px 5px 13px;
}

/* make sure all bg images in <a> are turned off (displays in all browsers) */

.nav ul ul a, .nav ul li.about ul li a, .nav ul li.lowfloor ul li a, .nav ul li.handydart ul li a, .nav ul li.taxisaver ul li a, .nav ul li.registration ul li a {
		background-image:url(../images/bg-list-nav.gif)!important;
		background-position:6px 10px;
		background-repeat:no-repeat;
		}
		
.nav ul ul a:hover {
		position:relative;
		background-image:url(../images/bg-list-nav.gif)!important;
		background-color:#538b21;
		background-position:6px 10px;
		
}

/* End Nav Link Styles */
	
.nav {
	position:relative;
	z-index:2;
	height:20px;
}
	
.nav ul {
  padding: 0;
  margin: 0;
  list-style: none;
}
  
.nav li { 
  float: left;
  position: relative;
  height:25px;
  display:block;
  margin:0 10px 0 0;
}
/* Second Level Navigation */ 
.nav li ul {
  display: none; /*<-- MUST KEEP for mouseoff event to work in active state*/
  position: absolute; 
  top: 1em;
  left: 0;
  background: #64a22d;
  color:#fff;
  width:193px;
  margin-top:0!important;
  margin-top:10px;
  border-right:3px solid #d6f0be;
  border-bottom:3px solid #d6f0be;
}
  
.nav li ul li {
 	position:relative;
	width:193px;
	float:left!important;
	height:auto!important;
	padding:0!important;
	margin:0!important;
	overflow:hidden;
}
	
.nav li > ul {
	top: auto;
	left: auto;
}
/*.nav  li.over ul {
	display: block!important; 
}*/


.nav li:hover ul, .nav  li.over ul { 
	display: block; /* DO NOT DELETE: required for javascript onClick/active hover state */
}
.nav li:hover a, .nav li.over a {
	background-color: #64a22d;
}

.nav ul li a span{
	position: relative;
	top: -6000px;
}
	
	
/*close list menu*/


/* Top Right Buttons
----------------------------*/

ul.smallNav, ul.smallNav li {
	margin:0;
	padding:0;
	list-style:none;
	text-transform:uppercase;
}

ul.smallNav { 
	position:absolute;	
	width:230px;
	height:10px;
	top:10px;
	right:-5px;
	margin:0 0 0 310px;
	color:#ccc;
}

ul.smallNav li {
	position:relative;
	display:inline;	
	height:15px;	
	float:right; /* change back to left when other items are added to list */
	list-style:none;
	text-align:right;
	margin:0 5px 0 0;
	font-size:9px;
}

ul.smallNav li a {
	position:relative;
	display:block;
	height:10px;
	color:#ccc!important;
	text-decoration:none;
}

ul.smallNav li a:hover {
	color:#ccc;
	text-decoration:none;
}

ul.smallNav li a.contactus {
	background:url(../images/btn-contact.gif) center left no-repeat;
	width:73px;
}

ul.smallNav li a.glossary {
	background:url(../images/btn-glossary.gif) center left no-repeat;
	width:62px;
}

ul.smallNav li a.newsletter {
	background:url(../images/btn-newsletter.gif) center left no-repeat;
	width:74px;
}

ul.smallNav li a span {
	position:absolute;
	top:-6000px;
	display:block;
}

#contactus a {
	background:url(../images/btn-contact.gif) top left no-repeat;
}

#contactus a, #contactus {
	width:64px;
}

#glossary a {
	background:url(../images/btn-glossary.gif) top left no-repeat;
}

#glossary a, #glossary  {
	width:52px;
}

#newsletter a {
	background:url(../images/btn-newsletter.gif) top left no-repeat;
}	
	
#newsletter a, #newsletter {
	width:63px;
}	

#quicklinks ul li a, #subsections ul li a {
	color:#767676!important;
	text-decoration:none;
}

#quicklinks ul li a:hover, #subsections ul li a:hover {
	color:#043269!important;
}
				
/* Paragraph
----------------------------*/

.hide a
{
/*	visibility: hidden;
	position: absolute;
	left: -9999px; */
	display: none;
}

.footer p {
	margin:10px 0!important;
	margin:4px 0 10px 0;
}

#blurb {
	font-size:18px;
	color:#094fa3;
}
	
#blurb strong {
	font-weight:normal;
	color:#4797d5;
}

/* Header
----------------------------*/

h1 {
	font-size:18px;
}

h2, h3 {
	font-size:14px;
}

h4 {
	font-size:13px;
}

h5, h6 {
	font-size:10px;
}

#quicklinks h3 {
	position:relative;
	margin:0 0 15px 0;
	padding:5px 0 0 0;
	text-transform:uppercase;
	background:#094fa3;
	font-size:10px;
	text-align:center;
	color:#fff;
}

#subsections h3 {
	position:relative;
	margin:0 0 15px 0;
	padding:5px 0 0 0;
	text-transform:uppercase;
	background: #64a22d;
	font-size:10px;
	text-align:center;
	color:#fff;
}

/* List
----------------------------*/

#quicklinks ul, #subsections ul {
	position:relative;
	margin:0;
}

#quicklinks ul li, #subsections ul li {
	padding:0 0 0 10px;
	margin: 0 0 10px -20px !important;  /* for Standards */
	margin: 0 0 10px 10px; /* for IE6 */
	background:url(../images/bg-list.gif) 3px 5px no-repeat;
	list-style-type:none;
	font-variant: normal;
}

*:first-child+html #quicklinks ul li, *:first-child+html #subsections ul li {
	margin: 0 0 10px 10px !important; 
}

/* Form
----------------------------*/

.header form {
/*	position:absolute; 
	top:45px!important;
	top:55px;
	right:0!important;
	right:-15px;*/
	position: relative;
	display: inline;
	width:180px; 
	padding: 0;
	margin: -10px 0 0 0;
	float: right;
	border:0;
	z-index: 10;
}

.header form input {
	font-size:10px;
	padding:2px;
	width:130px;
	text-transform:uppercase;
	background-color:#efefef;
	border-top:1px solid #a4a4a4;
	border-left:1px solid #a4a4a4;
	border-right:0;
	border-bottom:0;
}

.header form input.go {
	position:absolute;
	width:20px;
	margin:0 0 0 8px!important;
	margin:0 0 0 2px;
	padding:0;
	border: 0;
}

.header form fieldset {
	padding: 0;
	display: inline;
	border: 0;
	margin-left: 8px;
}

/* Main Content Area
----------------------------*/

#mainContent {
	float: left;
	width: 520px;
	line-height: 15px;
	margin-bottom: 15px;
	margin-top: 5px;
	padding-left: 2px;
}

#mainContent h3, #mainContent h4 {
	color: #64a22d;
	margin-top: 3px;
	margin-bottom: 0;
	margin-bottom: 3px;
}

#mainContent h3 {
	font-size: 18px;
	margin-bottom: 10px;
}

#mainContent h4 {
	font-size: 13px;
	font-weight: bold;
}

#mainContent strong {
	color: #000;
}

/* Other
----------------------------*/

.main { 
	position:relative;
	width:753px;
	padding:10px 0 0 10px;
	background:#fff;
}

.header { 
	height:auto;
}

img#flag {
	position:relative;
	left:-10px;
	display: none;
}

.splash
{
	margin-left: -10px;
	width: 753px;
	height: 178px;
	background-position: 0 0;
	background-repeat: no-repeat;
	background-color: #eee;
}

#home_splash
{
	background-image: url(../images/splash.jpg);
	height: 315px;
	margin-top: 5px;
}

#about_splash
{
	background-image: url(../images/about-splash.jpg);
}

#handydart_splash
{
	background-image: url(../images/handydart-splash.jpg);
}

#lowfloor_splash
{
	background-image: url(../images/low-floor-splash.jpg);
}

#taxi_splash
{
	background-image: url(../images/taxi-saver-splash.jpg);
}

#registration_splash
{
	background-image: url(../images/registration-splash.jpg);
}

#contact_splash
{
	background-image: url(../images/contact-splash.jpg);
}

#search_splash
{
	background-image: url(../images/search-splash.jpg);
}

#glossary_splash
{
	background-image: url(../images/glossary-splash.jpg);
}

#newsletter_splash
{
	background-image: url(../images/newsletter-splash.jpg);
}

#other_splash
{
	background-image: url(../images/other-splash.jpg);
}

.splashBlurb {
	width: 180px;
	position: absolute;
	left: 0px;
	top: 120px;
	background-color: #63a12f;
	padding: 10px;
	padding-top: 5px;
	padding-bottom: 5px;
	color: #fff;
}

.splashBlurb p {
	padding: 0;
	margin: 0;
	font-size: 12px;
}

.splashBlurb h4 {
	color: white;
	padding: 0;
	margin: 0;
	font-size: 13px;
}

#home .splashBlurb	{
	display: none;
}

/* Sidebar */

#sidebar {
	float: right;
	width: 205px;
	position:relative;
	margin-top: -66px;
	margin-right: 10px !important; /* for Standards*/
	margin-right: 5px; /* for IE6 */
}

#subsections { 
	background:url(../images/bg-quicklinks.gif) top left repeat-y #fff;
}
	
#quicklinks { 
	background:url(../images/bg-quicklinks.gif) top left repeat-y #fff;
}

/* Footer */

.footer {
	position:relative;
	left:-10px;
	clear:both;
	padding:0 150px 10px 10px;
	margin:0;
	font-size:10px;
	background-color:#ece9ce;
	border-top:10px solid #64a22d;
	color:#61605c;
	clear: both;
}

.footer img.iconScreen {
	position: absolute;
	top: 10px;
	left: 620px;
}

/* SIFR Standard Styles (Do Not Modify)
----------------------------*/
/*
.sIFR-flash {
	visibility: visible !important;
	margin: 0;
	top: 0;
	left: 0;
	z-index: -2;
	
}

.sIFR-replaced {
	visibility: visible !important;
}

span.sIFR-alternate {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	display: block;
	overflow: hidden;
}
*/
/* Hide Adblock Object tab: the text should show up just fine, not poorly with a tab laid over it. 
.sIFR-flash + div[adblocktab=true] {
  display: none !important;
}
*/
/* These "decoy" styles are used to hide the browser text before it is replaced... the negative-letter spacing in this case is used to make the browser text metrics match up with the sIFR text metrics since the sIFR text in this example is so much narrower... your own settings may vary... any weird sizing issues you may run into are usually fixed by tweaking these decoy styles */

/*
.sIFR-hasFlash h1 {
	visibility: hidden;
}*/

/*
.sIFR-hasFlash #quicklinks h3 {
	visibility: hidden;
	font-size:5px;
	text-align:center;
	overflow: hidden;
	}
	.sIFR-hasFlash #subsections h3 {
	visibility: hidden;
	font-size:5px;
	text-align:center;
	overflow: hidden;
	}
	.sIFR-hasFlash p.splashBlurb {
	visibility: hidden;
	}
.sIFR-hasFlash p#blurb {
	visibility: hidden;
	font-size: 18px;
	width:500px;
	}
*/

/* Following import read by IE5 Win ONLY, using Mid Pass Filter.
credit: Tantek Celik (http://tantek.com/CSS/Examples/midpass.html) */

@media tty {
 i{content:"\";/*" "*/}} @import 'ie5-win.css'; /*";}
}/* */