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

.content { padding: 0; margin-right: 1.5em; }

/* used on large banner images; adds bottom spacing */
/* July 12: not needed as H1 allows for good spacing */
/* .burrard-banner { margin-bottom: 2em; } */

#leftSidebar div.burrard-lane-counter { background: transparent url("../images/burrard_nav_counter.png") no-repeat top left; margin: 1em 0; width: 168px; height: 183px; color: #008bcd; }
#leftSidebar div.burrard-lane-counter table { float:right; margin-top:40px }
#leftSidebar div.burrard-lane-counter table td { padding-right:10px; padding-bottom:12px; width:50px; text-align:center; }

.burrard-icon-small { height: 90px; display: table-cell; vertical-align: middle; }
.burrard-icon-small img { float: left; margin: 0 1em 0 0; }
.burrard-icon-small ul { font-weight: bold; color: #005995; font-size:1.08em; margin: 0 0 0 110px; } 

/* home page - 3 outlined areas areas - defines bg image only */
.bg-pedestrians { background: transparent url("../images/burrard_home_outline_pedestrians.gif") no-repeat top left;width: 238px;  height: 470px; float: left; overflow: hidden; }
.bg-cyclists { background: transparent url("../images/burrard_home_outline_cyclists.gif") no-repeat top left; width: 238px;  height: 470px; float: left; overflow: hidden;}
.bg-motorists { background: transparent url("../images/burrard_home_outline_motorists.gif") no-repeat top left;width: 238px;  height: 470px; float: left; overflow: hidden; }

/* home page - icons inside of 3 outlined areas areas  */
/*.burrard-home-icon { width: 238px;  height: 470px; margin: 0 12px 2em 0; float: left; overflow: hidden; }
.burrard-home-icon a { display: block; width: 238px; height: 332px; color: black; text-decoration: none; font-size: 100%; }*/

.bg-pedestrians .burrard-pedestrians-inner { margin: 0px 20px; height:470px; width:198px; }
.bg-cyclists .burrard-cyclists-inner { margin: 0px 20px; height:470px; width:198px; }
.bg-motorists .burrard-motorists-inner { margin: 0px 20px; height:470px; width:198px;}

.bg-pedestrians .burrard-pedestrians-inner h2 { font-size:22px; color:#f7af09; }
.bg-cyclists .burrard-cyclists-inner h2 { font-size:22px; color: #13a3eb; }
.bg-motorists .burrard-motorists-inner h2 { font-size:22px; color:#000; }


.bg-pedestrians .burrard-pedestrians-inner a { display: block; width: 238px; height: 332px; }
.bg-cyclists .burrard-cyclists-inner a { display: block; width: 238px; height: 332px; }
.bg-motorists .burrard-motorists-inner a { display: block; width: 238px; height: 332px; }





/* potential background images on some pages; currently images directly in HTML
.burrard-home-banner { background: transparent url("../images/burrard_home_header.png") no-repeat top left; width: 752px; height: 331px; margin-bottom: 2em; }
.burrard-about-banner { background: transparent url("../images/burrard_about_header.png") no-repeat top left; width: 752px; height: 331px; margin-bottom: 2em; }
.burrard-about-faqs-banner { background: transparent url("../images/burrard_about-faqs_header.png") no-repeat top left; width: 753px; height: 331px; margin-bottom: 2em; }
.burrard-cyclists-banner { background: transparent url("../images/burrard_cyclists_header.png") no-repeat top left; width: 753px; height: 331px; margin-bottom: 2em; }
.burrard-pedestrians-banner { background: transparent url("../images/burrard_pedestrians_header.png") no-repeat top left; width: 753px; height: 331px; margin-bottom: 2em; }
.burrard-motorists-banner { background: transparent url("../images/burrard_motorists_header.png") no-repeat top left; width: 753px; height: 331px; margin-bottom: 2em; }
*/

/* used in left-hand sidebar, template */
.blogButton {margin-left:-5px;}

/* creates column/table effect; e.g. about_why page*/
.column {
	float: left;
}

/* photo captions */
.caption { margin-top: 0; font-size: 80%; }
.captionShort { width:380px; margin-top: 0; font-size: 80%;}

/* green text sections on about_background page */
.callout{ background:url(../images/callout_background.jpg) repeat; width:752px; }
.callout_top{ background:url(../images/callout_top.jpg) no-repeat right bottom; width:752px; height:23px; }
.callout_bottom{ background:url(../images/callout_bottom.jpg) no-repeat right bottom; width:752px; height:21px; }
.callout p { margin: 0 23px; padding: 0; }
.callout ul { margin:0 0 0 23px; }