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

#container { position: relative; margin: 0 auto; width: 948px; border: 1px solid #999; border-width: 0px 1px; }

#print, #mobile { display: none; }

#logo { width: 287px; height: 88px; background: url(/vrrt/images/BC-Transit-logo.gif) top left no-repeat; float: left; ; position: relative; left: 35px; clip:  rect(   )}
#logo h1, #tagline h3 { text-indent: -9999px; margin :24px 0 0; padding:0; }
#logo a { display: block; width: 287px; height: 40px; background: none;}
#logo a:hover { background: none; }
#tagline { width: 290px; height: 88px; background: url(/vrrt/images/tagline.gif) no-repeat right center; float: right; ; left: 323px; clip:    rect(   ); position: relative}

#topbarnav, #branding { padding:0 34px;}
#topbarnav { width: 880px; height: 20px; background-color: #004b8d; color: #FFF; font-size: 10px; }
#topbarnav a { text-decoration: none; margin:0 8px; font: bold 10px Arial, sans-serif; color: #FFF; }
#topbarnav a:hover { text-decoration: underline; background: none; } 

#homepages { float: left; margin-left: -8px; height: 20px; line-height: 20px; width: 300px; }
#subnav { float: right; margin-right: -8px; height: 20px; line-height: 20px; width: 550px; text-align: right; }
#subnav div { float: right; font: bold 10px Verdana, Arial, Helvetica, sans-serif; color: #FFF; line-height: 20px; }

#RSS { margin-top: 1px; }
#RSS a { margin: 0 8px 0 0; }

#sizer { margin-left: 4px; }
#sizer a { margin: 2px 3px; }

#search { margin-bottom: 20px; }
#search, #search table { width: 185px; }
#search td { vertical-align: middle; }

#leftsidebar { float: left; width: 235px; padding-left: 35px; ; top: 35px; clip:   rect(   ); position: relative; padding-bottom: 35px}
#leftsidebar p, #leftsidebar div, #leftsidebar span, .columndivide3, .columndivide3end { font: 9pt Arial, sans-serif; color: #58585a; line-height: 1.4em; }
#latestnews { width: 185px; }

#content { padding-right: 35px; width: 600px; float: left; font: 10pt/1.4em Arial, sans-serif; ; padding-left: 35px}

.hr { height: 45px; width: 636px; background: url(/vrrt/images/hr.gif) bottom left repeat-x; }
.columndivide3 { width: 192px; float: left; padding-right: 30px; }
.columndivide3end { width: 192px; float: left; }
.clear { clear: both; }
.noborder { border: 0px; }
.morelink { float:right; color: #125292}
.date, #leftsidebar p.date { margin: 0 0 5px; font-weight: bold; color: #61bc50; }

#footer { background-color: #50b948; border-top: 1px solid #fff; height: 45px; ; width: 948px}

#copyright, #privacy { color: #fff; font: bold 9pt Arial, sans-serif; width: 350px; padding-top: 16px;}
#copyright { float: left; ; left: 35px; clip:  rect(   ); padding-left: 35px}
#privacy { float: right; padding-right: 35px; text-align: right; }
#privacy a { color: #fff; margin: 0 8px; }
#privacy a:hover, #privacy a:active { background: none; }

.searchtitle { color: #3532ff; }
.searchdate  { color: #008000; }
a.searchlink, a.searchlink a:active, a.searchlink a:hover, a.searchlink a:visited, a.searchlink a:link { color: #008000; text-decoration: underline; } 

input, texarea, select { font: 9pt Arial, sans-serif; padding: 2px; }
.button { font: bold 9pt Arial, sans-serif; padding: 2px; color: #58585a; }
.searchinput { font: 8pt Arial, sans-serif; padding: 2px; width: 137px; }

.tools { width: 125px; float: right; font: normal 12px Arial, sans-serif; line-height: 1.4em; }
#mailtool { background: url(/vrrt/images/tool-email.gif) 0 5px no-repeat; padding-left: 16px; }
#printtool { background: url(/vrrt/images/tool-print.gif) 0 4px no-repeat; padding-left: 16px; }
.bannerimage {  border: 1px #999999 solid; position: relative; left: -1px; clip:  rect(   )}
.footerbanner { background-color: #FFFFFF; margin-top: 25px; border-top: 1px solid #fff; ; width: 948px ; border: 1px #999999 solid; left: -1px; top: 1px; clip:   rect(   ); position: relative}
.footerbannercontent { border-top: 1px solid #fff; height: 45px; ; width: 948px ; border: 1px #999999 solid }

table.default {
	border-width: 1px 1px 1px 1px;
	border-spacing: 4px;
	border-style: solid solid solid solid;
	border-color: #999999 #999999 #999999 #999999;
	border-collapse: collapse;
	background-color: white;
}

table.default td {
	border-width: 1px 1px 1px 1px;
	padding: 4px 4px 4px 4px;
	border-style: solid solid solid solid;
	border-color: #999999 #999999 #999999 #999999;
	background-color: white;
}


a.menuanchor {
	margin: 0;	
	display: block;
	color: #FFF;	
	width: 100%;
	text-decoration: none;
	/*background-color: #003399;*/
}

.menuanchor:hover {
	text-decoration: none;
	color: #FFF;	
	background-color: #003399;
	width: 100%;
}
.navinstruction {  font-style: italic; font-weight: bold; }
.navbox {  float: left;background-color: #003399; border: 3px #0033FF solid; width: 68px; margin-left: 5px;; padding-top: 3px; padding-left: 3px; padding-right: 3px; padding-bottom: 3px; clip:   rect(   )}

.share { float:right;margin-right:20px;margin-top:10px; }