@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(/images-hr/BC-Transit-logo.gif) top left no-repeat; float: left; }
#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: 427px; height: 88px; background: url(/images-hr/tagline.gif) top left no-repeat; float: right; }

#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; }
#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: 642px; float: left; font: 10pt Arial, sans-serif; line-height: 1.4em; }

.hr { height: 45px; width: 636px; background: url(/images-hr/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; margin-top: 25px; border-top: 1px solid #fff; height: 45px; }

#copyright, #privacy { color: #fff; font: bold 9pt Arial, sans-serif; width: 350px; padding-top: 16px;}
#copyright { float: left; 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(/images-hr/tool-email.gif) 0 5px no-repeat; padding-left: 16px; }
#printtool { background: url(/images-hr/tool-print.gif) 0 4px no-repeat; padding-left: 16px; }