html {height: 100%; overflow-y: scroll; -webkit-text-size-adjust:none;}
body {font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif; color:#444; background:#333;}
/* -------------------- layout -------------------- */
.container_16 {z-index:2;}
#wrapper {padding-left:10px;}
#main {background:transparent url('../images/sprites-background.png') -447px 0 repeat-y; margin-left:0; margin-right:-10px; padding:0 37px 0 30px; width:440px;}
#sidebar {color:#ccc; margin-right:0; margin-left:0;}
#footer {background-color:#ddd; margin:0 -20px; padding:20px; width:100%;}
#background {background:transparent url('../images/sprites-background.png') repeat-y; height:100%; position:fixed; width:447px;}
#backgroundImage {z-index:1;}
/* -------------------- type -------------------- */
h1 {font-size:27px; top:11px; font-weight:bold; color:#4b4b4b;}
h2 {font-size:16px; top:5px; line-height:20px; font-weight:bold; color:#ff5a01;}
h3 {font-size:16px; top:5px; font-weight:bold; color:#ff5a01;}
h4 {font-size:16px; top:5px; color:#000;}
h5 {font-size:13px; top:6px; font-weight:bold; color:#ff5a01;}
h6 {font-size:13px; top:6px; font-weight:bold; color:#000;}
p {color:#444;}
li {color:#444;}
strong {color:#000;}
.expired_event {color:#f00 !important;}
/* -------------------- links -------------------- */
a {text-decoration:none;}
.selected a,
a.selected {color:#ff5a01 !important}
/* -------------------- navigation -------------------- */
/* use with base classes: nav_horizontal, nav_vertical */
/*location nav*/
#nav_locations_header {float:left; font-weight:normal; text-transform:lowercase; color:#fff; background:#ff5a01 url('../images/sprites-global.png') no-repeat 0 -320px; border-left:1px solid #a43a00; border-bottom:1px solid #a43a00; top:0; margin-top:10px; padding:15px 20px 14px 29px; width:150px;}
#nav_locations_header:hover {background-color:#ce4900;}
#nav_locations {float:left; top:0; margin:0; margin-top:10px;}
#locations_switcher #nav_locations {display:none;}
#nav_locations a {display:block; background-color:#ff5a01; color:#fff; padding:15px 20px 14px 20px; margin:0 !important; border-bottom:1px solid #a43a00; border-left:1px solid #a43a00; font-size:16px; font-weight:bold; text-transform:lowercase;}
#nav_locations a:hover {background-color:#ce4900;}
#nav_locations_end {float:left;}
.grid_4 #nav_locations_header {float:none; width:181px; border-left:0; padding-left:20px; background-position:20px -320px;}
.grid_4 #nav_locations_header:hover {background-color:#ff5a01;}
/*global nav*/
ul.nav_global {top:0; margin-top:1px;}
ul.nav_global a {color:#fff; font-size:16px; font-weight:bold; text-transform:lowercase; display:block; background:#999 url('../images/sprites-background.png') repeat-y -954px 0; padding:20px 20px 19px 20px; margin-top:1px; -moz-border-radius-topleft:4px; -webkit-border-top-left-radius:4px; border-top-left-radius:4px; -moz-border-radius-bottomleft:4px; -webkit-border-bottom-left-radius:4px; border-bottom-left-radius:4px;}
ul.nav_global a:hover {background-color:#888;}
/*main nav (location specific navigation)*/
ul.nav_main {top:0; margin-top:1px; background:#ddd url('../images/sprites-background.png') repeat-y -954px 0; padding:20px 20px 19px 20px; margin-bottom:0;}
ul.nav_main li {margin-top:20px;}
ul.nav_main li:first-child {margin-top:0;}
ul.nav_main a {color:#333; font-size:16px; font-weight:bold; text-transform:lowercase;}
ul.nav_main a:hover {color:#999;}
ul.nav_main .current-page-ancestor a,
ul.nav_main .current_page_item a {color:#ff5a01;}
/*sub nav*/
ul.sub-menu {display:none;}
ul.sub-menu li {margin:0; padding:0; position:relative; top:5px;}
ul.nav_main .current_page_item ul.sub-menu,
ul.nav_main .current-page-ancestor ul.sub-menu {display:block; top:0; margin:10px -10px 0 -10px; background-color:#fff; padding:10px 10px 20px 20px; list-style:none; -moz-border-radius:4px; -webkit-border-radius:4px; border-radius:4px;}
ul.nav_main .current_page_item ul.sub-menu a,
ul.nav_main .current-page-ancestor ul.sub-menu a {color:#444; font-size:13px;}
ul.nav_main .current-page-ancestor ul.sub-menu .current-menu-item a,
ul.nav_main .current-page-ancestor ul.sub-menu .current-page-ancestor a {color:#ff5a01;}
/*program nav*/
#nav_programs {margin:0 -20px 0 -30px; position:relative; height:50px;}
#nav_programs a {color:#4b4b4b !important; font-weight:normal !important;}
#nav_programs .firstCategory {display:block; position:absolute; line-height:50px; padding:0 30px 0 50px; background:#ddd url('../images/sprites-global.png') no-repeat 30px -980px;}
#nav_programs .firstCategory:hover {background-position:30px -1030px; color:#999 !important; text-decoration:none;}
#nav_programs .withinCategory {display:block; position:absolute; right:0; width:61px; height:50px;}
#nav_programs .withinCategory .nextPost,
#nav_programs .withinCategory .prevPost,
#nav_programs .withinCategory a {display:block; position:absolute; height:50px; width:30px; text-indent:-6000px; background:url('../images/sprites-global.png') no-repeat;}
#nav_programs .withinCategory .nextPost {left:31px; background-color:#ddd; background-position:-203px -1030px;}
#nav_programs .withinCategory .prevPost {background-color:#ddd; background-position:13px -1030px;}
#nav_programs .withinCategory .nextPost a {background-position:-203px -980px;}
#nav_programs .withinCategory .prevPost a {background-position:13px -980px;}
#nav_programs .withinCategory .nextPost a:hover {background-position:-203px -1030px;}
#nav_programs .withinCategory .prevPost a:hover {background-position:13px -1030px;}
/* --------------------- lists --------------------- */
/* regular lists retain margins and styles as set in base.css */
ul.collapse,
ul.collapse li {display:inline; margin:0; padding:0; background:none;}
ul.collapse li {float: left;}
/* -------------------- forms -------------------- */
input[type='text'],
input[type='password'],
input[type='email'],
textarea {border: 1px solid #CCC; padding:4px;}
input[type='text']:focus,
input[type='email']:focus,
input[type='password']:focus,
textarea:focus {border-color:#b4d5fe;}
.event_form input[type='text'],
.event_form input[type='password'],
table input[type='text'],
table input[type='password'] {border-color:#7dc0d9;}
.event_form input[type='text']:focus,
.event_form input[type='password']:focus,
table input[type='text']:focus,
table input[type='password']:focus {border-color:#009fda;}
#mc_embed_signup form { display: block; width: 440px; margin-bottom: 40px; }
#mc_embed_signup form .row { display: block; margin-bottom: 10px; }
#mc_embed_signup form label { display: block; float: left; font-weight: bold; width: 120px; }
#mc_embed_signup form .checkbox label { width: auto; margin-right: 20px; }
#mc_embed_signup form input { display: block; width: 200px; }
#mc_embed_signup form input[type='checkbox'] { display: block; width: auto; margin: 4px 5px 0 0; float: left; }
#mc_embed_signup form input[type='/'] { display: block; width: auto; margin-top: 20px; }
#mc_embed_signup form .subrow { display: block; float: left; width: auto; }
.note { font-size: 11px; line-height: 16px; }
/* -------------------- tables -------------------- */
table {width: 100%;}
#main table {background-color:#96cee3; margin:0 -20px 1px -20px; width:480px; border-top:0; -moz-border-radius:4px; -webkit-border-radius:4px; border-radius:4px;}
#main td {padding-left:20px; padding-right:20px; background-color:transparent !important; border-color:#b2dbeb;}
#main thead td {border-top:0; padding-top:22px; padding-bottom:17px;}
#main thead {color:#fff; font-size:16px;}
td.name,
td.title {}
td.value,
td.price {font-weight:bold; text-align:right;}
#main tbody:first-child tr:first-child td {border-top:none;}
table hr {background-position:0 -928px;}
/* alternating table row colors*/
tr:nth-child(odd) td {background:#f6f6f6;}
/* -------------------- position / display -------------------- */
.alignleft {display:block; float:left !important;}
.alignright {display:block; float:right !important;}
.inline {display:inline !important; width:auto !important;}
.hidden, .print_only {display:none;}
/* -------------------- global sprites --------------- */
/* for use on navigation items, use base class: nav_sprite
* usage on anchor tag:
* .link_example,
* .link_example a {width:200px; height:18px; background-image:url('../images/example-sprite.png')}
* .link_example a:hover {background-position:0 -18px}
*
* usage on button:
* .btn_example {width:200px; height:18px; background-image:url('../images/example-sprite.png')}
* .btn_example:hover {background-position:0 -18px}
*/
#logo {display:block; width:220px; margin:0; height:140px; background: #ff5a01 url('../images/sprites-global.png') 0 -40px no-repeat;}
/* -------------------- misc -------------------- */
hr {border:none; border-width:0; height:20px; background:transparent url('../images/sprites-global.png') repeat-x; margin:0; }
/* rounded corners */
.r {-moz-border-radius:4px; -webkit-border-radius:4px; border-radius:4px;}
.rt {-moz-border-radius-topleft:4px; -webkit-border-top-left-radius:4px; border-top-left-radius:4px; -moz-border-radius-topRight:4px; -webkit-border-top-right-radius:4px; border-top-right-radius:4px;}
.rb {-moz-border-radius-bottomleft:4px; -webkit-border-bottom-left-radius:4px; border-bottom-left-radius:4px; -moz-border-radius-bottomRight:4px; -webkit-border-bottom-right-radius:4px; border-bottom-right-radius:4px;}
.rl {-moz-border-radius-topleft:4px; -webkit-border-top-left-radius:4px; border-top-left-radius:4px; -moz-border-radius-bottomleft:4px; -webkit-border-bottom-left-radius:4px; border-bottom-left-radius:4px;}
.rr {-moz-border-radius-topRight:4px; -webkit-border-top-right-radius:4px; border-top-right-radius:4px; -moz-border-radius-bottomRight:4px; -webkit-border-bottom-right-radius:4px; border-bottom-right-radius:4px;}
.rtl {-moz-border-radius-topleft:4px; -webkit-border-top-left-radius:4px; border-top-left-radius:4px;}
.rtr {-moz-border-radius-topRight:4px; -webkit-border-top-right-radius:4px; border-top-right-radius:4px;}
.rbl {-moz-border-radius-bottomleft:4px; -webkit-border-bottom-left-radius:4px; border-bottom-left-radius:4px;}
.rbr {-moz-border-radius-bottomRight:4px; -webkit-border-bottom-right-radius:4px; border-bottom-right-radius:4px;}
.rnone {-moz-border-radius:0; -webkit-border-radius:0; border-radius:0;}
.error {color:#f00;}
/* --------------------------------------------------------------------------------------------------------------------- */
/* ------------------------------------------------------ SECTIONS ---------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------- */
/* -------------------- header -------------------- */
#header .grid_4 {margin-right:0; margin-left:0;}
#header .grid_12 {margin-left:0; width:720px;}
#header h2,
#header h2 a {color:#fff; margin:0; padding:0; top:0;}
#header h2 {background-color:#ff5a01; margin-top:10px; line-height:40px; padding:5px 20px 4px 20px; text-align:center; border-bottom:1px solid #a43a00;}
.shadow_tr_50 {background:transparent url('../images/sprites-global.png') right -370px no-repeat; width:7px; height:50px; float:left;}
/* -------------------- sidebar -------------------- */
#sidebar p {color:#ccc;}
#shareThis {margin-top:-10px; margin-left:-3px; margin-bottom:13px; height:37px;}
.sidebarContent {padding-left:20px;}
.sidebarContent h5 {color:#ccc;}
.sidebarContent p + h5 {margin-top:40px;}
#globalsite .sidebarContent p + h5 {margin-top:0;}
.sidebarContent a {color:#fff; background:#636363 url('../images/sprites-global.png') right -420px no-repeat; padding:7px 30px 7px 10px; -moz-border-radius:4px; -webkit-border-radius:4px; border-radius:4px;}
.sidebarContent a:hover {color:#bbb;}
/* -------------------- main ---------------------- */
#main .hentry {padding-bottom:20px;}
#main a {color:#0076a2; font-weight:bold;}
#main a:hover {text-decoration:underline;}
#main hr {margin-left:-20px; margin-right:-20px; width:480px;}
#main li {}
#main .grid_5 {width:270px;}
h2.news {color:#0076A2;}
.newsItem {display:block; overflow:hidden; padding-bottom:20px;}
.newsItem .newsDate {width:40px; height:80px; float:left; text-align:center; background:transparent url("../images/calendar_icon.png") no-repeat top left; }
.newsDate .month {display:block; text-align:center; margin:2px 0 0 0; color:#fff; font-size:9px; line-height:9px; text-transform:uppercase; }
.newsDate .day {display:block; text-align:center; margin:2px 0 0 0; color:#0076A2; font-size:24px; font-weight:bold; line-height:24px; }
.newsItem h6 {top:0px;}
.newsItem p {margin-bottom:0;}
.newsItem .location {font-weight:bold;color:#999;}
#main .grid_3 {width:150px;}
#followUs #tweet {color:#fff; overflow:hidden; margin:0; padding: 4px; width:220px; top:10px; background: #FF5A01; border-radius: 6px;}
#followUs ul {top:0; margin:0; padding:0;}
#followUs li {color:#fff; list-style:none; padding:0; margin:0;}
#followUs p {color:#fff; font-weight:bold; top:0; padding:0; margin:0;}
#followUs a.tweet_intro {color:#953400; font-style:italic; font-weight:normal;}
#followUs .tweet_text a {color:#fff; font-weight:bold; font-style:normal;}
#followUs #tweetFooter {font-weight:normal; font-style:normal; color:#444; background:transparent url('../images/sprites-global.png') 0 -745px no-repeat; margin: 26px 0 8px; padding: 12px 28px 16px 42px; width:140px; position:relative; top:10px; font-size:11px;}
#followUs #tweetFooter a {color:#0076a2; font-style:normal; font-weight:bold;}
#followUs #facebook {background:transparent url('../images/sprites-global.png') -182px -948px no-repeat; width:138px; padding:8px 0 16px 42px; font-size:11px;}
#followUs #youTube {background:transparent url('../images/sprites-global.png') 6px -948px no-repeat; width:138px; padding:8px 0 16px 42px; font-size:11px; }
#followUs #instagram {background:transparent url('../images/sprites-global.png') 6px -1100px no-repeat; width:138px; padding:8px 0 16px 42px; font-size:11px; margin-bottom:20px;}
#main .notice {list-style:none; background-color:#96cee3; padding:20px 0; margin-left:-20px; margin-right:-20px; top:0; margin-bottom:0;}
#main .notice li {font-weight:normal; border-bottom:1px solid #b2dbeb; padding:6px 20px 33px 20px; margin-bottom:20px;}
#main .notice li.last {border-bottom:0; padding-bottom:14px; margin-bottom:0;}
#main .notice h3 {color:#fff;}
#main .notice p {margin:0;}
.hentry img.size-medium {display:block; float:right; margin:0 -20px 20px 30px; -moz-border-radius:4px; -webkit-border-radius:4px; border-radius:4px;}
.subpage_excerpt {background-color:#4b4b4b; padding:20px 20px 19px 20px; margin:0 -20px 1px -20px;}
.subpage_excerpt h6 {color:#999;}
.subpage_excerpt p {color:#999; margin-bottom:0;}
.subpage_excerpt a {color:#96cee3 !important;}
.subpage_excerpt ul,
.subpage_excerpt li {color:#999; list-style:none; padding:0; margin:0;}
.subpage_excerpt .date_picker {display:none;}
.subpage_excerpt .date_picker ul {margin-left:-20px; margin-right:-20px;}
.subpage_excerpt .date_picker li {border-top:1px solid #666; padding:9px 20px 10px 20px;}
/* -------------------- gallery -------------------- */
a#galleryTab {display:block; position:absolute; right:-88px; width:80px; background:transparent url('../images/sprites-global.png') right -450px no-repeat; padding:15px 0 23px 15px; color:#ddd;}
a#galleryTab:hover {color:#aaa; text-decoration:none;}
#globalsite a#galleryTab {display:none;}
#backgroundImage,
#backgroundImage img {display:block; position:fixed; top:0; left:0;}
#backgroundImage ul {display:none;}
#galleryControls {width:200px;}
a#galleryTabClose {display:block; color:#ddd; font-weight:normal; background:#525252 url('../images/sprites-global.png') right -778px no-repeat; padding:16px 30px 15px 30px; margin:0 0 0 -30px; width:140px;}
a#galleryTabClose:hover {background-color:#444; color:#aaa; text-decoration:none;}
ul#gallerySlideshowControls {top:0; margin:0 0 0 -20px;}
ul#gallerySlideshowControls li {margin:0 20px 0 0;}
ul#gallerySlideshowControls a {margin:0;}
a#gallerySlideshowPrevious {background:url('../images/sprites-global.png') 0 -828px; width:50px; height:45px;}
a#gallerySlideshowPlayPause {background:url('../images/sprites-global.png') -70px -828px; width:50px; height:45px;} /* background-position:-102px -828px; for pause sprite */
a#gallerySlideshowNext {background:url('../images/sprites-global.png') -170px -828px; width:50px; height:45px;}
a#gallerySlideshowPrevious:hover {background-position:0 -878px;}
a#gallerySlideshowPlayPause:hover {background-position:-70px -878px;} /* background-position:-102px -878px; for pause sprite */
a#gallerySlideshowNext:hover {background-position:-170px -878px;}
a.slideshowActive {background-position:-102px -828px !important;}
a.slideshowActive:hover {background-position:-102px -878px !important;}
ul#galleryThumbnails {top:0; margin:0 0 0 -25px;}
ul#galleryThumbnails li {margin:1px;}
ul#galleryThumbnails li.selected {background-color:#ff5a01;}
ul#galleryThumbnails a {margin:4px;}
ul#galleryThumbnails img {display:block;}
#backgroundLoader {background:url('../images/loader.gif') no-repeat center center; position:fixed; top:20px; right:20px; width:24px; height:24px;}
/* ------------- program registration ------------- */
table#event_regis_attendee_verify {margin-bottom:20px;}
.event_form_header {background-color:#ff5a01; padding:20px 20px 19px 20px; margin:40px -20px 1px -20px;}
.event_form_header p {color:#fff; font-size:16px; margin-bottom:0;}
.event_cost {float:left;}
.event_availability {float:right;}
.event_form {background-color:#96cee3; padding:15px 20px 5px 20px; margin:0 -20px 20px -20px;}
.event_form p label {display:block; width:200px; float:left; margin-top:3px;}
.event_form h3 {color:#fff;}
* html .event_form p.event_form_field {height:1%}
* + html .event_form p.event_form_field {display:inline-block}
.event_form p.event_form_field:after {content:'.'; display:block; height:0; clear:both; visibility:hidden}
.event_form p.event_form_field {margin-bottom:13px;}
.event_form p.event_form_field br {display:none;}
.event_form ul.event_form_field {list-style:none; margin-left:0;}
.event_form input[type='text'] {width:228px;}
.event_form input.sm {width:120px;}
.event_form hr {background-position:0 -928px; margin-bottom:10px; margin-top:-10px;}
.date {color:#999;}
#payment_butons {background-color:#fff !important; margin-top:20px !important;}
/* ------------- location google maps ------------- */
.mapShot {display:block; border:1px solid #aaa; width:438px; height:178px;}
#globalsite .mapShot {margin-top:40px;}
.mapShot img {display:block;}
a.locationGoBtn {float:right; margin-top:-5px; color:#fff !important; background:#ff5a01 url('../images/sprites-global.png') right -1088px no-repeat; padding:7px 30px 7px 10px; -moz-border-radius:4px; -webkit-border-radius:4px; border-radius:4px;}
a.locationGoBtn:hover {text-decoration:none !important; background-color:#4b4b4b;}
#mapCoquitlamLocation,
#mapVancouverLocation,
#mapRichmondLocation {margin-left:-20px;}
/* -------------------- footer -------------------- */
#footer h2,
#footer p {color:#666; text-align:center;}
#footer a {color:#666;}
.smallprint,
.smallprint a {color:#999 !important; font-weight:normal !important;}
#footer hr {background-position:0 -20px; margin-bottom:10px; margin-top:-10px;}
/* ------------------ development ------------------ */
.dev_grid_base20_col16 {width:960px; height:9000px; position:absolute; top:0; left:0; z-index:19;
background-image:url("../images/baseline20_col16.png"); background-repeat: repeat;}
a#register, a#register:visited {
display: inline-block;
background: #fff;
border-radius: 4px 4px 4px 4px;
box-shadow: 0 0 3px #999;
cursor: pointer;
overflow: visible;
width: 150px;
border: 1px solid #999;
font-weight: bold;
color: #666;
text-decoration: none;
text-align: center;
font-family: inherit;
font-size: inherit;
margin: 0 130px 10px 130px;
outline: medium none;
padding: 5px 14px;
line-height: 1.4em;
}
a#register:hover {
background: #eee;
text-decoration: none;
color: #000000;
}
a#register:active {
background: #eee;
text-decoration: none;
color: #F60;
}
/* -- Fix for cf.grid_baseline.20.css breaking of wordpress admin bar -- */
#wpadminbar .quicklinks ul {
top: 0;
}