/*============================================================================*/
/*      global.css                                                            */
/*============================================================================*/


/* -------------------------------------------------------------------------------------------------------------
  http://www.env.gov.bc.ca/bcparks/
  global style sheet definition
  last edited: Nov. 24, 2016
---------------------------------------------------------------------------------------------------------------- */

/* ----| Colour Scheme |----------------------------------------------------------------------------------------
  #333;     Dark Grey
  #dfb543;  BC Parks Gold
  #3e5487;  BC Parks Blue
---------------------------------------------------------------------------------------------------------------- */


@font-face {
  font-family: 'Myriad-Pro';
  src: url('/bcparks/_shared/fonts/MyriadWebPro.ttf');
}


/*--=============================== Body ===============================--*/

html,body {
  box-sizing: border-box !important;
  
  height: auto;
  
  margin: 0 auto; padding: 0;
  background-position: center top;
  background-repeat: no-repeat;
  background-attachment: fixed;
  font-family: Myriad-Pro, Calibri, Arial, "sans serif";
  font-family: 'Open Sans', sans-serif;
  font-size: 13px;
  line-height: 1.3em;
  background-color: #036; color: #333;
  
  -webkit-font-smoothing: antialiased;
  /*-moz-osx-font-smoothing: grayscale;*/
}
/*--=============================== Content Structure =================================--*/
#bgPhoto {
  box-sizing: border-box;
  position: relative; bottom: 0;
  width: 100%;
  min-height: 100% !important;
  height: 100%;
  margin: 0 0 0px 0; padding: 0px !important;
}
#container {
  box-sizing: border-box; overflow: hidden; z-index: 2;
  position: relative; top: 80px;
  width: 1170px; height: 100%;
  margin: 15px auto 75px auto; padding: 0;
  text-align: left;
}
#content {
  box-sizing: border-box; overflow: hidden;
  width: 100%;
  margin: 15px 0px 35px 0px; padding: 15px 0;
  float: none; 
  background-color: #fff; border: 1px solid #fff;
  border-radius: 10px;
}
/*--=============================== Header ===============================--*/

#header {
  box-sizing: border-box; position: fixed; top: 0; z-index: 1000;
  width: 100%; height: 90px;
  margin: 0 auto; 
  line-height: 100%;
  background-color: #036; color: #fff;
  border-bottom: 2px solid #fcba19;
}
#header .container {width: 1070px;}
#header #site-title {
  color: #fff;
  font-size: 35px;
  margin-bottom: 0;
  margin-left: 15px;
  margin-top: 20px;
}
#header-row1 {
  width: 100%; margin: 0 auto; text-align: right;
  box-sizing: border-box;
}
#header-row2 {
  float: right;
  width: 100%; margin: 0 auto;
  box-sizing: border-box;
}
#header #header-row1 #site-logo {
  height: 50px;
  margin-top: 10px;
  float: left; vertical-align: bottom;
}
#header #header-row1 #site-logo #bcparks-text {
  position: relative; left: 10px;
  margin: 6px 0 3px 0;
}
#header #header-row1 #site-logo img {width: 143px;}
#header #header-row1 #site-logo a img {width: 155px;}
#header #header-row1 #site-logo span {

  margin-left: 15px; position: relative; bottom: 6px;
  font-size: 42px; font-weight: normal;
  font-family: Garamond,Baskerville,Baskerville Old Face,Hoefler Text,Times New Roman,serif;
}

#textsizer {
  height: 20px;
  margin-top: 15px; padding-right: 10px;
  vertical-align: middle; line-height: 13px;
  float: right;
}
#textsizer img#text-size {padding: 0;}
#textsizer img {
  padding: 2px;
}


#header #social-media-header {
  float: right;
  margin: 10px 15px;
}
#social-media img {width: 38px;}
#social-media-header img {width: 38px;}

#header-search {
  float: left; z-index: 9999;
  position: absolute; top: 90px;
  width: 100%; height: 40px;
  line-height: 37px;
  border-bottom: 2px solid #fcba19;
  background-color: #fff;
  color: #888;
  text-align: left;
  vertical-align: middle;
  font-size: 1.4em;
}
#header-search .container {
  max-width: 1100px;
}
#header-search .container form#header_suggestion_form {
  
}
#header-search .container form#header_suggestion_form .search-trigger {
  float: right;
  position: relative; top: 3px;
  font-size: 30px;
  font-weight: 400;
  cursor: pointer;
  color: #494949;
}
#global-search {
  height: 35px; width: 80%;
  
  border: none;
  
}



#searchButton {
  display: block;
  float: right;
  width: 70px;
  height: 46px;
  padding: 7px 0;
  margin-top: 5px;
  color: #fff;
  background-color: #38598a; /*fcba19*/
  text-align: center;
  cursor: pointer;
}
#searchButton:hover {
  background-color: #38598a; /*fcba19*/
}
#searchButton span {
  font-size: 28px;
}







#searchwidget {
  width: 445px; height: 30px;
  margin: 7px 0 0 0; padding: 0;
  float: right;
}
#searchwidget form {
  padding: 4px 0 4px 4px;
  float: right; white-space: nowrap; text-align: right;
}
#searchwidget form #qt {
  font-style: normal;
  font-family: Myriad-Pro, Calibri, Arial, 'sans serif';
  font-size: 11px;
  height: 16px;
  width: 160px !important;
  padding: 2px 0px 2px 3px; margin-right: 3px;
  float: left;
  border: none;
}
#searchwidget form#searchForm #q {
  float: right;
  box-sizing: border-box;
  width: 420px !important; height: 24px;
  margin-right: 3px; padding: 3px 10px;
  vertical-align: bottom;
  font-style: normal;
  font-family: Myriad-Pro, Calibri, Arial, 'sans serif';
  font-size: 13px;
  color: #9d9d9d; /*#494949*/
  border: none;
}
#searchwidget form#searchForm #global-search {
  float: right;
  box-sizing: border-box;
  max-width: 420px;
  width: 420px;
  height: 24px;
  margin-right: 3px; padding: 3px 10px;
  font-style: normal;
  font-family: Myriad-Pro, Calibri, Arial, 'sans serif';
  font-size: 13px;
  color: #9d9d9d; /*#494949*/
  border: none;
}
#searchwidget form #search {
  float: right;
  color: #234075;
}
#searchwidget #searchForm div.search-trigger {
  width: 18px; height: 20px;
  float: right; position: relative; right: 23px;
  background-image: url("/bcparks/_shared/images/icons/search-ico.png");
  background-repeat: no-repeat; background-position: 0px 3px;
  cursor: pointer; 
}


/*
#header .mini-menu-trigger + .mini-menu-trigger {
    border-right: 2px solid #4b5e73;
search-open-mobile.png
*/




#banner-nav {
  float: right; clear: both;
  margin-right: 10px;
}
#banner-nav a:first-child {
  /*color: #e3a82b;*/
}
#banner-nav a:last-child {
  border-left: none;
  /*color: #e3a82b;*/
}
#banner-nav a {
  display: block; float: right;
  padding: 0 10px; border-left: 1px solid #4b5e73;
  font-size: 13px;
  color: #fff;
  text-decoration: none;
}






#banner {
  height: 104px; white-space: nowrap; clear: both; background-color: #3a4d7c;
  background-image: url("/bcparks/_shared/images/banner/bn_bcparks_home2.jpg");
  background-position: top;
  background-repeat: no-repeat;
  vertical-align: bottom;
}
#bannerHome {
  height: 196px; white-space: nowrap; clear: both; background-color: #3a4d7c;
  background-image: url("/bcparks/_shared/images/banner/bn_bcparks_home3.jpg");
  background-repeat: no-repeat;
  vertical-align: bottom;
}
#bannerGraphic {float: left; position: relative; top: auto;}
#banner #bannerGraphic {top: 106px;}
#bannerHome #bannerGraphic {top: 136px;}

/* banner image rotation */
#banner {background-image: none; overflow: hidden; width: 100%; height: 166px; position: relative; z-index: 0;}
#bannerHome {background-image: none; overflow: hidden; width: 100%; height: 198px; position: relative; z-index: 0;}
#bnLogo {position: absolute; z-index: 10; float: left; width: 278px;}
#banner #bnLogo {height: 166px;}
#bannerHome #bnLogo {height: 198px;}
#bannerNav {position: relative; z-index: 11; float: right;}
#bnImg1 {position: absolute; z-index: 3; float: right;}
#bnImg2 {position: absolute; z-index: 2; float: right;}
/*
#topNav {
  clear: both; white-space: nowrap;
  width: 950px;
  height: 32px; line-height: 32px; padding: 0px 0px 0px 20px; vertical-align: middle;
  background-image: url("../images/nav/bg_topNav.gif");
  background-repeat: repeat-x;
  background-color: #3a4d7c; border-top: 0px solid #3a4d7c;
  z-index: 12; position: relative;
  overflow: hidden; display: block
}
#topNav img {
  margin: 0 0 3px 10px; vertical-align: middle; z-index: 13; position: relative;
}
*/
#topNavContainer {
  box-sizing: border-box;
  z-index: 999;
  /*position: fixed;*/ position: relative;
  /*top: 90px;*/ top: 90px;
  width: 100%; min-height: 30px;
  background-color: #38598a;
  box-shadow: 0 0 5px #000;
}
#topNavContainer #topNav {
  display: none; overflow: visible;
  width: 1050px; height: auto;
  margin: 0 auto; padding-top: 0px;
  position: relative; z-index: 999;
  color: #fff;
  font-size: 13px;
}
#topNavContainer #topNav h3 {display: none;}
#topNavContainer #topNav ul {
  margin: 0 0 0 18px;
  position: abolute; top: 45px;
  width: 1050px;
}

#topNavContainer #topNav ul li {
  float: left; display: block; overflow: visible; box-sizing: border-box;
  position: relative;
  height: 24px; line-height: 13px;
  padding: 10px 0px 0px 0px;
  background-color: #38598a; color: #fff;
  background-image: none;
  text-decoration: none;
}
#topNavContainer #topNav ul li a {
  margin: 10px 0; padding: 2px 15px;
  vertical-align: middle;
  color: #fff; text-decoration: none; white-space: nowrap;
  font-size: 13px; text-transform: none;
  border-left: 1px solid #5475a7;
  font-size: 13px;
}
#topNavContainer #topNav ul li a:hover {
  color: #fff; text-decoration: underline;
}
#topNavContainer #topNav ul li:first-child a {border: none;}
#topNavContainer #topNav ul li.current a {
  text-decoration: underline;
}
#topNavContainer #topNav ul li ul li a {
  text-transform: none; white-space: normal; display: block;
  width: 100% !important; height: 100% !important; margin: 0; padding: 3px 0 !important;
  border: none !important;
  background-color: transparent !important; color: #fff !important;
}
#topNavContainer #topNav ul li ul li a:hover {
  background-color: transparent; color: #e3a82b !important;
  border: 1px solid #039;
  text-decoration: none;
}
#topNavContainer #topNav ul li ul li:hover {/*background-color: #036;*/ color: #fff;}



#topNavContainer #topNav ul li ul {
  display: none; z-index: 1000;
  /*position: relative; top: 8px;*/
  position: absolute; top: 29px;
  margin: 0; padding: 0px 0 8px 0;
  min-width: 275px;
}
#topNavContainer #topNav ul li ul li {
  float: none; display: block;
  position: relative; margin: 0px; padding: 0 3px 0 14px;
  height: auto;
  max-width: 250px;
  white-space: no-wrap;
  text-indent: -7px; line-height: 16px;
}
#topNavContainer #topNav ul li ul li ul {z-index: 1020; position: relative; left: 130px; top: -14px; display: block;}
#topNavContainer #topNav ul li ul li ul li ul {z-index: 1040;}
#topNavContainer #topNav ul li ul li ul li ul li ul {z-index: 1060;}
/*
#topNavContainer #topNav ul li ul li {background-color: rgba(61,81,130,0.95);}
#topNavContainer #topNav ul li ul li ul li {background-color: rgba(71,94,149);}
#topNavContainer #topNav ul li ul li ul li ul li {background-color: rgba(81,106,167);}
#topNavContainer #topNav ul li ul li ul li ul li ul li {background-color: rgba(91,117,183);}
*/

#topNavContainer #topNav ul li ul li.sub {
  background-image: url("../images/icons/topNav-plus.png");
  background-repeat: no-repeat; background-position: 4px center;
}





/*--==BootStrap navbar==--*/
html body div#topNavContainer nav.navbar.navbar-inverse.navbar-static-top {}
html body div#topNavContainer nav.navbar.navbar-inverse div.container div#myNavbar {z-index: 999999;}
.navbar {
  min-height: 38px;
  margin-bottom: 0; padding-top: 5px;
  border: none;
}
.navbar .container {
  padding: 0;
}
.navbar-inverse {
  background-color: #38598a;
  box-shadow: 0 0 5px #000;
  overflow: visible;
}
div.container-fluid {height: 100%;}
#myNavBar {
  margin: 0 auto;
  border-top: none;
}
.navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form {
  border-top: none;
}
div.navbar-collapse {
  /*width: 75%;*/
  height: 100%;
}
.navbar-inverse button.navbar-toggle {
  margin-top: 4px; border-color: #036;
}
nav div div.navbar-collapse ul.navbar-nav li {
  padding: 0 0 0 10px;
  background-image: none !important;
  background-color: #38598a;
}
nav div div.navbar-collapse ul.navbar-nav li:first-child a {
  border: none;
}
nav div div.navbar-collapse ul.navbar-nav li a {
  padding: 5px 15px;
  text-decoration: none;
  color: #fff;
  /*border-left: 1px solid #5475a7;*/
}
.navbar-inverse .navbar-nav .dropdown > li {}
.navbar-inverse .navbar-nav .dropdown > li:hover {
  /*background-color: #036;*/
}
.navbar-inverse .navbar-nav .open .dropdown-menu > li > a {
  border: none;
  color: #fff;
}
.navbar-inverse .navbar-toggle:focus, .navbar-inverse .navbar-toggle:hover {
  /*background-color: #036;*/
}
nav div div.navbar-collapse ul.navbar-nav li a:hover {text-decoration: underline; background-color: #38598a;}
nav div div.navbar-collapse ul.navbar-nav li.active a {
  background-color: inherit;
  text-decoration: underline;
}
nav div div.navbar-collapse ul.navbar-nav li ul.dropdown-menu {
  font-size: inherit;
  background-color: #38598a;
}
nav div div.navbar-collapse ul.navbar-nav li a.dropdown-toggle {background-color: #38598a;}
nav div div.navbar-collapse ul.navbar-nav li a.dropdown-toggle:hover {/*background-color: #036;*/}
nav div div.navbar-collapse:[aria-expanded=true] ul.navbar-nav li a.dropdown-toggle:hover {/*background-color: #036;*/}
nav div div.navbar-collapse ul.navbar-nav li ul.dropdown-menu li:hover {/*background-color: #036;*/}
nav div div.navbar-collapse ul.navbar-nav li ul.dropdown-menu li a:hover {/*background-color: #036;*/}
.navbar-default .navbar-nav > li:hover {background-color: #38598a;}
.navbar-inverse .navbar-nav>.active>a, .navbar-inverse .navbar-nav>.active>a:focus, .navbar-inverse .navbar-nav>.active>a:hover {
  color: #fff;
  background-color: #38598a;
}
.navbar-inverse .navbar-nav>.open>a, .navbar-inverse .navbar-nav>.open>a:focus, .navbar-inverse .navbar-nav>.open>a:hover {
  color: #fff;
  background-color: #38598a
}
.navbar-inverse .navbar-toggle:focus, .navbar-inverse .navbar-toggle:hover {background-color: #38598a;}

.navbar-header .navbar-toggle {border: none;}
.navbar-header .navbar-toggle:hover {background-color: #38598a;}
.navbar-header .navbar-toggle .icon-bar {
  width: 34px !important; height: 5px !important;
  border-radius: 0;
  background-color: #c6d6ee;
}
/*--==/BootStrap navbar==--*/






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


/*--=============================== Breadcrumbs ===============================--*/
#breadcrumbs {
  float: left; margin: 0 0 10px 0; padding: 0; 
  width: 100%; line-height: normal;
  background-color: #fff;
}
#breadcrumbs a {text-decoration: none;}
#breadcrumbs a:hover {text-decoration: underline;}


/*--=============================== Left Column ===============================--*/
#leftCol {
  float: left;
  width: 20%; min-width: 210px;
  /*
  width: 300px;
  width: 220px;
  */
  margin: 0px 0px; padding: 0 0px 20px 15px;
}

/*--=============================== Main Column ===============================--*/
#mainCol {
  box-sizing: border-box;
  float: left; overflow: visible;
  min-height: 797px;
  padding: 0 15px 10px 15px;
  
}
.oneCol div #mainCol {width: 100%;}
/*.twoCol div #mainCol {width: 75%;}*/
.twoCol div #mainCol {width: 79%;}

/*
#content.twoCol {
  background-color: #fff;
  border: 1px solid #fff; border-radius: 10px;
}
*/
/*--=============================== Right Column ===============================--*/
#rightCol {
  float: right;
  /*width: 200px;*/
  padding-bottom: 10px;
}

/*--=============================== Footer ===============================--*/

#footer {
  box-sizing: border-box; overflow: visible; z-index: 99999; clear: both;
  position: relative; bottom: 0;
  width: 100%;
  margin: 80px 0 0 0; padding-top: 40px;
  text-align: center;
  background-image: none;
}
#footer #footerLinksContainer {
  z-index: 1010;
  width: 100%;
  margin: 0 auto; padding: 10px 0;
  border-top: 2px solid #fcba19;
  background-color: #036; color: #fff;
  box-shadow: 5px 0 0 #000;
}
#footer #social-media {
  z-index: 1000;
  clear: both; box-sizing: border-box; overflow: visible;
  position: relative;
  width: 100%;
  margin: 0px auto 0 auto; padding: 5px 0;
  text-align: center;
  background-color: rgba(127,151,168,.75);
  color: #ddd;/*aab7da|7f97a8*/
}
#footer #social-media p {
  margin: 0 0 5px 0; font-weight: bold; font-size: 1.2em;
  cursor: pointer;
}
#footer #social-media div {
  
}
#footer #social-media img {
  display: inline !important;
  margin: 0 2px; padding: 0;
}

#footer #photoCredit {
  float: right; text-align: right;
  position: relative; bottom: 40px; right: 20px;
  height: 1px;
  color: #ddd;
}
#footer #photoCredit div {
  padding: 3px 6px;
  /*background-color: rgba(0, 51, 102, 0.5);*/
}
#footer #photoCredit a {color: #ddd;}

#footer #footerLinks {
  z-index: 1020;
  position: relative; overflow: hidden;
  max-width: 970px; 
  min-height: 21px;
  margin: 0 auto;
}
#footer span {
  display: block; float: left;
  margin: 0; padding: 2px 10px;
  font-size: 13px;
  border-left: 1px solid #4b5e73;
}
#footer span:first-child {border: none;}
#footer span a {text-decoration: none; color: #fff;}


/*--=============================== Global Content Styles ================================--*/
h1 {
  margin: 0 0 .3em 0; padding: 0;
  font-family: Myriad-Pro, Calibri, Arial, "sans serif";
  font-size: 2.4em; line-height: 1.3em; font-weight: normal;
  color: #3a4e7e;
}
h2,h3,h4,h5,h6 {
  padding: 0;
  line-height: 1.3em;
  font-family: Myriad-Pro, Calibri, Arial, 'sans serif';
  color: #3a4e7e;
  -webkit-font-smoothing: subpixel-antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-smooth: auto;
}
h2 {font-size: 1.65em; font-weight: normal; margin-bottom: .33em; margin-top: .1em; } 
/*h2 {font-size: 2.4em; margin-top: 0;} /for garamond*/
h3 {font-size: 1.40em; font-weight: normal; margin-bottom: .33em; margin-top: .1em;}
h4 {font-size: 1.2em; font-weight: normal; margin-bottom: .33em; margin-top: .1em;}
h5 {font-size: 1.1em; font-weight: bold; margin: 0 0 5px 0;}

h6 {
  margin-top: .1em; margin-bottom: 5px; padding: 0;
  line-height: 1em; font-size: 1em;
  color: #3a4e7e;
}
p {margin-bottom: 1em; margin-top: .1em; padding: 0;}
blockquote {margin: 10px 0 10px 20px; font-size: 1em; border-left: none;}
blockquote.fancy {
  background: transparent url(/bcparks/_shared/images/blockquote_01.gif) left top no-repeat;
  margin: 1.3em 40px 1.3em 40px;
  padding-left: 70px;
}
blockquote.fancy  p {
  color: #666666;
    font-size: 14px;
  line-height: 1.4em;
  font-style:italic;
  background: url(/bcparks/_shared/images/blockquote_02.gif) right bottom no-repeat;
  margin: 0;
  padding-right: 60px !important;
}
blockquote.fancy  note {
  color: #666666;
    font-size: 11px;
  font-style: normal;
}

.note {font-size: 0.94em; color: #666666}
.caption {font-size: 0.94em; color: #666666; text-align: center;}
.caption img {display: inline;}
sup {position: relative; top: .3em; vertical-align: top; font-size: 0.9em;}
.contact-info {
  display: block; max-width: 400px;
  margin: 0 30px 1.0em 30px; padding: 10px 10px 10px 10px;
  border: #ccc 1px solid; background-color: #f4f4f4;
}

/*-------- Links ------------------------------------------------------*/

a {color: #3e5487;}
a:link {text-decoration: underline;}
a:hover {text-decoration: none;}
/*h2 a:link, h3 a:link{text-decoration: none;}*/
.lnk {color: #3e5487; cursor: pointer;} /*for JavaScript links*/
.lnk:hover {text-decoration: underline;}

h1 a, h2 a, h3 a, h4 a,  h5 a,  h6 a {text-decoration: none;}


.anchorOffset {
   display: block; position: absolute;
   height: 50px;
   margin: -150px 0 0;
}

/*-------- Lists ----------------------------------------------------------*/

body ul,
body li {
  padding: 0;
  margin: 0;
}
body ul,ol {margin: 5px 0 10px 20px; padding: 0;}
body ul ul, ol ol {margin-bottom: 0px; margin-left: 10px;}
body ul li {
  margin: 0px 0 0px 0px;
  padding: 3px 0 3px 15px;
  list-style-type: none;
  background: url("../../_shared/images/icons/bullet.png") no-repeat 0 0.6em;
}
body ol {
  list-style-type: decimal;
}
body ol li {
  margin: 0px 0 0px 15px;
  padding: 3px 0 3px 0px;
  background-image: none;
  list-style: decimal;
}
body ol ol {list-style-type: lower-alpha;}
body ol ol ol {list-style-type: lower-roman;}
body ol li ol {list-style-type: lower-alpha;}
body ol li ol li {list-style-type: lower-alpha;}
body ol li ol li ol {list-style-type: lower-roman;}


/*---Flush Margin/Padding Lists ----------------------------*/

body ul.flushLeft {margin-left: 0;}
body ul.flushLeft li {
  margin-left: 0;
  padding: 3px 0 3px 0;
  list-style: none;
  list-style-image:none;
  background: none;
}

/* --- Inline list style --------------------------------*/

body ul.inline {margin-left: 0;}
body ul.inline li {
display: inline;
  margin: 0 2.5em 0 0;
  padding: 0 0 0 0;
  list-style: none;
  list-style-image:none;
  background: none;
}

#leftCol ul li {background-image: none;}

/*--==================================Home Template===========================--*/

/*--------------------- General --------------------*/
#breadcrumbsHome {height: 15px; margin: 0; padding: 0;}

#sectHome {
  background-color: rgb(0,0,0,0);
}
#sectHome #content {background-color: transparent;}
#sectHome a {text-decoration: none;}
#sectHome a:hover {text-decoration: underline;}



#container.feature-page {width: 910px;}


/*-------------------- Left Column ------------------*/
#sectHome #leftCol {
  width: 265px; margin-top: 0px; box-sizing: border-box;
  background-image: url(../../_shared/images/backgrounds/bg_leftCol.gif);
  background-repeat: no-repeat;
  background-position: top right;
}
#sectHome #leftCol h3 {
  border-bottom: 0px dotted #aaa; width: 245px;
}
  
#sectHome #leftCol #leftColTiles {width: 230px;}
#sectHome #leftCol #leftColTiles ul {margin-left: 0px;}
#sectHome #leftCol #leftColTiles ul li {
  background: rgba(0, 0, 0, 0) url("../../_shared/images/bullet_arrow.png") no-repeat scroll 0 0.55em;
  font-size: 1.1em;
}
#sectHome #leftCol #leftColTiles div {
  margin: 8px 0;
}
#sectHome #leftCol #leftColTiles div div {
  padding: 3px;
  border: 1px solid #e3e3e3;
}
#sectHome #leftCol dl { margin: 0; padding: 0;}
#sectHome #leftCol dd {
  width: 255px; margin: 0 0 15px 0; padding: 0 10px 0 0;
  clear: both;
}
#sectHome #leftCol dd img {
  float: left; margin: 0 10px 15px 0;
}
#sectHome #leftCol dd h3 {
  margin: 0px 0 0px 0; font-size: 1.4em;
  line-height: 1em; /*white-space: nowrap;*/
}
#sectHome #leftCol dd p {
  margin: .3em 0 0 0; padding: 0;
  
}

#sectHome #leftCol dd p a {
  color:#333;
  text-decoration:none;
}

#sectHome #leftCol dd p a:hover {
color: #3e5487;
text-decoration:underline;
}




#sectHome #PopularTopics {
  margin-top: 15px; clear: both;
}
#sectHome #PopularTopics p {margin-bottom: 4px;}

#sectHome #PopularTopics h3{
  border-bottom: 1px dotted #aaa; width: 245px;
}

#sectHome #PopularTopics dd {margin: 0 10px 5px 0px;}

/*---------------------- leftSubCol Column  -----------------*/
#sectHome #leftSubCol {
  display: none; float: left;
  /*width: 755px;*/ margin-top: 20px; padding: 5px 0px;
  border-top: 1px dotted #aaa;
}

/*--Main Column--*/
#sectHome #mainCol {
  box-sizing: border-box; float: left;
  /*width: 1170px;*/
  margin: 0 auto;
  text-align: center;
}
#sectHome #mainCol h1 {
  margin: 0px 0 5px 0;
  font-size: 3em; line-height: 1em;
}
/*
#sectHome #mainCol img {margin-bottom: 5px; border: 2px solid #fff; border-radius: 7px;}
*/
#sectHome #mainCol p {margin: 5px 0 10px 0;}

#mainCol div.Feature {
  box-sizing: border-box;
  display: block; overflow: hidden;
  max-width: 1100px;
  /*width: 900px;*/
  
  margin: 0px auto 40px auto; padding: 15px 20px 15px 20px;
  background-color: rgba(0, 51, 102, 0.8);
  color: #fff;
  
  -moz-box-shadow:    2px 2px 8px #000, 2px 2px 5px #000;
  -webkit-box-shadow: 2px 2px 8px #000, 2px 2px 5px #000;
  box-shadow:         2px 2px 8px #000, 2px 2px 5px #000;
}
div.Feature h1, div.Feature h2, div.Feature h3, div.Feature h4, div.Feature h5, div.Feature h6 {color: #fff;}
div.Feature h1 {text-shadow: 2px 2px 3px #000;}
div.Feature h2, div.Feature h3, div.Feature h4, div.Feature h5, div.Feature h6 {text-shadow: 1px 1px 2px #000;}

#mainCol div.Feature h1 {
  box-sizing: border-box;
  margin: 5px 0 5px 0; padding: 0 0 0px 0;
  font-weight: bold;
  border-bottom: 0px solid #38598a !important;
  font-family: Myriad-Pro, Calibri, Arial, 'sans serif';
}
#mainCol div.Feature h2 {
  box-sizing: border-box;
  margin-bottom: 15px; font-size: 1.9em; font-weight: bold;
}
#mainCol div.Feature h3 {margin: 10px auto;}
#mainCol div.Feature h3.subtitle {margin: 0px auto 15px auto; font-style: italic; font-weight: 400 !important;}
#mainCol div.Feature h6 {margin-top: 10px; text-align: right; font-weight: normal;}
#mainCol div.Feature p {font-size: 1.15em;}
#mainCol div.Feature a {color: #fff; text-decoration: underline;}
#mainCol div.Feature a:hover {text-decoration: none;}
#mainCol div.Feature a.btn {
  margin: 10px 0 0 0; padding: 8px 20px 5px 20px;
  border: 1px solid #f6f6f6;
  background-color: #2a4976;
  /*background-color: #38598a;*/
  color: #fff;
  text-transform: uppercase;
  line-height: 20px;
  text-decoration: none;
}
#mainCol div.Feature a.btn.large {
  clear: both; box-sizing: border-box;
  margin: 0 0 0 0; padding: 15px 20px 12px 5px;
  border: 1px solid #f6f6f6;
  font-size: 1.5em;
  vertical-align: middle;
}
#mainCol div.Feature a.btn.large img {
  position: relative; bottom: 2px;
  max-width: 20%;
  margin: 0 14px 0 14px; vertical-align: middle;
}
#mainCol div.Feature a.btn:hover {
  background-color: #036;
  text-decoration: none;
}
#mainCol div.Feature table.tiles {
  margin-top: 25px;
}
#mainCol div.Feature table.tiles td {
  border-collapse: collapse;
  width: 33%;
  padding: 5px;
  vertical-align: top;
  border: none;
}
#mainCol div.Feature table.tiles td h3 {
  text-transform: uppercase; font-weight: bold;
}

#mainCol div.Feature.sub {
  box-sizing: border-box;
  padding: 10px 40px;
  /*width: 60%;*/
  line-height: 50px; text-align: center;
}
#mainCol div.Feature div.row {
  clear: both; overflow: hidden;
  width: 88%;
  margin: 5px auto 25px auto;
  white-space: normal;
}
#mainCol div.Feature div.row div.col-sm-3 {padding: 0; text-align: center; overflow: visible;}
#mainCol div.Feature div.row.l2 {padding-left: 19px;}
#mainCol div.Feature div.row h3 {font-weight: bold; text-transform: uppercase;}
#mainCol div.Feature div.row p {white-space: normal;}
#mainCol div.Feature span.tile {
  box-sizing: border-box;
  display: block; float: left;
  width: 186px !important; 
  margin: 0px 10px 0px 10px; padding: 0px 0px;
  font-size: 18px;
  vertical-align: middle;
  text-transform: uppercase; white-space: nowrap;
  color: #ddd;
}
#mainCol div.Feature span.tile:hover {
}

#mainCol div.Feature span.tile.l1 {
  
}
#mainCol div.Feature span.tile.l2 {
  width: 270px !important;
  padding: 0px;
  vertical-align: middle;
}
#mainCol div.Feature span.tile.l2:first-child {

}
#mainCol div.Feature span.tile img {
  display: block;
  margin-right: 5px;
  vertical-align: middle;
  border-color: transparent;
}
#mainCol div.Feature span.tile.linked {
  cursor: pointer;
}

#mainCol div.Feature p {
  color: #fff;
}

#mainCol div.Feature a.tile {
  box-sizing: border-box; display: block; float: none;
  /*
  width: 100%;
  */
  margin: 0px 0px 0px 0px; padding: 0px 0px;
  font-size: 16px; font-weight: bold;
  vertical-align: middle; text-align: center;
  text-transform: uppercase;
  line-height: 1em;
  color: #ddd;
  cursor: pointer;
}
#mainCol div.Feature a.tile:hover {
  text-decoration: none;
}
#mainCol div.Feature a.tile img {
  margin: 0 0px 10px 0;
  vertical-align: middle; postion: relative;
}
#mainCol div.Feature a.tile.s2 p {
}
#mainCol div.Feature a.tile.s1 {
  /*width: 270px;*/
}

#mainCol div.Feature div.row:last-child {margin-bottom: 0;}



#sectHome #mainCol #Feature1 p.caption, #sectHome #mainCol #Feature2 p.caption {
  margin-top: 0;
}
#moreInfo {margin-top: 20px; padding-top: 10px; display: block; clear: both; text-align: center;}
#moreInfo img {margin: 0 5px;}




/*home page public advisories*/
.Feature.public-notice {
  text-align: left;
}
.Feature.public-notice h2 {
  margin-bottom: 5px !important;
}
.Feature.public-notice h3 {
  
}
.Feature.public-notice p {
  font-size: 1em !important;
}
.soe {
  margin-bottom: 20px !important;
  padding: 5px 10px 10px 10px;
  color: #888;
  background-color: rgba(227,195,43,1.0);
  box-shadow: 2px 2px 3px #000 !important;
}
.soe h2 {
  padding-top: 5px;
  font-size: 1.5em !important;
  text-align: center;
  color: #001932 !important; text-shadow: 0px 0px 0px #000 !important;
  border-bottom: 1px solid #000;
}
.soe p,
.soe a {
  color: #001932 !important;
}
.soe ul li {
  padding-left: 0;
  list-style-type: square;
  color: #001932; background: none;
}
 




div.row.feature-set div {
  min-height: 130px;
  margin: 0px; padding: 5px;
}

div.row.feature-set div div {
  padding: 10px 10px 20px 10px;
  height: 100%;
  background-color: rgba(0, 51, 102, 0.8);
  color: #fff;
  text-align: left;
  cursor: pointer;
}
div.row.feature-set div.col-sm-4:first-child {padding-left: 0;}
div.row.feature-set div:first-child {margin-left: 0;}
div.row.feature-set div:last-child {margin-right: 0;}
div.row.feature-set div div:hover {
  /*background-color: rgba(56,89,138,0.9);*/
  background-color: rgba(0, 51, 102, 0.8);
}
div.row.feature-set div h3 {
  font-size: 1.15em; font-weight: bold;
  color: #fff; text-transform: uppercase;
}
div.row.feature-set div img {
  float: left; margin: 0 10px 60px 0;
}

div.row.feature-set div p {
  display: block;
  font-size: 1.1em;
}
div.row.feature-set div a {
  float: right; position: absolute; bottom: 25px; right: 15px;
  height: 1px; margin: 0;
  color: #fff; text-decoration: none;
  text-transform: uppercase;
}
div.row.feature-set div.btn-f {
  min-height: 50px;
  text-align: center;
}
div.row.feature-set div.btn-f div {
  min-height: 50px;
  padding: 0px;
  text-align: center; vertical-align: middle;
}
div.row.feature-set div.btn-f div h3 a {
  position: relative; top: 0px; right: 0; float: none;
  width: 100%;
  padding: 15px auto !important;
}

div.row.feature-set div.btn-f div a {
  display: block;
  position: relative; top: 17px; right: 0; float: none;
  height: 50px; width: 100%;
  padding: 0px auto !important;
  font-size: 1.15em; font-weight: bold;
  color: #fff; text-transform: uppercase;
}


  
table.feature-set {
  width: 80.5%;
  margin: 0 auto;
  border-collapse: separate;
  border-spacing: 10px !important;
}
table.feature-set td {
  width: 32%; height: 135px;
  
  border: none;
  background-color: rgba(0, 51, 102, 0.8);
  color: #fff;
  padding: 10px  10px 15px 10px !important;
  text-align: left; vertical-align: top;
  cursor: pointer;
}
table.feature-set td img {float: left; margin: 0 8px 40px 0;}
table.feature-set td div {
  float: left; position: relative; bottom: 2px;
  width: 210px;
  padding: 3px 0 0 3px;
}
table.feature-set td h3 {
  box-sizing: border-box; display: block; white-space: nowrap;
  font-size: 1.3em;
  text-transform: uppercase; color: #fff !important;
}
table.feature-set td p {
  display: block;
  font-size: 1.1em;
}
table.feature-set td a {
  float: right; position: relative; top: 100px; right: 5px;
  height: 1px; margin: 0;
  color: #fff; text-decoration: none;
  text-transform: uppercase;
}
table.feature-set td a {color: #fff;}

table.feature-set td.col-3-btn {
  overflow: hidden;
  height: 50px !important;
  padding: 15px 0 13px 0 !important;
  text-align: center; vertical-align: middle;
  font-weight: normal;
  font-size: 1.3em;
}
table.feature-set td.col-3-btn a {
  position: inherit; float: none;
  padding: 15px 20px;
  color: #fff;
}
table.feature-set td:hover {
  background-color: rgba(56,89,138,0.9);
}


table.feature-set td p.link {
  float: right; position: relative; top: 75px;
  height: 1px; margin: 0;
  color: #fff;
}
table.feature-set td p.link a {color: #fff;}





div.feature-set {
  width: 900px;
  margin: 0 auto;
}

div.feature-set div.col-3 {
  box-sizing: border-box; display: block; float: left;
  width: 280px !important; height: 120px;
  margin: 10px 10px !important; padding: 10px 10px 10px 10px !important;
  text-align: left;
  
  
}
div.feature-set div.col-3 div {
  float: left; position: relative; bottom: 14px;
  width: 205px;
}
div.feature-set div.col-3 img {float: left; margin: 0 5px 0px 0;}
div.feature-set div.col-3 h3 {
  box-sizing: border-box; display: block; white-space: nowrap;
  font-size: 1.5em; color: #fff !important;
}
div.feature-set div.col-3 p {display: block;}
div.feature-set div.col-3 a {float: right; position: relative; top: 75px;}

div.feature-set div.col-3-btn {
  display: block; float: left;
  width: 270px !important; height: 50px;
  margin: 10px 10px !important; padding: 3px 5px;
  text-align: center;
  
}




#mainCol div.Feature.home-strategy div.container-fluid {margin-top: 30px;}
#mainCol div.Feature.home-strategy div.container-fluid div.row {width: 100%; padding: 0 5px;}
#mainCol div.Feature.home-strategy div.container-fluid div.row h3 {margin-top: 0;}

div.tile-home-feature {
  float: left;
  max-width: 650px;
  margin: 0 auto 0px auto;
}
div.tile-home-feature div {
  float: left;
  display: inline-block;
  width: 130px; height: 125px;
}
html body div#container div#content div#sectHome div#mainCol.col-sm-12 div.Feature.InBCParks div.tile-home-feature div a.tile.s2 {
  font-weight: normal !important;
  line-height: 1.2em !important;
  text-decoration: none;
}
html body div#container div#content div#sectHome div#mainCol.col-sm-12 div.Feature.InBCParks div.tile-home-feature div a.tile.s2:hover {
  text-decoration: underline;
}

html body div#container div#content div#sectHome div#mainCol.col-sm-12 div.Feature.InBCParks div.tile-home-feature div a.tile.s2 img {
  margin-bottom: 5px;
  height: 60px;
}

html body div#container div#content div#sectHome div#mainCol.col-sm-12 div.Feature.InBCParks a.btn.make-a-reservation {
  float: none;
  margin: 20px auto;
}
html body div#container div#content div#sectHome div#mainCol.col-sm-12 div.Feature.InBCParks a.btn.make-a-reservation img {
  width: 50px;
  margin-right: 10px;
}


html body div#container div#content div#sectHome div#mainCol.col-sm-12 div.Feature.InBCParks div.Feature.wildfire-home {
  float: right;
  /*
  background-color: transparent;
  */
}



div.Feature.InBCParks .container-fluid {
  padding-left: 0; padding-right: 0;
}
#mainCol div.Feature.InBCParks .container-fluid .row {
  width: 100%;
}
#mainCol div.Feature.InBCParks .container-fluid .row .col {
  float: left;
  width: 20%;
  padding: 0 10px;
}
#mainCol div.Feature.InBCParks .container-fluid .row div {
  float: left;
  width: 16.5%;
  /*width: 20%;*/
  min-width: 100px;
  padding: 0 10px 10px 10px;
  /*
  padding: 0 10px;
  */
}
#mainCol div.Feature.InBCParks .container-fluid .row div a {
  line-height: 1.4em;
  text-decoration: none;
}
#mainCol div.Feature.InBCParks .container-fluid .row div a:hover {
  text-decoration: underline;
}





#mainCol div.Feature.Critical {
  background-color: rgba(175, 0, 0, 0.8);
  text-align: left;
}
#mainCol div.Feature.Critical a {
  color: #fff; text-decoration: underline;
}
#mainCol div.Feature.Critical a:hover {text-decoration: none;}
#mainCol div.Feature.Critical h2 {
  text-align: center;
  color: #fff;
}
#mainCol div.Feature.Critical .note {
  color: #fff;
}
#mainCol div.Feature.Critical a:hover {
  text-decoration: none;
}
#mainCol div.Feature.Critical dl.newsList {
  padding-bottom: 0px;
  border-bottom: 1px dotted #fff;
}
#mainCol div.Feature.Critical dl.newsList dt {
  text-align: left;
  color: #fff;
  text-decoration: underline;
}
#mainCol div.Feature.Critical dl.newsList dt:hover {
  text-decoration: none;
}
#mainCol div.Feature.Critical dl.newsList dt span.dt {
  color: #fff;
}
#mainCol div.Feature.Critical dl.newsList dd {
  text-align: left;
  color: #fff;
}
#mainCol div.Feature.Critical dl.newsList dd i {margin-left: 5px;}
#mainCol div.Feature.Critical dl.newsList dd a {color: #fff; text-decoration: underline;}
#mainCol div.Feature.Critical dl.newsList dd a:hover {text-decoration: none;}
#mainCol div.Feature.Critical dl.newsList dd p {
  font-size: 1em;
}
#mainCol div.Feature.Critical dl.newsList ul li a {
  color: #fff;
}
#mainCol div.Feature.Critical div.container-fluid {padding: 0;}
#mainCol div.Feature.Critical div.container-fluid div.row {width: 100%;}
#mainCol div.Feature.Critical div.container-fluid div.row div ul {margin-left: 0;}
#mainCol div.Feature.Critical div.links {
  float: right;
  margin-top: 10px;
}
#mainCol div.Feature.Critical div.links h4 {
  margin: 0 0 5px 0; padding: 0;
  font-weight: 600;
}
#mainCol div.Feature.Critical div.links h5 {
  margin: 0 0 5px 0; padding: 0;
}
#mainCol div.Feature.Critical div.links ul {
  margin: 0px 0 0 0;
}
#mainCol div.Feature.Critical div.links ul li a {
  line-height: 1em;
  text-decoration: underline;
  color: #fff;
}
#mainCol div.Feature.Critical div.links ul li a:hover {text-decoration: none;}


#mainCol div.Feature.Critical h3 a {color: #fff; text-decoration: underline;}
#mainCol div.Feature.Critical h4 a {color: #fff; text-decoration: underline;}

dl dd .icon-legend {
        float: right; /*height: 0px;*/
        /*position: relative; bottom: 30px;*/
      }
dl dd .icon-legend div {
         margin: 0 0 0 10px; padding: 5px 10px 5px 12px;
         text-indent: -8px; text-align: right; background-color: rgba(0,0,255,.1); z-index: 999;
      }
dl#CriticalNews dd ul {
  text-align: left;
}
dl#CriticalNews dd div.container-fluid div.row div.col-sm-5 {
  padding: 0;
}
dl dd img.order {border: 1px solid #888;}




#mainCol #Updates {
  box-sizing: border-box;
  clear: both;
  /*
  width: 1100px;
  width: 900px;
  */
  /*width: 100%;*/
  /*width: 890px;*/
  margin: 20px auto; padding: 10px 20px;
  background-color: rgba(0, 51, 102, 0.8);
  color: #fff !important;
}
#sectHome #mainCol #Updates h2 {
  
}
#sectHome #mainCol #Updates h3 {
  text-transform: uppercase; color: #fff !important;
  font-weight: bold;
}
#sectHome #mainCol #Updates dl.newsList {text-align: left; opacity: 1;}
#sectHome #mainCol #Updates dl.newsList dt {font-size: 1.1em; color: #fff; text-align: left;}
#sectHome #mainCol #Updates dl.newsList dt span.dt {color: #fff;}
#sectHome #mainCol #Updates dl.newsList dd p {font-size: 1em;}

#sectHome #mainCol #Updates a {color: #fff; text-decoration: underline;}
#sectHome #mainCol #Updates a:hover {text-decoration: none;}
#Updates #SubscribeLinks {float: right; margin-top: 2px;}
#Updates #SubscribeLinks img {position: relative; top: 4px;}
/*#sectHome #mainCol #MoreInfo {margin-left: 10px;}*/


#sectHome #home-partners {
  display: block; clear: both; overflow: visible;
  width: 100%;
  margin: 20px auto 20px auto; padding-top: 10px; text-align: center;
  vertical-align: top; line-height: 90px;
}
#sectHome #home-partners img {
  display: inline;
  margin: 0 10px;
}


#content #sectHome {
  background-color: transparent;
  border: none;
}
#content #sectFuture {
  background-color: transparent;
  border: none;
}
#sectFuture #mainCol {
  box-sizing: border-box;
  float: left; margin-right: 15px;
  text-align: center;
}
div#sectFuture #mainCol div.Feature {
  overflow: hidden;
  margin-bottom: 40px; padding: 15px 15px;
}
div#sectFuture #mainCol div.Feature h1 {
  clear: both;
  margin-bottom: 0; padding-bottom: 0;
  border-bottom: none !important;
}

div#sectFuture #mainCol div.Feature h5 {
  clear: both;
  margin: 15px 0; padding: 0 15px;
  font-weight: normal;
}
div#sectFuture #mainCol div.Feature a {color: #fff;}
div#sectFuture #mainCol div.Feature .sub {
  width: 45%; display: inline; overflow: hidden;
  border: 0px solid #036;
  text-align: center;
}
div#sectFuture #mainCol div.Feature .sub.left {
  float: left; text-align: right;
  clear: left;
}
div#sectFuture #mainCol div.Feature .sub.left h3 {text-align: right;}
div#sectFuture #mainCol div.Feature .sub.left h5 {text-align: right;}
div#sectFuture #mainCol div.Feature .sub.right {float: right; text-align: left;}
div#sectFuture #mainCol div.Feature .sub.right h3 {text-align: left;}
div#sectFuture #mainCol div.Feature .sub.center {
  box-sizing: border-box; display: block; clear: both !important;
  width: 45%;
  margin: 0 auto; padding: 0px;
  text-align: center;
}
div#sectFuture #mainCol div.Feature .sub img {
  clear: both;
  margin: 15px 15px 5px 15px;
}
div#sectFuture #mainCol div.Feature .sub.center img {
  display: block; text-align: center;
  margin-left: auto; margin-right: auto;
}
div#sectFuture #mainCol div.Feature .sub h3 {
  padding: 0;
  font-weight: bold;
  text-align: center;
}
div#sectFuture #mainCol div.Feature .center h5 {text-align: left;}

/*---------------------------- Right Column --------------------------------*/
#sectHome #rightCol {
  width: 200px; float: left; margin-top: 0px; padding-top: 0;
}
#sectHome #rightCol #rightColTiles {width: 200px;}
#sectHome #rightCol #rightColTiles div {
  margin: 8px 0;
}
#sectHome #rightCol #rightColTiles div div {
  padding: 3px;
  border: 1px solid #e3e3e3;
}

#rightCol a {line-height: normal;}

#sectHome #rightCol dl {width: 200px; margin: 0 0 0 0; padding: 0;}
#sectHome #rightCol dl dd {margin: 0 0 0 0;}

/* button sections ---------------------------------------------------------- */

#rightCol  dl#btnSection1 dd {margin: 0 0 15px 0; padding: 0; line-height:0;}
/*#rightCol #btnSection1 dd a {line-height: 0 !important;} */
#rightCol  dl#btnSection2 dd {margin: 0 0 15px 0; padding: 0; line-height:0; /* line-height: 1%;*/}


/* Large tiles  ---------------------------------------------------------- */

#sectHome #rightCol #Tile1, #sectHome #rightCol #Tile2 {margin-bottom: 15px;}
#rightCol #Tile1 dd h5, #rightCol #Tile2 dd h5  {font-weight: normal;}
#rightCol #Tile1 dd a, #rightCol #Tile2 dd a  {font-style: normal;}

#rightCol #Tile1  {
  background: url(../../images/home/bg_merchandise-top.jpg) top left no-repeat;
  padding-top: 72px;
  display:block;
  border: 1px solid #ddd;
  background-color: #f4f4f4;
}

#rightCol #Tile1 dl { margin: 0; padding: 0 0 5px 0; }
#rightCol #Tile1 dd {padding-left: 10px; padding-bottom:7px;  }

#rightCol #Tile2 {
  background: url(/bcparks/images/home/bg_events-top.gif) 0 -12px  no-repeat;
  border: 0px solid #ddd;
  line-height: 1%;
}
#rightCol #Tile2 .eventCal{
  margin: 5px 5px 0 5px;
}
#rightCol #Tile2 h3 { margin: .3em 10px 0 10px;}
#rightCol #Tile2 p {margin: 0 10px 1.5em 10px;}
#rightCol #Tile2 a {text-decoration: none;}
#rightCol #Tile2 dd {
  padding: 5px 10px 5px 10px;
  line-height: normal;
  background: url(../../images/home/bg_events-mid.gif) bottom left repeat-y;
}


#rightCol #Tile2 img {line-height: 1%;}





/*--=========================== Parks Templates ===================================--*/

/*--Alphabetical Lists--*/
#alphaListTOC {margin-top: 0px; padding-top: 0px; border-bottom: 1px solid #ddd;}
#alphaListTOC img {position: relative; top: 1px;}
#alphaListTOC a {text-decoration: none; padding: 0 3px;}
#alphaListTOC a:hover {color: #e3a82b; background-color: #32436b;}
#alphaList h5 {
  display: inline; color: #e3a82b; 
  text-transform: uppercase; font-weight: normal;
  font-size: 0.85em;
}

/*displayed on park pages*/
#alphaListTOC #alphaList h5 {display: none;} /*hide the heading for alphabetical index pages*/

ul.parkList {margin-left: 0;}
ul.parkList li {background-image: none;}
ul#parkList li p span.comment {display: none;/* visibility: hidden; font-size: 0px;*/}

ul li h4 {margin-top: 0;}

#sectParks #breadcrumbs {margin-top: 15px; display: none;}
.oneCol #sectParks #breadcrumbs {display: block;}
.oneCol #sectParks #mainCol {width: 100%;}

#AlphaList {white-space: nowrap;}
#alphaList {
  clear: left;
  margin-top: 0px; padding-top: 0px;
} /*used on alphabetical listing pages as well*/
#alphaList a.find {
  /*color: #e3a82b;*/
  color: #234075;
  text-transform: uppercase;
  font-size: 0.8em;
}
#alphaList img {
  position: relative; top: 1px;
  vertical-align: baseline;
}
#alphaList a {text-decoration: none; padding: 0 3px;}
#alphaList a:hover {color: #e3a82b; background-color: #32436b;}

#sectParks #addThis {
  float: right;
  clear: right;
  margin-top: 0px;
}
/* addThis Widget Adjustments */
#addThis .addthis_toolbox .connect_widget {margin-bottom: 0 !important;}


#sectParks #mainCol {/*width: 720px;*/}
#sectParks #mainCol h1 {margin: 10px 0;}
#sectParks #mainCol h4 {color: #036;}

#content.twoCol #sectParks #leftCol {
  /*width: 235px;*/
  line-height: normal;
  /*
  background-image: url(../../_shared/images/parks/bg_parks_leftCol.jpg);
  background-repeat: repeat-x;
  */
}
html body div#container div#content.twoCol div#sectParks div#leftCol i.fas {
  display: none;
  position: absolute; 
  left: 2px;
  font-size: 25px;
}

#sectParks #rightCol {
  clear: right;
  width: 220px;
}

#ActFacil {
  overflow: hidden;
  margin-bottom: 7px; padding-left: 0px;
}
/*#ActFacil img#inThisPark {margin: 0 0 7px -15px;}*/
#ActFacil .icons {margin-bottom: 5px; padding: 0 0px 5px 0px;}
#ActFacil .icons img {display: inline; float: none; margin: 0 7px 7px 0;}
#ActFacil .icons img.iconHeader {display: block; margin: 5px auto 7px 0;}


#ActFacil h3#inThisPark {
  width: 120%; height: 23px;
  margin-bottom: 7px; padding: 2px 0 0 5px;
  line-height: 22px; vertical-align: baseline;
  text-transform: uppercase; font-size: 14px; font-weight: 600;
  color: #fff;
  /*
  background-image: url("/bcparks/_shared/images/parks/bg_inThisPark.gif");
  background-image: url("/bcparks/_shared/images/backgrounds/bg_heading.png");
  */
  background-image: url("/bcparks/_shared/images/parks/bg_inThisPark.gif");
  background-repeat: repeat-x;
}


.parksNav {
  overflow: hidden;
  margin-bottom: 5px; padding: 0 15px;
}
.parksNav h3 {
  position: relative; right: 15px;
  width: 120%; height: 23px; padding: 2px 0 0 5px;
  line-height: 22px; vertical-align: baseline;
  text-transform: uppercase; font-size: 14px; font-weight: 600;
  color: #fff;
  background-image: url("/bcparks/_shared/images/backgrounds/bg_heading.png");
  background-repeat: repeat-x;
}
.parksNav img.grHeading {
  display: block;
  margin: 0 0 5px -15px; padding-right: auto;
  background-image: url("/bcparks/_shared/images/backgrounds/bg_heading.png");
  background-repeat: repeat-x;
}
.parksNav ul {margin: 0 0 10px 0px;}
.parksNav li {margin-bottom: 0px; padding-left: 0 !important;}
.promoTile {margin-bottom: 0px;}
.promoTile img {margin-bottom: 15px;}
.promoBanner {margin: 15px 0 0 0;}

#sectParks .park-feature .backToTop {float: right; margin-top: 9px; padding: 0; clear: both; /*display: inline;*/ display: none;}

div#public-advisory {
  margin-bottom: 15px;
  border: 0px solid #588ec4;
/*background-color: #f1f1f2;
  
  -moz-box-shadow:    1px 2px 2px #888, 1px 2px 2px #888;
  -webkit-box-shadow: 1px 2px 2px #888, 1px 2px 2px #888;
  box-shadow:         1px 2px 2px #888, 1px 2px 2px #888;  

*/
  border-bottom: 1px solid #e3a82b;
}
div#public-advisory.expanded {border: none;}

div#container div#content.twoCol div#sectParks div#mainCol div#public-advisory.park-feature h3.ImportantNotice {
  clear: both; display: inline-block;
  margin-bottom: 0;
  padding: 6px 0 2px 30px;
  font-size: 15px; font-weight: 600;
  line-height: 23px; vertical-align: middle; text-align: left;
  /*background-image: url("/bcparks/_shared/images/parks/bg_attention.gif"); background-repeat: repeat-x;*/
  /*
  background-color: #f3f2ed;
  */
  background-image: url("/bcparks/_shared/images/icons/important-head.png"); background-repeat: no-repeat;
  background-position: 6px 50%;
  background-size: 20px 20px;
  background-color: #e3a82b;
  color: 036;
  /*
  background-color: #305982;
  color: #fff;
  border-top: 1px solid #e3e2d7;
  border-bottom: 1px solid #e3e2d7;
  */
  border: 1px solid #e3a82b;
  cursor: pointer;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
}
div#public-advisory h3.ImportantNotice:hover {
  /*
  background-color: #38598a !important;
  background-color: #d19d30 !important;
  background-color: #e0b24f !important;

  border-color: #d19d30 !important;
  */
  background-color: #e0b24f !important;

}
#sectParks #mainCol h3.ImportantNotice img {
  display: none;
  position: relative; bottom: 1px;
  vertical-align: middle;
}
#sectParks #mainCol h3.ImportantNotice img#advisories-toggle {
    
  display: inline;
  visibility: hidden;
  position: relative; bottom: 2px;
  margin: 0px 10px 0 10px;
  width: 16px; height: 16px;
}
.rotated {
    -webkit-transform: rotate(180deg);  /* Chrome, Safari 3.1+ */
    -moz-transform: rotate(180deg);  /* Firefox 3.5-15 */
    -ms-transform: rotate(180deg);  /* IE 9 */
    -o-transform: rotate(180deg);  /* Opera 10.50-12.00 */
    transform: rotate(180deg);  /* Firefox 16+, IE 10+, Opera 12.10+ */
}




div#public-advisory div.park-feature-content {
  display: block;
  margin-top: 0;
  padding: 8px 10px 10px 5px;
  border-top: 1px solid #e3a82b;
  border-bottom: 1px solid #e3a82b;
  border-right: 1px solid #e3a82b;
  border-left: 1px solid #e3a82b;
  background-color: rgba(227,168,43,.25);
  border-top-right-radius: 5px;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
  -moz-box-shadow:    1px 2px 2px #888, 1px 2px 2px #888;
  -webkit-box-shadow: 1px 2px 2px #888, 1px 2px 2px #888;
  box-shadow:         1px 2px 2px #888, 1px 2px 2px #888; 
}
div#container div#content.twoCol div#sectParks div#mainCol div#public-advisory.park-feature div.park-feature-content h4 {
  margin-left: 5px;
  border-top: 1px solid #ccc;
}
div#public-advisory div.park-feature-content ul {
  padding: 0 10px;
  margin-left: 0;
}
div#public-advisory div.park-feature-content ul li {
  overflow: hidden;
}
div#public-advisory div.park-feature-content ul li.warning {
  padding-left: 18px;
  background-image: url("/bcparks/_shared/images/icons/icon-exclamation-triangle-border.png");
  background-repeat: no-repeat;
  background-size: 16px 16px;
  background-position: 0px 4px;
}
div#public-advisory div.park-feature-content ul li h5.warning {
  padding-left: 18px;
  background-image: url("/bcparks/_shared/images/icons/icon-exclamation-triangle-border.png");
  background-repeat: no-repeat;
  background-size: 16px 16px;
  background-position: 0px 4px;
}
div#public-advisory div.park-feature-content ul:first-child li {
  padding-bottom: 0px;
  border-top: 1px solid #ccc;
}
div#container div#content.twoCol div#sectParks div#mainCol div#public-advisory.park-feature div.park-feature-content ul li:first-child {border: none;}
div#container div#content.twoCol div#sectParks div#mainCol div#public-advisory.park-feature div.park-feature-content ul li ul li {border: none !important;}
div#public-advisory div.park-feature-content ol li {border: none;}
div.park-feature-content ul li time {
  float: right;
  margin: 0 0 10px 10px;
  font-size: 0.9em; color: #036;
}
div.park-feature-content ul li time.hidden {display: none;}
div#public-advisory div.park-feature-content img.notice-photo {
  float: right;
  max-width: 300px;
}


div#sectParks div#mainCol div.park-feature h3 {
  text-indent: 0px; 
  border-bottom: 1px solid #ddd;
  margin: 0 0 .6em 0;
}
div#sectParks div#mainCol div.park-feature#Introduction h3 {display: none;}

#sectParks #Reservations h3 {
  text-indent: 0; margin: 15px 0; 
  background-image: none;
  border: none;
}

#sectParks .park-feature {margin: 10px 0 20px 0px; clear: both; width: 100%;}
#sectParks .park-feature p {margin: 0px 0 10px 0; padding-top: 0px;}/*margin: 0px 0 10px 0;*/
#sectParks .park-feature ul {margin-top: 5px; margin-bottom: 7px;}/*margin-top: 10px;*/
/*.park-feature ul li ul {margin-top: 0;}*/

#sectParks .iconActFac {float: left; margin-right: 5px;}

#sectParks #parkPhotosNoFlash {clear: both;}


/*/////////////////////////////////////////---  Park Page -----/////////////////////////////////////////////*/

/* -------------- Photos --------------------------------------------------------------------------------------*/

/*need to figure out which class can be be removed */

img.photo-float {
  float: right;
  max-width: 300px;
  margin: 0 0 15px 15px;
  border-radius: 10px;
}

#sectParks .parkPhoto {
  margin: 5px 0 10px 10px; float: right; width: auto; text-align: left;
}
#sectParks .parkPhoto img {
  display: block; margin-bottom: 5px;
  border-radius: 10px;
}

div.park-feature {margin: 10px 0 20px 15px;}

div.park-feature img.park_photo {
  float: right; clear: both;
  max-width: 300px;
  margin: 0px 0 10px 5px;} /* simple park photo */
img.park_photo2 {
  float: right; clear: both;
  margin: 0px 0 10px 5px;
  border-radius: 10px;
} /* simple park photo */
div.park_photo2 {
  float: right; clear: both;
  margin: 0px 0 10px 15px;
}
div.park_photo2 img {
  width: 300px;
  margin: 0px 0 0px 5px;
  border-radius: 10px;
}
div.park_photo { /* ---------------- park photo with gallery button */
  float: right; clear: both;
  width: 300px;
  margin: 0px 0 10px 5px;
  }
div.park_photo img {
  max-width: 300px;
  display: block; margin-bottom: 4px;
  border-radius: 10px;
}
img.park_photo {
  border-radius: 10px;
}

img.photo-shadow {
  -moz-box-shadow:    2px 2px 8px #888, 2px 2px 5px #888;
  -webkit-box-shadow: 2px 2px 8px #888, 2px 2px 5px #888;
  box-shadow:         2px 2px 8px #888, 2px 2px 5px #888;
}

div.park-feature ul {margin-top: 10px;}
div.ActFac {margin: 0 0 15px 30px;}
#icons {padding: 12px 14px 12px 13px;}
#icons a {margin: 3px;}
#icons img {margin-bottom: 2px;}


div.ParkFees {font-weight: normal; margin: 8px 0; background-color: #eadbdb; color:#004F75; padding: 3px 5px; display: block;}/*background-color:#EAEAEA;*/
div.ParkFees.scr {background-color: #eadbdb;}

/*---------------------------- parkList ---------------------------------------*/

@media print {
  div.advert {margin-top: 20px;}
}
div#parkListTOC #liveFilter {
  width: 265px;
  float: none; clear: both;
}
div#parkListTOC label {
  margin-left: 20px;
}
div#parkListTOC input#fSearch {
  width: 160px; margin-left: 5px; float: right;
  font-size: 0.85em;
}

div#parkListTOC {
  width: 735px; margin: 0px 0 15px 0;
  clear: both; position: relative; bottom: 0px;
}
div#parkListTOC div.accIndex {clear: both;}
div#parkListTOC div.accIndex a {
  margin: 0 0px 0 0; padding: 0px 2px;
  text-decoration: none;
}
div#parkListTOC div.accIndex a:hover {
  text-decoration: none;
  color: #e3a82b; background-color: #32436b;
}
div#parkListTOC div.accIndex div.accCtrl {
  margin-left: 10px; position: relative; bottom: 1px;
  display: inline; float: none;
}



ul#parkList {
  margin: 0;
}
ul#parkList li {
  margin: 0; padding: 0px 0 25px 0;
  background: none !important;
  border-top: 0px solid #ccc;
}
ul#parkList li h5 {
  margin: 0; padding: 3px 3px 3px 10px;
  font-size: 1.3em; font-weight: normal;
  background-color: #efefef; border: 1px solid #dfdfdf;
  
}
ul#parkList li p {margin: 0; padding: 0px 0 4px 10px; line-height: 16px;}
ul#parkList li p span.parkListSub {padding: 5px 0 5px 15px; display: block;}
ul#parkList li p span.alias {visibility: hidden;}


/* -------------------- Campfire Bans --------------------*/

#closureNotice {
  display: none;
  margin: 0 0 15px 20px;
  text-indent: -20px;
}
#closureNotice .order {margin: 5px 0 0 20px;}

#parksFireUpdate {
  clear: right;
  display: none; max-width: 220px;
  margin: 0 0 0 0; padding-top: 0px; padding-bottom: 13px;
  /*background-image: url(../images/fireNotice/tileFireBan.gif);
  background-repeat: no-repeat;*/
}
/*#parksFireUpdate:hover {background-image: url(../images/fireNotice/btn_campfireban_on.jpg);}*/
#parksFireUpdate img {
  width: 100%;
}
#parksFireUpdate p {margin: 5px 0 0 0 !important; padding: 5px 0 0 0 !important;}
#parksFireUpdate_noscript {
  display: none; width: 220px;
  margin: 0 0 0 0; padding-top: 0px; padding-bottom: 13px;
  /*background-image: url(../images/fireNotice/btn_campfireban_off.jpg);
  background-repeat: no-repeat;*/
}
#parksFireUpdate div.smoking-ban {
  margin: 5px 0 0 0;
}
#parksFireUpdate div.smoking-ban img {
  float: left;
  width: 55px; margin: 0 3px 20px 0;
}
#parksFireUpdate div.smoking-ban div {
  float: left;
  width: 160px;
  margin-bottom: 10px;
}

/*#parksFireUpdate_noscript:hover {background-image: url(../images/fireNotice/btn_campfireban_on.jpg);}*/
#parksFireUpdate_noscript p {margin: 5px 0 0 0 !important;}
#parksFireUpdate_custom {padding-bottom: 0px;}
#parksFireUpdate_custom p {padding: 0px 0 0 0 !important; margin: 0;}

/*.btn_CampfireBan {float: none; margin: 0px 0 5px 0; width: 235px; height: 60px;}
.header_CampfireBan {margin-bottom: 15px;}
#parksFireUpdate_basic {display: block; margin-bottom: 15px; width: 235px; clear: both;}
#parksFireUpdate_basic p {margin-top: 0px !important;}*/

#mainCol #parksFireUpdate {float: right;}

#parkList p a.fireban:after {
  /*
  content: url('/bcparks/_shared/images/fireNotice/iconFireBan_13.png');
  background-image: url('/bcparks/_shared/images/fireNotice/iconFireBan_13.png');
  background-repeat: no-repeat; background-position: 10px center;
  */
}
#parkList li p {padding-left: 25px !important;}
#parkList p img.iconFireBan {
  position: relative; top: 0px;
  line-height: 13px; vertical-align: bottom;
  width: 18px;
  margin: 0 1px 0 0;
}
#parkList p img.iconClosure {
  position: relative; top: 0px;
  line-height: 13px; vertical-align: bottom;
  width: 18px;
  margin: 0 1px 0 0;
}
#parkList p img.iconAlert {
  position: relative; top: 0px;
  line-height: 13px; vertical-align: bottom;
  margin-right: 3px;
}
#parkList p img.park-alert {
  position: relative; bottom: 1px;
  width: 16px;
  margin-right: 2px;
  line-height: 13px; vertical-align: middle;
}

div.legend {
  width: 180px; margin: 15px 0 0 0; padding: 3px 5px 3px 5px;
  vertical-align: middle; text-align: center;
  border: 1px solid #ccc; background-color: #eee; line-height: 17px;
  float: none; clear: none;
  position: relative; bottom: 10px;
}
div.legend img {width: 20px;}
div.legend img.iconFireBan {
  position: relative; top: 0px;
}

div.parkListSidebar {float: right; height: 30px; position: relative; bottom: 0;}
div.parkListSidebar .legend {text-align: left; white-space: nowrap; width: 100%;}


/* ---------------------- Campground tables ------------------- */

#sectParks #mainCol table.hours {clear: both;  width: 100%;}

#sectParks #mainCol table.hours, #sectParks #mainCol table.hours tr, #sectParks #mainCol table.hours th, #sectParks #mainCol table.hours td {border: 0;}
#sectParks #mainCol table.hours th {
  padding: 5px;
  /*background-color: #F9F9F9;*/
  text-align: center;
  font-weight: normal;
}
#sectParks #mainCol table.hours th.head1 {
  background-color: #efefef;/*efefef;234075*/
}
#sectParks #mainCol table.hours th.head2 {
  vertical-align: top; padding-top: 15px;
  background-color: #f5f5f5;/*f5f5f5;486599*/
}



#sectParks #mainCol table.hours.v2 th {
  color: #fff;
}
#sectParks #mainCol table.hours.v2 th h4,#sectParks #mainCol table.hours.v2 th h4.note {
  color: #fff;
}
#sectParks #mainCol table.hours.v2 th.head1 {
  background-color: #234075;/*efefef;234075*/
}
#sectParks #mainCol table.hours.v2 th.head2 {
  vertical-align: top; padding-top: 15px;
  background-color: #486599;/*f5f5f5;486599*/
}
#sectParks #mainCol table.hours td {padding: 5px; text-align: center; font-size: .94em;}
#sectParks #mainCol table.hours td:first-child {text-align: left;}

#sectParks #mainCol table.hours {border-collapse: collapse; border-bottom: #ddd 1px solid; border-right:#ddd 1px solid;} 
/*#sectParks #mainCol table.hours tr {border-top:#ddd 1px solid;} */
#sectParks #mainCol table.hours td, #sectParks #mainCol table.hours th { border-top:#ddd 1px solid; border-left:#ddd 1px solid; } 

#sectParks #mainCol table.hours td { font-size: .94em; padding: 5px;}







#sectParks #mainCol table.hours-bc {clear: both;  width: 100%;}

#sectParks #mainCol table.hours-bc, #sectParks #mainCol table.hours-bc tr, #sectParks #mainCol table.hours-bc th, #sectParks #mainCol table.hours-bc td {border: 0;}
#sectParks #mainCol table.hours-bc th {
  padding: 5px;
  /*background-color: #F9F9F9;*/
  text-align: center;
  font-weight: normal;
}
#sectParks #mainCol table.hours-bc th.head1 {
  background-color: #efefef;/*efefef;234075*/
}
#sectParks #mainCol table.hours-bc th.head2 {
  vertical-align: top; padding-top: 15px;
  background-color: #f5f5f5;/*f5f5f5;486599*/
}
#sectParks #mainCol table.hours-bc td {padding: 5px; text-align: left; font-size: .94em;}
#sectParks #mainCol table.hours-bc td:first-child {text-align: left;}

#sectParks #mainCol table.hours-bc {border-collapse: collapse; border-bottom: #ddd 1px solid; border-right:#ddd 1px solid;} 
/*#sectParks #mainCol table.hours tr {border-top:#ddd 1px solid;} */
#sectParks #mainCol table.hours-bc td, #sectParks #mainCol table.hours th { border-top:#ddd 1px solid; border-left:#ddd 1px solid; } 

#sectParks #mainCol table.hours-bc td { font-size: .94em; padding: 5px;}


#sectParks #mainCol table.hours td.numbers p {margin: 0 0 0 0px;}
#sectParks #mainCol table.hours td.numbers ul {margin: 0 0 0 10px;}




/*---------- Search by Activity / Facility  ------------*/

table.tblSearchByFacAct {border-collapse: collapse;}
table.tblSearchByFacAct td {border: 0px solid #eee;}
table.tblSearchByFacAct td input {margin-top: 5px;}

/*///////////////////----- Conservancies/Ecological Reserves -----//////////////////*/

#erSize {margin-bottom: 15px;}


/*/////////////////////////----- Management Planning -----/////////////////////////*/

table.mgmtplans {
  width: 100%;
}
table.mgmtplans th {
  padding: 5px 8px;
  text-align: center;
  background-color: rgba(0, 51, 102, 0.8);
  color: #fff;
  font-weight: normal;
  font-size: 1.1em;
}
table.mgmtplans td {
  padding: 3px 5px;
  border: 1px solid #888;
}


table.mgmtPlanningProcesses {
  width: 100%; max-width: 600px;
  border: 1px solid #888;
  border-collapse: collapse;
}
table.mgmtPlanningProcesses col.col1 {width: 20%;}
table.mgmtPlanningProcesses col.col2 {width: 20%;}
/*
table.mgmtPlanningProcesses col.col3 {width: 15%;}
table.mgmtPlanningProcesses col.col4 {width: 28%;}
table.mgmtPlanningProcesses col.col5 {width: 17%;}
*/
table.mgmtPlanningProcesses th {
  border: 1px solid #888;
  text-align: center; vertical-align: middle;
  color: #fff; background-color: #38598a;
  font-size: 1.1em; font-weight: normal;
}
table.mgmtPlanningProcesses td {
  border: 1px solid #888;
  padding: 3px; vertical-align: middle;
  
}

.tileBox1 {
width: 90%;
overflow:auto;
margin:15px 0 0 0;
}
.tileBox1 img {
  margin: 0 20px 0 0;
  float: left;
  
}


/*--======================= Park Boundary Adjustments =====================================--*/
table.pba-process {
  border-color: rgb(204,​ 204,​ 204);
  border-collapse: collapse;
}
table.pba-process th {
  padding: 8px;
  border: 1px solid #234075;
  text-align: center;
}
table.pba-process th.head2 {
  padding-top: 20px;
  vertical-align: top;
}
table.pba-process td {
  padding: 8px;
  vertical-align: top;
  border: 1px solid #888;
}
table.pba-process td.divider {
  height: 3px; line-height: 3px;
  background-color: #234075;
}










/*--======================= Partnerships =====================================--*/

#sectPartners #leftCol {line-height: 127%;}

#topNavPartners {
  clear: both; white-space: nowrap;
  height: 32px; line-height: 32px; padding: 0px 3px 0px 0; vertical-align: middle;
  background-image: url("../../_shared/images/nav/bg_topNavPartners.gif");
  background-repeat: repeat-x;
  background-color: #364874; border-top: 0px solid #3a4d7c; 
}
#topNavPartners img {
  margin: 0 0 0 0; vertical-align: middle;
}
#topNavPartners img.topNav_BCParksHome {margin-right: 15px;}
/*#content #partners #leftCol {width: 300px; float: left;}*/
/*#content #partners #mainCol {width: 670px; float: right;} color: #3a4e7e;*/

#partnerList ul {margin-left: 0 !important;}
#partnerList li {background-image: none; margin: 0 0 0 0; padding: 5px 0 0 0; clear: both;}
#partnerList img {float: right; clear: both;}
.ourPartners {overflow: hidden; clear: both;}
.ourPartners a {display: block;}
.ourPartners img {float: left; margin: 10px 15px;}
#ourPartners h3 {margin-bottom: 15px; border-top: 1px solid #ccc;}
#ourPartners ul {margin-top: 0px;}
#partnerList1 {clear: both;}
#partnerList2 {clear: both; margin-top: 15px;}
#partnerList3 {clear: both;}
#partnerList3 li {padding-left: 10px; background-image: none;}

#partnerList img.tile {
  margin: 0 0 10px 15px;
}

#partnerList img .tileSmall {
  
}
#sectPartners .featureStory {width: 183px; float: right;}

.partnersCorp {overflow: hidden;}
.partnersCorp dt {width: 120px; height: 70px; margin: 0 10px 15px 0px; float: left; text-align: center; background-color: #fff;}
.partnersCorp dt img {width: 120px;}
.partnersCorp dd {
  width: 225px; /*max-height: 160px;*/ min-height: 100px; margin: 0 10px 15px 0; float: left; background-color: #fff; border: 0px dotted #888;
}
.partnersComm {width: 735px; overflow: hidden;}
.partnersComm div {width: 165px; height: 100px; float: left; margin: 0 15px 15px 0; text-align: center; vertical-align: middle;}
.partnersComm div img {max-width: 165px; max-height: 110px;}
.partnersLandAcq {width: 735px; overflow: hidden;}
.partnersLandAcq ul {width: 220px; float: left;}

img.partnerships_logo {float: right; position: relative; top: -20px; margin: 0 35px 0 15px; display: block;}


/*////////////////// -------------------- Partnership  ---------------------//////////////////*/

/* this could go --- */
#partners_bn {margin-bottom: 15px;}
#partners_list .item {border-top: 1px solid #888; clear: both; margin: 10px 0 10px 0;}
#partners_list .item_thumb {width: 150px; float: left; margin-right: 10px;}
#partners_list .item_thumb img {margin: 10px 0 0 0; padding-bottom: 0px;}
#partners_list .item_info {padding: 10px 0 10px 0;}
#partners_list .item_info h4 {margin-bottom: 5px;}

/*--==Sponsorship==--*/
/*--BC150 Tree Planting Projects--*/
.prjInfo {border-collapse: collapse;}
.prjInfo td {border: 1px solid #ccc; padding: 3px;}
#TreePrjList h3 {margin-top: 15px; border-top: 1px solid #888;}


/*////////////////// -------------------- Parks 100 ---------------------//////////////////*/

#mainCol #parks100 {background: url(/bcparks/BCParks100/images/101parks100Background.jpg) bottom no-repeat; padding-bottom: 350px;}

.parks100Partners {
  margin: 1.3em 40px 1.3em 40px; clear: both;
}

.parks100Partners  h2 {
  text-align: center; margin-left: auto; margin-right: auto;
  background:url(/bcparks/BCParks100/images/ourPartnersHeading.gif) no-repeat; width: 400px; height: 50px;
}

.parks100Partners  p {}

/* ////////////////// -------------------- 100 Years of Adventure ---------------------////////////////// */
#s_100Adventure h2 {color: #009cb1; font-family: tahoma; font-size: 25px;}
#s_100Adventure div.Event{overflow:auto;}
#s_100Adventure div.Event .left {width: 120px; float:left; }
#s_100Adventure div.Event .right{width: 600px; float: right;}
#s_100Adventure div.Event h3 {color: #6f8a36;  font-family: tahoma; font-size: 20px;}
#s_100Adventure div.Event h4 {color: #009cb1; font-family: tahoma; font-size: 18px;}
#s_100Adventure div.Event p.partner{color: #6f8a36;}
#s_100Adventure .Event a {  color: #009cb1;}
#s_100Adventure .Event a:hover{ color: #FFFFFF; text-decoration:none; background-color: #009cb1;}



/*--========================================= PFO Template =============================================--*/

#sectPFO #breadcrumbs {display: block;}
#sectPFO #mainCol {width: 100%;}
#sectPFO #extranetHome h3 {
  text-indent: 5px; margin: 15px 0 10px 0;
  background-color: #f3f2ed;
  border-top: 1px solid #e3e2d7;
  border-bottom: 1px solid #e3e2d7;
}
#sectPFO #extranetHome .backToTop {float: right; margin-top: 3px;}


#sectPFO #frmPFOSurvey {}
#sectPFO #mainCol #frmPFOSurvey ol li input {
  float: none; padding: 0;
}
#sectPFO #mainCol #frmPFOSurvey ol li input.rad {
  margin-left: 25px;
}
#sectPFO #mainCol #frmPFOSurvey textarea {
  margin-top: 5px; float: none; padding: 0;
  display: inline;
}
#sectPFO #mainCol #frmPFOSurvey ol {
  list-style-type: decimal; vertical-align: top;
}
#sectPFO #mainCol #frmPFOSurvey ol li {
  margin-bottom: 10px;
}
#sectPFO #mainCol #frmPFOSurvey .floatRight {
  margin: 0; text-align: center; width: 120px; white-space: nowrap;
}



dl#survey-results dt {
  /*
  background-color: #38598a;
  color: #fff;
  border: 2px solid #003366;
  */
}


/*-================================== General Styles ==================================*/

.clearfix:after {
  content: "";
  display: table;
  clear: both;
}

/*-------- Photos and Images ------------------------------------------------------*/

img, a img {border: none;}
img.photoWide{border:#1B798D 1px solid; margin-bottom: .3em;}
img.photo {border-radius: 10px;}
.floatRight{ float: right; clear: both; width: auto; margin: 0 0 15px 15px} /* used for photos and other floating elements */

.photoCaption {margin: auto; width: auto; clear: both;  color:#003366; text-align: center; }


/* ---//// For images and captions //// --*/
dl.image-caption{ float: right; padding: 0; width:300px; clear: both; margin: 0 0 1em 15px;}
dl.image-caption dd {width: 100%;  margin: 0; padding: 0; color:#666666}

dl.imageCaption-FullWidth{ padding: 0; width:735px; clear: both; margin: 0 0 1em 0;}
dl.imageCaption-FullWidth dd {width: 100%;  margin: 0; padding: 0; color:#666666}

.fileinfo {font-size: 0.85em; white-space: nowrap;}


/*-================================== Tables ==================================*/

/* -------------------  Inline Tables ----------------------- */

table.gov3 th {
  padding: 3px 6px;
  font-weight: normal; text-align: center;
  background-color: #38598a; color: #fff;
  border: 1px solid #ccc;
}
table.gov3 th.head1 {
  padding: 5px;
  background-color: rgb(0, 51, 102);
}
table.gov3 th.head3 {
  padding: 5px;
  background-color: rgb(71, 106, 159);
}
table.gov3 td {
  padding: 3px 6px;
  border: 1px solid #ccc;
}

table.basicTable {
  min-width: 300px; max-width: 100%;
  margin-bottom: 0.6em; padding: 3px 5px;
}
table.basicTable {border-collapse: collapse; border-bottom: #ddd 1px solid; border-right: #ddd 1px solid; margin-bottom: 0.3em;} 
table.basicTable td, table.basicTable thead {border-top: #ddd 1px solid; border-left: #ddd 1px solid;}
table.basicTable thead {
  padding: 5px;
  background-color: rgb(56, 89, 138); color: #fff;
}
table.basicTable thead tr th {
  padding: 3px 6px;
  border-right: #ddd 1px solid;
  font-weight: normal; font-size: 1.1em;
}
table.basicTable thead p {font-size: 1em;}
table.basicTable tr td p {padding-top: 0; margin-top: 0;}
table.basicTable thead tr td {text-align: left; vertical-align: middle; border-right: #ddd 1px solid;}
table.basicTable tr td  {font-size: 1em; padding: 5px; vertical-align: top; margin-top: 0px}


table.stdMed {width: 60%;}

table.stdWide {width: 100%;}
table.stdWide, table.stdMed {margin-bottom: 1.3em;}
table.stdWide, table.stdWide thead, table.stdWide tr, table.stdWide td {border: 0;}
table.stdWide {border-collapse: collapse; border-bottom: #ddd 1px solid; border-right: #ddd 1px solid; margin-bottom: 0.3em;} 
table.stdWide tr {}
table.stdWide td, table.stdWide thead {border-top: #ddd 1px solid; border-left: #ddd 1px solid;}
table.stdWide thead {
  padding: 5px;
  background-color: rgb(56, 89, 138); color: #fff;
}
table.stdWide thead tr th {
  padding: 3px 6px;
  border-right: #ddd 1px solid;
  font-weight: normal; font-size: 1.1em;
}
table.stdWide thead p {font-size: 1em;}
table.stdWide tr td p {padding-top: 0; margin-top: 0;}
table.stdWide thead tr td {text-align: left; vertical-align: middle; border-right: #ddd 1px solid;}
table.stdWide tr td  {font-size: 1em; padding: 5px; vertical-align: top; margin-top: 0px}




/*--==Feature Boxes==--*/
div.main-feature {
  max-width: 70%;
  margin-right: 15px;
  padding-right: 5px;
}
div.main-feature h3 {
  margin: 0;
  padding: 8px 15px 7px;
  font-size: 24px;
  background-color: rgba(0, 51, 102, 0.8);
  color: #fff;
}
div.main-feature div {
  overflow-wrap: break-word;
  padding: 10px 10px 5px 10px;
  background-color: #f1f1f2;
  margin-bottom: 15px; padding-bottom: 10px;
}
  
div.main-feature h4 {
  margin: 0;
  padding: 8px 15px 7px;
  font-size: 20px;
  background-color: rgba(0, 51, 102, 0.8);
  color: #fff;
}
h2.blue-heading-bar {
  background-color: rgba(0, 51, 102, 0.8);
  color: #fff;
  font-size: 24px;
  margin: 0;
  padding: 8px 15px 7px;
}





/* side bar ------------------------------------------------------ */
.feature-box-container {
  float: right;
  width: 26%; min-width: 230px;
  margin-left: 15px;
  background-color: #fff;
}
.feature-box-container.padded {
  margin-left: 0; padding-left: 15px; z-index: 1000;
}
.feature-box {
  overflow-wrap: break-word;
  background-color: #f1f1f2;
  margin-bottom: 15px; padding-bottom: 10px;
}
.feature-box h3 {
  margin: 0;
  padding: 8px 15px 7px;
  font-size: 24px;
  background-color: rgba(0, 51, 102, 0.8);
  color: #fff;
}
.feature-box h4 {
  margin: 0;
  padding: 8px 15px 7px;
  font-size: 20px;
  background-color: rgba(0, 51, 102, 0.8);
  color: #fff;
}
.feature-box p {padding: 10px 5px 5px 10px; background-color: transparent;}
.feature-box ul {margin-top: 10px; margin-left: 10px; padding-right: 5px;}
.feature-box img {display: block;}





.sideBarContainer {
  float: right;
  width: 220px;
  /*width: 25%;*/
  /*width: 183px;*/
  margin-left: 15px;
}
.sideBarContainer220 {
  float: right;
  width: 220px;
  /*width: 25%;*/
  /*width: 220px;*/
  margin-left: 15px;
}

/*
.sideBar183 {
  width: 183px; 
  margin: 0 0 1em 0px;
  clear: right;
  display: inline;
  position: relative;
  color: #003366; text-align: left; float: right;
  background-image: url(../images/sideBar/sideBarBG.gif);
  background-repeat: repeat-y;
}
.sideBar183 h3 {
  margin: 0 0 .33em 0; background-color: #f0ece5; background-color: #f0ece5; padding: 0 5px .5em 10px;
}
*/
.sideBar183 {
  overflow-wrap: break-word;
  margin-bottom: 15px; padding-bottom: 10px;
  background-color: #f1f1f2;

/*  
  width: 183px; margin: 0 0 1em 0px;  clear: right; display: inline; position: relative;
  color: #003366; text-align: left;
  background-image: url(../images/sideBar/sideBar183FooterBG.gif);
  background-repeat: no-repeat; background-position: center bottom;
  */
}
.sideBar183 h3 {
  margin: 0;
  padding: 8px 15px 7px;
  font-size: 24px;
  background-color: rgba(0, 51, 102, 0.8);
  color: #fff;


  /*
  margin: 0 0 .33em 0; padding: 5px 5px 6px 10px;
  background-color: transparent;
  background-image: url("../images/sideBar/sideBar183HeaderBG.gif"); background-repeat: no-repeat;
  */
}
.sideBar183 h4 {
  margin: 0 0 .33em 0; padding: 5px 5px 6px 10px;
  background-color: transparent;
  background-image: url("../images/sideBar/sideBar183HeaderBG.gif"); background-repeat: no-repeat;
}
.sideBar183 p {margin: 10px 5px 10px 10px; background-color: transparent;}
.sideBar183 img {display: block;}

.sideBar220 {
  overflow-wrap: break-word;
  background-color: #f1f1f2;
  margin-bottom: 15px; padding-bottom: 10px;
  /*
  width: 220px; margin: 0 0 1em 15px; float: right; clear: right; display: inline; position: relative;
  color: #003366; text-align: left;
  background-image: url(../images/sideBar/sideBar220FooterBG.gif);
  background-repeat: no-repeat; background-position: center bottom;
  */
}
.sideBar220 h3 {
  margin: 0;
  padding: 8px 15px 7px;
  font-size: 24px;
  background-color: rgba(0, 51, 102, 0.8);
  color: #fff;
  /*
  margin: 0 0 .33em 0; padding: 5px 5px 6px 10px;
  background-color: transparent;
  background-image: url("../images/sideBar/sideBar220HeaderBG.gif"); background-repeat: no-repeat;
  */
}
.sideBar220 h4 {
  margin: 0 0 .33em 0; padding: 15px 5px 6px 10px;
  background-color: transparent;
  /*background-image: url("../images/sideBar/sideBar220HeaderBG.gif"); background-repeat: no-repeat;*/
}
.sideBar220 p {margin-bottom: 0; padding: 5px 5px 5px 10px; background-color: transparent;}
.sideBar220 img {display: block;}
.sideBar220 ul {margin: 5px 7px 5px 12px;}

.sideBarBlue {
  width: 183px; 
  margin: 0 0 1em 15px;
  clear: both;
  display: inline;
  position: relative;
  color: #003366; text-align: left; float: right;
  background-image: url(../images/sideBar/sideBarBG.gif);
  background-repeat: repeat-y;
}
.sideBarBlue h3 {margin: 0 0 .33em 0; background-color:#35446f; padding: 0 5px .5em 10px; color:#FFCC00;}
.sideBarBlue p {margin: 0 5px 1em 10px; }
.sideBarBlue img {display: block;}


.sideBarWhite {
  width: 183px; clear: both;
  margin: 0 0 10px 15px;
  overflow: hidden;
  /*clear: right;*/
  display: inline;
  position: relative;
  color: #003366; text-align: left; float: right;
  background-image: none;
}
.sideBarWhite h3 {margin: 0 0 .33em 0; background-color:#35446f; padding: 0 5px .5em 10px; color:#FFCC00;}
.sideBarWhite p {margin: 0 5px 1em 10px; }
.sideBarWhite img {display: block;}



/*--==/Feature Boxes==--*/













/* -------------------- BC Parks top 10-------------------------- */

.news_top10Box{
  width: 183px;
  margin-bottom: 15px;
  background-image:url(../images/sideBar/sideBarBG.gif);
  background-repeat:repeat-y;
  text-align: left;
  float: right;
  clear:right;
}
.news_top10Box img.top{
  margin-bottom: 0.33em;
}

.news_top10Box p{
  padding:0px;
  margin: 0.1em 5px 1em 15px;
}





/*--================================== Global Template Adjustments ==================================*/

#populartopics ul {margin: 0 0 0 15px;}
#populartopics li {margin: 8px 0 8px 0;}
#populartopics a:link,
#populartopics a:visited,
#populartopics a:hover,
#populartopics a:active {padding: 0;}

#container_content {vertical-align: top;}



#ActFacFilter {
  float: none;
  margin: 0 15px 20px 0;
}
#ActFacFilter h5 {
  display: block;
  font-size: 11px;
}
#ActFacFilter div {
  cursor: pointer;
}
#ActFacFilter div img {
  margin: 1px 0px;
  border: 1px solid #fff;
}
#ActFacFilter div img.sel {
  border: 1px solid rgb(252, 186, 25);
}
#ActiveFilters {
  display: none;
  float: right;
  min-width: 150px; min-height: 100px;
  margin: 0 0 15px 0;
  padding: 0;
  border: 1px solid #ccc;
  background-color: #eee;
}
#ActiveFilters h5 {
  margin: 0 0 5px 0; padding: 3px 3px 3px 5px;
  background-color: #036; color: #fff;
}
#ActiveFilters p {
  margin: 0 0 3px 0;
  padding: 0px 3px;
  white-space: nowrap;
}
#ActiveFilters p img {
  height: 17px;
  margin: 0 3px 0 0;
  vertical-align: middle;
}

#parkList {clear: both;}
#parkList li p span.actfac {display: none;}

#parkList li p.actfac-yes {
  display: block;
}
#parkList li p.actfac-no {
  display: none;
}

div.park_feature ul li ul {margin-top: 0;}
input,textarea {font-family: Myriad-Pro, Calibri, Arial, 'sans serif'; font-size: 0.95em;}


.btnEmail {margin-top: 10px; cursor: pointer;}


/*--=================================== General Styles =====================================--*/

.red {color: #FF0000;}
.red-dark {color: #9b0f0f;}
.blue {color: #0000FF;}
.green {color: #008000;}
.highlight {background-color: #FFFF00;}
.highlightGrey {background-color: #ccc;}
.highlight-block {
  display: block;
  margin: 0 30px 1.0em 30px;
  padding: 10px 10px 10px 10px;
  background-color: #f4f4f4;
  border:#ccc 1px solid; 
}
p.tight {margin-bottom: 0 !important;}
ul.tight {margin-top: 3px !important;}

/*.section_content {margin: 5px 0 0 0px;} */

.indent {margin-left: 15px; margin-top: 5px;}

button#btnDisplay {float: right; width: 57px; white-space: nowrap; font-size: 10px;}

div.toggleSection {margin-top: 15px; clear: both;}
div.toggleSection table th {font-family: Myriad-Pro, Calibri, Arial, 'sans serif';}
div.tocGeneral {padding: 15px 0 5px 0; border-top: 1px solid #888; border-bottom: 1px solid #888;}

/*
three photos cascaded horizontally
-photos should be 225px width
*/
dl#photos3h {overflow: hidden;}
dl#photos3h dd {width: 225px; margin: 5px; float: left;}
dl#photos3h dd img {border: 1px solid #888;}
dl#photos3h dd img:hover {border: 1px solid #f00;}



/* ======================== Form Styles ============================*/

.fanum {visibility: hidden; height: 0px; width: 0px; float: right;} /*class for use in IMB's form*/
label {font-weight: normal;}
input[type=radio] {margin-right: 3px;}
form label {}


/*--========================= Site Map ============================--*/

div#siteMap ul {
  margin: 0 0 0 0px; padding: 5px 0 0 0;
}
div#siteMap ul.ulChild {
  padding-left: 15px; margin-left: -15px;
  background-image: url(../images/icons/sitemap_ulChild.gif);
  background-repeat: repeat-y; background-position: left top;
}
div#siteMap li {
  padding: 0 0 0 10px;
  margin: 0 0 0 0;
  background-image: url(../images/icons/sitemap_liMid.gif);
  background-position: left;
}
div#siteMap li.liTop {
  background-image: url(../images/icons/sitemap_liTop.gif);
}
div#siteMap li.liTopParent {
  background-image: url(../images/icons/sitemap_liTopParent.gif);
  background-position: left top;
}
div#siteMap li.liBottom {
  background-image: url(../images/icons/sitemap_liBottom.gif);
}
div#siteMap li.parent {}
#mapVersionLink {display: none;}


/*--========================= Random FrontCounter BC Office Selection ============================--*/

#OfficeSel {
  display: none; position: relative; top: -40px; right: 100px;
  padding: 15px 15px 5px 15px; float: right; width: 500px;
  background-color: #e9e9e9; border: 1px ridge #ccc;
}
#OfficeSel img.close {float: right; cursor: pointer; position: relative; top: -15px; right: -15px; margin: 0; line-height: 1%;}
#OfficeSel #OfficeInfo {display: none; margin-left: 20px;}
#OfficeSel #OfficeInfo p {margin: 0 0 10px 0;}
#selOfficeList {margin: 5px 0 5px 20px; font-size: 1.1em;}
#selOfficeData {display: none;}




/*--========================= GMF Maps / KML Extraction ============================--*/
.kmlTable {border-collapse: collapse;}
.kmlTable th h3 {margin-bottom: 0;}
.kmlTable td {border: 1px solid #ccc;}
.kmlTable td a {text-decoration: none;}
.kmlTable td a:hover {text-decoration: underline;}

#kmlMap {
  position: relative; height: 520px; width: 970px; overflow: hidden; border: 1px solid #8eafd7; border-bottom: 2px solid #8eafd7; visibility: hidden;
}

#grLoading {width: 100%; text-align: center; margin: 0; position: relative; padding-top: 200px; height: 520px; overflow: visible; /*margin: 200px auto 1.0em auto;*/}

#versionMsg {
  width: 320px; height: 75px; padding: 15px 25px; border: 1px solid #ccc;
  position: relative; top: -350px; left: 275px; white-space: nowrap;
  display: none; background-color: #eee;
}
#versionMsg input {display: inline; font-size: 12px;}
#mapVersionLink {display: none; text-align: center; font-size: 0.95em;}
/* --------------------------- floating sidebars, photographs, captions, breakouts -------------------------*/



/*--========================= Special Styles ============================--*/
.surveyLink {color: #fff; cursor: default;}
/*<a href="http://www.surveybcparks.gov.bc.ca/" class="surveyLink">Survey BC Parks</a>*/




/*///////////////////////////------ Print Styles ------/////////////////////////////////*/

@media print {
  body {background-image: none !important;}
  #bgPhoto {background-image: none !important;}
  #header {display: none; float: none;}
  #banner #bannerGraphic {display: none; height: 0px;}
  #topNav {display: none; height: 0px;}
  #breadcrumbs {display: none; height: 0px;}
  #content .twocol {}
  #content.twoCol #leftCol {display: none; width: 0px;}
  #content.twoCol #mainCol {display: block; float: none; width: auto; font-size: 1.1em; /*font-size: 12pt;*/}
  #footer {display: none;}

  
  html body div#container div#content div#sectHome div#mainCol div.Feature.public-notice div#wildfire-summary ul li.park-alert {
    padding-left: 20px !important;
    margin-left: -5px;
    background-image: url("/bcparks/_shared/images/icons/icon-exclamation-triangle.png?v=2018");
    background-repeat: no-repeat;
    background-position: 0px 4px;
    background-size: 16px 16px;
  }
}



/* remove below if ok -*/
/* ----| Local Navigatio;n |------------------------------------------------------------------------------------- */

#localnav h2 {
  margin: 0 0 10px;
  padding: 0;
  }
#localnav {
  background: url("../../_shared/images/contents_bg.gif") repeat-x 0 30px;
  font: 11px/13px Verdana, Arial, Helvetica, sans-serif;
  color: #3A4E7E;
  }
#localnav a:hover { background-color: #dee2ed; }
#localnav a:link,
#localnav a:visited,
#localnav a:hover,
#localnav a:active {
  display: block;
  text-decoration: none;
  padding: 5px 15px;
  height: 1%; /* ie hack */
  }
#localnav ul,
#localnav li {
  padding: 0;
  margin: 0;
  list-style: none;
  }



/* home page slideshow */
#slideshowImg {
  width: 475px; height: 275px;
  -moz-border-radius: 7px;
  -khtml-border-radius: 7px;
  -webkit-border-radius: 7px;
  -border-radius: 7px;
  background-repeat: no-repeat;
}

#slideshowCaption {
  text-align: center; color: #fff; position: relative; top: -23px;
  width: 475px; height: 20px; margin-bottom: 0px; padding: 3px 0 0 0;
  background-image: url("/bcparks/images/parks100/home-slideshow/bg_footer.png");
  background-repeat: no-repeat;
  /*
  -webkit-border-bottom-right-radius: 7px;
  -webkit-border-bottom-left-radius: 7px;
  border-bottom-right-radius: 7px;
  border-bottom-left-radius: 7px;
  */
  
  /*behavior: url("/bcparks/_shared/css/border-radius.htc");*/
  -moz-border-radius: 0 0 7px 7px;
  -khtml-border-radius: 0 0 7px 7px;
  -webkit-border-radius: 0 0 7px 7px;
  -border-radius: 0 0 7px 7px;
}


/*
div.accCtrl {float: right;}
div.accCtrl a {text-decoration: none; padding: 0 2px;}
div.accCtrl a:hover {background-color: #ccc;}
*/
div.accCtrl {
  float: right;
  padding: 0;
  background-color: #38598a; color: #e3a82b;
  text-decoration: none !important;
  font-size: 1.05em;
}
div.accCtrl a {
  padding: 2px 5px !important;
  text-decoration: none !important;
  color: #e3a82b;
}
div.accCtrl a:first-child {border-right: 1px solid #fff;}
div.accCtrl a:hover {
  background-color: #e3a82b; color: #234075;
  /*background-color: #ccc; text-decoration: underline;*/
}
dl.accordion {margin: 0; border: none;}
dl.accordion dt {text-decoration: none; cursor: pointer; font-weight: normal; color: #3a4e7e; margin: 0; padding: 5px 0 5px 0;}
dl.accordion dt:hover {text-decoration: underline;}
dl.accordion.h4 dt {font-size: 1.2em;}
dl.accordion dd {display: block; margin: 0; padding: 5px 0 5px 20px;}

dl.accordion1 {margin: 0; border: none;}
dl.accordion1 dt {text-decoration: none; cursor: pointer; font-weight: normal; color: #3a4e7e; margin: 0; padding: 5px 0 5px 0;}
dl.accordion1 dt:hover {text-decoration: underline;}
dl.accordion1.h4 dt {font-size: 1.2em;}
dl.accordion1 dd {display: block; margin: 0; padding: 5px 0 5px 20px;}

dl.accordion.faq dt {margin-left: 20px; text-indent: -18px;}
dl.accordion.faq dd p {margin-left: 20px; text-indent: -18px;}

ul.accNest {
  /*
  margin: 0;
  */
}
ul.accNest li {
  /*
  padding-left: 0;
  background-image: none;
  */
}
ul.accNest li ul li {
  padding-left: 15px;
}

ul.accNest li ul {display: none;}
ul.accNest li ul li ul {display: none;}
ul.accNest li ul.active {display: block;}
ul.accNest li a {text-decoration: none; cursor: pointer;}
ul.accNest li a:hover {text-decoration: underline;}


.accCtrl {
  cursor: pointer; text-decoration: underline;
  color: #3e5487;
}
.accCtrl:hover {
  text-decoration: none;
}
.accCustom {display: none;}


dl.sponsorship dd {}
dl.sponsorship dd div {margin-top: 15px; clear: both; border-top: 1px solid #eee;}
dl.sponsorship dd div h5 {padding-bottom: 10px; font-size: 1.05em;}
dl.sponsorship dd div p {width: 430px;}
dl.sponsorship dd div img {margin: 5px 0 5px 15px; float: right;}
dl.sponsorship dd div div.photoPlaceholder {width: 261px; height: 142px; float: right; margin: 5px 0 15px 15px; clear: none; border-top: none;}
  
div#sponsorship-stories h3 {margin-top: 20px;}


/*--==Planned Giving==--*/
div#partnershipTiles {margin: 3px 0 0 0px; clear: both; overflow: hidden; float: left;}
div#partnershipTiles div {width: 220px; height: 150px; float: left; margin: 0 15px 15px 0px;}
div#partnershipTiles div img {width: 220px;}
div#partnershipTiles div p {padding: 0 10px 0 10px; position: relative; top: -42px; text-align: center}
div#partnershipLogos {margin-left: 50px;}
div#partnershipLogos div {width: 200px; height: 150px; float: left; margin: 0 15px 15px 0;}
div#partnershipLogos div img {width: 200px;}
div#pgButtons {margin: 25px 0 25px 0; width: 720px; text-align: center;}
div#pgButtons img {margin: 0 15px 0 0;}

div.photoPlaceholder {
  width: 350px; height: 150px; margin: 15px;
  line-height: 150px; vertical-align: middle; text-align: center;
  background-color: #eee;
}


/*--==Visiting BC Parks==--*/
table.recreationList td {width: 50%; padding: 5px 5px; line-height: 26px; vertical-align: middle; border: none;}
table.recreationList td img {vertical-align: middle;}

/*--==Reservations==--*/
dl.groundsForRefund {padding-bottom: 15px;}
dl.groundsForRefund dt {
  margin: 0; padding: 7px 0 5px 15px;
  font-weight: bold;
  background: url("/bcparks/_shared/images/bullet_arrow.gif") no-repeat scroll 0 11px transparent;
}
dl.groundsForRefund dd {
  margin: 0; padding: 5px 0 5px 15px;
}



/*--==Script Debugging==--*/
#debugContainer {
  height: 0px;
  float: right;
}
#debug {
  padding: 3px;
  width: 320px; min-height: 0px;
  position: relative; left: 0px;
  background-color: rgba(102,153,204,0.75); color: #00f;
  border: 1px solid #69c; border-radius: 5px;
  content: "<p>debug console</p>";
  
  
  
  font-size: 10px;
}


/*--==Park Fees==--*/
#parkFeeSchedule table {
  width: 100%;
  border-collapse: collapse;
}
#parkFeeSchedule table th {
  height: 25px;
  /*
  border: 1px solid #888;
  background-color: #234075; color: #fff;
  */
  font-weight: normal; text-align: center;
}
#parkFeeSchedule table td {
  /*
  border: 1px solid #888;
  */
}


#parkFeeSchedule table td.parkID {text-align: center;}
#parkFeeSchedule table td.parkName {width: 270px;}
#parkFeeSchedule table td.description {width: 270px;}
#parkFeeSchedule table td.parkFee {text-align: center;}
#parkFeeSchedule table td.application {}
#parkFeeSchedule table td.seniorFee {text-align: center;}
#parkFeeSchedule table td.secondVehicleFee {text-align: center;}
#parkFeeSchedule table td.notes {}
#parkFeeSchedule table td.verified {text-align: center;}

.tooltip {border-bottom: 1px dashed #234075; cursor: help;}
.tooltip:hover {border-bottom: 1px dotted #234075;}
.tool-tip {border-bottom: 1px dashed #234075; cursor: help;}
.tool-tip:hover {border-bottom: 1px dotted #234075;}


/*--==leftCol Navigation==--*/
#leftCol #primaryMenu { 
  margin: 0; padding: 0px 0 250px 0; line-height: 0;
  background-image: url(../../_shared/images/backgrounds/leftCol/bg_primaryMenu.jpg);
  background-repeat: repeat-x; background-position: bottom left;
}

#leftCol #primaryMenu ul {margin: 0px; padding: 0; list-style-type: none; font-size: 0;} /* font-size set to 0 to control space at top of ul */
#leftCol #primaryMenu ul li ul {margin-top: 0; margin-bottom: 0; padding-top: 0px;}
#leftCol #primaryMenu li {
  margin-left: 0px; padding: 0; line-height: normal !important;
  background: none; font-size: 13px;
} /* font-size set to 11 to reset size */
#leftCol #primaryMenu ul li {background-color: #dfdfdf; font-weight: bold;} /*e1e1e1*/
#leftCol #primaryMenu ul li ul li {background-color: #e7e7e7; font-weight: normal;}
#leftCol #primaryMenu ul li ul li ul li {background-color: #ececec; font-weight: normal;}
#leftCol #primaryMenu ul li ul li ul li ul li {background-color: #f2f2f2; font-weight: normal;}
#leftCol #primaryMenu ul li ul li ul li ul li ul li {background-color: #f7f7f7; font-weight: normal;}

#leftCol #primaryMenu .textHide {display: none;}
#leftCol #primaryMenu h3 {
  margin-bottom: 0; padding: 2px 0;
  font-size: 1em; line-height: 1.5em;
  text-transform: uppercase; text-align: center;
}
#leftCol #primaryMenu p {line-height: normal;} 

#leftCol #primaryMenu a {
  display: block; 
  padding: 3px 0;
  /*height: 1.66em;*/ line-height: 1.5em; 
  color: #234075; text-decoration: none;
}
#leftCol #primaryMenu a#BCHomeLink {
  font-size: 1.1em;
  margin-bottom: 1px; padding: 2px 0 5px 10px; border-bottom: 1px solid #eee;}
#leftCol #primaryMenu a#MinistryLink {padding-bottom: 0; padding-left: 10px;}
#leftCol #primaryMenu a.current {color: #e2a82b;  background-color: #234075;}
#leftCol #primaryMenu a:hover {color: #234075; background-color: #d1d1d1 !important;}
#leftCol #primaryMenu ul li a {padding-left: 10px;}
#leftCol #primaryMenu ul li ul li a {padding-left: 20px;}
#leftCol #primaryMenu ul li ul li ul li a {padding-left: 30px;}
#leftCol #primaryMenu ul li ul li ul li ul li a {padding-left: 40px;}
#leftCol #primaryMenu ul li ul li ul li ul li ul li a {padding-left: 50px;}

/* ----------- not sure about all this ... remove ???????  **I think so - it's redundant!!** ----------- */
/*Link Colours - Level 1*
#leftCol #primaryMenu ul li.subMenu a {}
#leftCol #primaryMenu ul li.subMenu a.current {background-color: #234075;}

*Link Colours - Level 2*
#leftCol #primaryMenu ul li.subMenu ul li a {}
#leftCol #primaryMenu ul li.subMenu ul li a.current {background-color: #234075;}/*

*Link Colours - Level 3*
#leftCol #primaryMenu ul li.subMenu ul li.subMenu ul li a {}
#leftCol #primaryMenu ul li.subMenu ul li.subMenu ul li a.current {background-color: #234075;}/*

*Link Colours - Level 4
#leftCol #primaryMenu ul li.subMenu ul li.subMenu ul li.subMenu ul li a {}
#leftCol #primaryMenu ul li.subMenu ul li.subMenu ul li.subMenu ul li a.current {background-color: #234075;}/*

*Link Colours - Level 5*
#leftCol #primaryMenu ul li.subMenu ul li.subMenu ul li.subMenu ul li.subMenu ul li a {}
#leftCol #primaryMenu ul li.subMenu ul li.subMenu ul li.subMenu ul li.subMenu ul li a.current {background-color: #234075;}
*/

#leftCol #primaryMenu ul li.subMenu a.expanded {
  /*background-image: url(../images/backgrounds/leftCol/arrowExpanded.gif);*/
}
#leftCol #primaryMenu ul li.subMenu ul li.subMenu a.expanded {
  /*background-image:  url(../images/backgrounds/leftCol/arrowExpandedSubMenu.gif);
  background-position: 8px 10px;*/
}
#leftCol #primaryMenu ul li.subMenu ul li.subMenu ul li.subMenu a.expanded {
  /*background-image: url(../images/backgrounds/leftCol/arrowExpandedSubMenu.gif);
  background-position: 8px 10px;*/
}
#leftCol #primaryMenu ul li.subMenu ul li.subMenu ul li.subMenu ul li.subMenu a.expanded {
  /*background-image: url(../images/backgrounds/leftCol/arrowExpandedSubMenu.gif);
  background-position: 8px 10px;*/
}
#leftCol #primaryMenu ul li.subMenu ul li.subMenu ul li.subMenu ul li.subMenu ul li.subMenu a.expanded {
  /*background-image: url(../images/backgrounds/leftCol/arrowExpandedSubMenu.gif);
  background-position: 8px 10px;*/
}

#leftCol #primaryMenu ul li#home {display: none;}




/*--==Secondary Navigation==--*/
#leftCol .grayMenu h3 {color: #333; border-bottom: 1px solid #eee;}
#leftCol .grayMenu ul {background-color: #ccc; padding: 10px 0;}
#leftCol .grayMenu li {padding-left: 0; line-height: normal;}
#leftCol .grayMenu p {margin: 0; padding: 5px 20px 0 10px; background-color: #ccc;}
#leftCol .grayMenu a {
  display: block;
  color: #333; text-decoration: none;
  margin: 0; padding: 3px 10px 3px 22px;
  background: #ccc url(../../_shared/images/icons/redArrow.gif) no-repeat 8px 6px;
}
#leftCol .grayMenu a:hover {color: #d21!important;}
/* rounded tab corner effect for gray box menu */
#leftCol .grayMenuTab {background: #ccc url(../../_shared/images/backgrounds/leftCol/grayMenuTab-left.gif) no-repeat;}
#leftCol .grayMenuTab h3 {background: url(../../_shared/images/backgrounds/leftCol/grayMenuTab-right.gif) no-repeat top right;}
/*--==/Secondary Navigation==--*/






/*--==Facebook Widget==--*/
#leftCol div.facebook-widget {
  width: 20%; min-width: 210px;
  margin-top: 15px;
}
div.facebook-widget #fb-root {}
div.facebook-widget #fb-activity {}
div.facebook-widget #fbTitle {}
div.facebook-widget #fb-like-box {width: 100%;}
/*--==Facebook Widget==--*/








/*--==Forms==--*/
#frmFooter {text-align: center; clear: both; margin: 15px 0;}
span.reqFlag {color: #f00;}
span.optFlag {color: #fff; visibility: hidden;}

#errMsg {
  clear: both;
  margin: 15px 0; padding: 3px 8px;
  font-size: 0.9em;
  color: #f00;
  display: none;
  border: 1px solid #ccc;
  background-color: #eee;
}
#errMsg h6 {margin: 4px 0px 3px 0;}
#errMsg p {margin-bottom: 0px;}
span.errFlag {display: none;}
.spamProtection {
  margin: 0 0 15px 0;
  padding: 0 5px;
  font-size: 0.9em;
  background-color: #c6d8ea;
  border: 1px solid #aaa;
  color: #039;
}
input.origin {
  border: none;
  background-color: #fff !important;
}



form dl dd blockquote {margin-top: 5px;}
ol.aList {list-style-type: none !important; margin: 5px 0 0 5px;}
ol.aList input {margin-right: 5px; vertical-align: baseline; position: relative; top: 2px;}
ol.aList ol {margin-bottom: 5px;}
form ol li {margin-bottom: 5px;}
form ol li ol li {margin-bottom: 0;}
form textarea {
  width: 100%; margin: 5px 0 0 15px; display: block;
  font-family: Myriad-Pro, Calibri, Arial, 'sans serif';
  font-size: 12px;
  
}
form select {font-size: 11px !important;}
form input.file {display: inline; font-size: 0.95em; height: 21px;}
form ol#attachments {margin: 0 0 5px 0;}
form ol#attachments li {margin-left: 0; list-style-type: none;}
form ol#attachments li button {font-size: 0.85em; width: 20px; height: 21px; padding: 0 3px 0 3px;}
form img.ctrlAtt {display: inline; cursor: pointer; position: relative; top: 0px; margin-left: 15px;}
form div.attAdd {color: #009d4f; font-size: 0.95em; cursor: pointer;}
form div.attAdd:hover {text-decoration: underline;}
form .footnote {margin: 10px 15px 15px 0px; padding-left: 15px; text-indent: -11px; border-top: 1px solid #888;}
.footnote {margin: 10px 15px 15px 0px; padding-left: 15px; text-indent: -11px; border-top: 1px solid #888;}
.footnote-ref {font-size: 0.85em; position: relative; bottom: .3em;}
form .submit {
  margin-top: 20px; padding-top: 10px;
  border-top: 1px solid #ccc; text-align: center;
}


#reqNote {font-size: 0.9em; float: right; position: relative; right: 10px;}
.req {color: #f00;}

.required:before {
  content: '*'; float: left;
  display: inline; position: relative; bottom: 0px; right: 0px; color: #f00;
}




#frmFooter {margin: 15px 0 30px 0; text-align: center;}
/*#frmFooter .printPreview {float: right; width: 150px; position: relative; right: 0px; white-space: nowrap;}*/
#frmFooter .printPreview {float: right; width: 1px; position: relative; right: 100px; white-space: nowrap;}
#frmFooter .printPreview #btnPrintPreview {}
#frmFooter .printPreview #btnPrint {}
#frmFooter #btnSubmit {position: relative; left: 0px; font-size: 1em;}
    
@media print {
 #frmFooter {display: none;} 
}



/*--==/Forms==--*/





/*--==News==--*/
dl.newsList {margin: 10px 0 20px 0;}
dl.newsList dt {
  color: #3a4e7e; font-weight: normal; font-size: 1em;
  margin: 10px 0 5px 0px; padding: 0px; border-top: 1px dotted #eee;
  cursor: pointer; text-decoration: none;
}
dl.newsList dt:hover {text-decoration: none; color: #2A5FFF}
dl.newsList dt .dt {float: right; font-size: .85em; display: block; color: #888; margin-left: 15px;}
dl.newsList dt .dt:hover {text-decoration: none !important;}
dl.newsList dd {display: block; margin-left: 10px; padding: 0;}
dl.newsList dd p {/*margin: 5px 0 5px 0;*/margin: 0 !important; padding: 5px 0 5px 0;}
dl.newsList dd blockquote {
  margin: 0; padding: 5px 0 0 10px; font-size: 1em; border: none;
  text-indent: -8px;
}
/*--==/News==--*/



/*--==Video Gallery==--*/
dl#videoList dd {overflow: hidden; width: 195px; border: 1px solid #fff;}
dl#videoList dd:hover {border: 1px solid #e5eaf8;}

#mainCol #videoGallery {width: 720px; border: 0px solid #888; overflow: hidden;}
#mainCol #videoGallery #videoIndex {
  background-image: url(../images/videoGallery/bg_thumbs.gif); background-repeat: no-repeat;
  border: none; overflow: hidden;
}
/*
#mainCol #videoGallery #videoIndex #leftScroll {margin: 24px 3px 0 3px;}
#mainCol #videoGallery #videoIndex #rightScroll {margin: 24px 3px 0 3px;}
*/
#mainCol #videoGallery #leftScroll {margin: 24px 3px 0 3px; float: left;}
#mainCol #videoGallery #rightScroll {margin: 24px 3px 0 3px; float: right;}
#mainCol #videoGallery #videoIndex p {margin: 0; padding: 0; clear: both;}
#mainCol #videoGallery #videoIndex #thumbScroller {width: 674px; height: 63px;}
#mainCol #videoGallery #videoIndex #thumbScroller div {width: 100px; height: 56px; cursor: pointer; margin: 0 1px 0 0; padding: 0; border: 0;}
#mainCol #videoGallery #videoIndex #thumbScroller div img {width: 100px; height: 56px; border: 1px solid #384b79;}
#mainCol #videoGallery #videoIndex #thumbScroller div img:hover {border: 1px solid #495d90;}
#mainCol #videoGallery #videoTitle {color: #fff; background-color: #3a4e7d; margin: 0 0 0px 0px; padding: 5px 0 5px 10px; font-weight: normal; font-size: 1.1em; /*border-top: 1px solid #888;*/border-top: 0px solid #888;}
#mainCol #videoGallery #videoDesc {color: #fff; background-color: #3a4e7d; margin: 0; padding: 0 5px 5px 10px;}
#mainCol #videoGallery #parkLink {float: right; margin: 11px 5px 3px 10px; padding: 0;}
#mainCol #videoGallery #parkLink a {
  color: #ffffff; background-color: #32446f; 
  text-decoration: none; text-transform: uppercase; font-size: 0.8em;
  padding: 3px 5px;
  /*border: 1px solid #32446f;*/
  -moz-border-radius: 6px;
  -khtml-border-radius: 6px;
  -webkit-border-radius: 6px;
  -border-radius: 6px;
  /*behavior: url(/bcparks/_shared/css/border-radius.htc);*/
}
#mainCol #videoGallery #parkLink a:hover {color: #ffffff; background-color: #2a3a60; text-decoration: none;}


#mainCol #videoGallery.s300 {width: 300px; float: right; margin: 10px 0 10px 15px;}
#mainCol #videoGallery.s300 #videoContainer {background-color: #3a4e7d;}
#mainCol #videoGallery.s300 #videoContainer video {width: 300px;}
#mainCol #videoGallery.s300 #videoIndex {
  position: relative; bottom: 2px;
  width: 300px; height: 59px; box-sizing: border-box; line-height: 59px;
  background-image: none; background-color: #3a4e7d;
  white-space: nowrap;
}
#mainCol #videoGallery.s300 #videoIndex div {
  display: inline; box-sizing: border-box; line-height: 59px; background-color: #3a4e7d;
  width: 97px; height: 58px; margin: 0; padding: 0 1px 0 0;
  border: 0; cursor: pointer; 
}
#mainCol #videoGallery.s300 #videoIndex div img {display: inline; width: 97px; height: 56px; border: 1px solid #3a4e7d;}
#mainCol #videoGallery.s300 #videoIndex div img:hover {/*border: 1px solid #495d90;*/border: 1px solid #369;}
#mainCol #videoGallery.s300 p.note {
  position: relative; top: 0px;
  margin: 0; padding: 3px;
  background-color: #fff;
}

#mainCol #videoGallery.s500 {width: 500px; margin: 10px 0 10px 0px;}
#mainCol #videoGallery.s500 #videoContainer video {width: 500px;}

#mainCol #videoGallery.s735 {width: 100%; margin: 10px 0 10px 0px;}
/*
#mainCol #videoGallery.s735 {width: 735px; margin: 10px 0 10px 0px;}
#mainCol #videoGallery.s735 #videoTitle {padding: 5px;}
#mainCol #videoGallery.s735 #videoDesc {padding: 0 5px 5px 5px;}*/
/*
#mainCol #videoGallery.s735 #videoContainer video {width: 735px;}
#mainCol #videoGallery.s735 #videoIndex {
  width: 735px; height: 104px; padding: 0 15px;
  background-image: none;
  white-space: nowrap; overflow: hidden;
}
*/
#mainCol #videoGallery.s735 #videoContainer video {width: 100%;}
#mainCol #videoGallery.s735 .videoIndexContainer {
  vertical-align: middle;
  white-space: nowrap;
}
#mainCol #videoGallery.s735 #videoIndex {
   display: inline;
  max-width: 92%; max-height: 104px; padding: 0 5px;
  background-image: none;
  white-space: nowrap; overflow: hidden;
}
#mainCol #videoGallery.s735 #videoIndex div {display: inline; width: 178px; height: 100px; cursor: pointer; margin: 0 1px 0 0; padding: 0; border: 0;}
#mainCol #videoGallery.s735 #videoIndex div img {width: 178px; height: 100px; border: 1px solid #fff;}
#mainCol #videoGallery.s735 #videoIndex div img:hover {border: 1px solid #495d90;}
#mainCol #videoGallery.s735 #videoIndex.on {display: block;}
#mainCol #videoGallery.s735 #videoIndex.off {display: none;}
#mainCol #videoGallery.s735 #videoIndex {
  cursor: pointer;
}
#mainCol #videoGallery.s735 #leftScroll {
  width: 20px; height: 100%; float: left; display: inline;
  margin: 0px 3px 0 3px; padding-top: 35px;
  cursor: pointer;
  text-align: left;
}
#mainCol #videoGallery.s735 #rightScroll {
  width: 20px; height: 100%; float: right; display: inline;
  margin: 0px 3px 0 3px; padding-top: 35px;
  cursor: pointer;
  text-align: right;
}
#mainCol #videoGallery.s735 #leftScroll i {font-size: 20px;}
#mainCol #videoGallery.s735 #rightScroll i {font-size: 20px;}
#mainCol #videoGallery.s735 #leftScroll i:hover {color: #00f;}
#mainCol #videoGallery.s735 #rightScroll i:hover {color: #00f;}

/*--==/Video Gallery==--*/



/*--==Park Facility Standards==--*/
ul#committee-work .file {margin-left: 10px;}
ul#committee-work div.feedback {border-top: 1px solid #ddd;}

#standards table {
  width: 100%;
  border-collapse: collapse;
}
#standards table th, #standards table td {
  vertical-align: middle;
  border: 1px solid #888; padding: 3px;
}
#standards table th {
  text-align: center; font-weight: normal;
  background-color: rgba(0,51,102,1); color: #fff;
}
#standards table th.head1 {
  padding-left: 5px;
  text-align: left; background-color: rgba(56,89,138,1);
}

#standards table td.Comment {
  text-align: center;
  cursor: pointer;
}
#standards table td.Comment:hover {
  background-color: #b3c5e0;
}

div#standards table td.DrawingNumber {
  max-width: 125px;
  white-space: normal;
}
div#standards table td.Title {border-right: none;}
div#standards table td.Type {text-align: center; border-left: none;}
div#standards table td.DrawingNumber {text-align: center;}

div#standards table td.LastUpdated {text-align: center;}
div#standards table td.CommitteeNotes {min-width: 370px;}



div#StandardsComments {
  display: none;
  position: absolute; left: 40px;
  width: 50%;
  padding: 0 0 10px 0;
  /*
  background-color: rgba(228,237,251,0.95); #e4edfb*/
  background-color: rgba(241, 241, 242, 0.95);
  border: 1px solid #ddd;
}
div#StandardsComments form#frmStandardsComments {
  margin: 0; padding: 0;
}
div#StandardsComments form h3 {
  margin: 0 !important;
  padding: 8px 10px;
  background-color: rgba(0, 51, 102, 0.8); color: #fff;
}
div#StandardsComments form table {
  margin: 10px 10px 10px 10px;
}
div#StandardsComments form table td {border: none;}
div#StandardsComments form table td textarea {margin: 0;}

div#StandardsComments .submit {text-align: center;}
div#StandardsComments .submit input {float: none; margin-left: 5px;}

div#submitted {
  position: abolute; top: 300px;
  max-width: 400px;
  padding: 15px;
  background-color: rgba(241, 241, 242, 0.95);
  border: 1px solid rgba(56,89,138, .8);
}

/*--==/Park Facility Standards==--*/


/*--==Activity/Facility Search==--*/
div.searchActFac {clear: both; overflow: hidden; margin-top: 10px;}
div.searchActFac div {
  float: left; vertical-align: top;
  width: 245px; height: auto;
  margin: 0; padding-bottom: 3px;
}
div.searchActFac div {float: left;}
div.searchActFac div input {margin: 10px 3px; position: relative; top: 0px;}
div.searchActFac div p {display: inline; line-height: 35px; margin: 0; position: relative; top: 0px;}
div.searchActFac div.long {width: 100%; line-height: 1.1em;}
div.searchActFac div.long p {display: block; width: 90% !important; position: relative; top: 0px; left: 60px; line-height: 1.1em;}
form#f h3 {padding-top: 20px; border-bottom: 1px solid #ddd;}
.tblSearchByFacAct td input {position: relative; top: 3px;}
/*--==/Activity/Facility Search==--*/


/*--==DMF Map==--*/
#dmfMap {
  display: none; clear: both;
  margin: 0px auto; padding-top: 15px;
  width: 100%; height: 600px;
  text-align: center;
}
#dmfMap iframe {
  display: none;
  width: 100%; height: 100%;
  margin: 0;
  border: 1px solid #8eafd7;
}
#frmCoords {display: inline;}
#grLoading,#dmfMap {display: none;}
#outageContainer {
  display: none;
  margin-top: 100px; text-align: center;
}
#outage {
  width: 60%;
  margin: 0 auto; padding: 15px;
  background-color: #eee; border: 1px solid #e3e3e3; border-radius: 10px;
  color: #3e5485; font-size: 1.1em;
}
/*--==/Activity/Facility Search==--*/

div.Feature h1 {
  font-size: 2.0em;
  text-shadow: 2px 2px 3px #000;
}

table.park-closures {
  clear: both;
  margin: 20px 0 20px 0;
}
table.park-closures th {
  padding: 3px 6px;
  border-top: 0px dotted #888;
  border-bottom: 1px dotted #ccc;
}
table.park-closures td {
  padding: 2px 15px 2px 6px;
  border-bottom: 1px dotted #ccc;
}
table.park-closures td:first-child {padding-left: 20px;}
table.park-closures td:last-child {white-space: nowrap;}

table.park-closures td a {text-decoration: none !important;}
table.park-closures td a:hover {text-decoration: underline !important;}


table.park-closures td.closure-full {
  padding-left: 20px !important;
  background-image: url("/bcparks/_shared/images/icons/icon-closure-full.png?v=2018"); background-repeat: no-repeat;
  background-position: 0px 4px;
  background-size: 16px 16px;
}
table.park-closures td.closure-partial {
  padding-left: 20px !important;
  background-image: url("/bcparks/_shared/images/icons/icon-closure-partial.png?v=2018"); background-repeat: no-repeat;
  background-position: 0px 3px;
  background-size: 16px 16px;
}




ul li.closure-full {
  padding-left: 20px !important;
  margin-left: -5px;
  background-image: url("/bcparks/_shared/images/icons/icon-closure-full.png?v=2018"); background-repeat: no-repeat;
  background-position: 0px 4px;
  background-size: 16px 16px;
}
ul li.closure-partial {
  padding-left: 20px !important;
  margin-left: -5px;
  background-image: url("/bcparks/_shared/images/icons/icon-closure-partial.png?v=2018"); background-repeat: no-repeat;
  background-position: 0px 4px;
  background-size: 16px 16px;
}
ul li.park-alert {
  padding-left: 20px !important;
  margin-left: -5px;
  background-image: url("/bcparks/_shared/images/icons/icon-exclamation-triangle.png?v=2018"); background-repeat: no-repeat;
  background-position: 0px 4px;
  background-size: 16px 16px;
}
ul li.park-hazard {
  padding-left: 20px !important;
  background-image: url("/bcparks/_shared/images/icons/icon-exclamation-triangle-border.png?v=2018"); background-repeat: no-repeat;
  background-position: 0px 4px;
  background-size: 16px 16px;
}
#wildfire-notice .closure-full .note {font-size: 0.75em;}
#wildfire-notice .closure-partial .note {font-size: 0.75em;}
#wildfire-notice .evacuation-alert .note {font-size: 0.75em;}
#wildfire-notice .evacuation-order .note {font-size: 0.75em;}

#wildfire-summary ul li .note {
  color: #ddd;
}

#wildfire-summary table td {
  padding-left: 20px !important;
  margin-left: -5px;
  background-position: 0px 4px;
  background-size: 16px 16px;
}
#wildfire-summary table td.closure-full,
#wildfire-summary table td.closure-partial,
#wildfire-summary table td.park-alert {

}






#park-advisories table th {
  padding: 3px 3px;
  text-align: center;
  background-color: rgba(0, 51, 102, 0.75);
  font-weight: normal; font-size: 1.1em;
}
div#park-advisories table tbody tr td a {text-decoration: none !important;}
div#park-advisories table tbody tr td a:hover {text-decoration: underline !important;}










#filter-region {
  margin: 0 0 15px 0;
}
#filter-region select {
  color: #000;
}

a.partial-closure-area img {height: 16px;}
.closure-full img,
.closure-partial img,
.evacuation-order img,
.evacuation-alert img {
  height: 16px;
}

#mainCol .Feature #breadcrumbs {
  clear: both;
  margin: 0 auto; padding: 5px 18% 10px 5px;
  text-align: left;
  
  background-color: rgba(0, 51, 102, 0);
  color: #fff;
}
#mainCol .Feature #breadcrumbs a {
  color: #fff;
}


div.legend-closure-home {
  float: right;
  width: 210px;
  /*height: 0px;*/
  margin: 0 0 15px 15px;
}
div.legend-closure-home div {
  text-indent: -8px;
}

div.legend-closure-home div i {
  margin-left: 12px;
}
i.evacuation {
  margin-left: 5px;
}
img.icon-warning {
  vertical-align: bottom;
  margin-right: 5px;
  position: relative; top: 2px;
} 
svg.icon-warning {
  fill: #f00;
  
}



#sectParks #wildfire-notice {
  margin: 0 0 15px 0;
  /*border-bottom: 2px solid #888;*/
}

#sectParks .closure-full,
#sectParks .closure-partial,
#sectParks .evacuation-order,
#sectParks .evacuation-alert {
  float: none; clear: both;
  font-size: 1.0em; font-weight: normal;
  line-height: 20px;
  margin: 0px 0 5px 10px;
  padding: 0 10px 5px 23px !important;
  background-repeat: no-repeat;
  background-position: 0px 0px;
  background-size: 19px 19px;
}
img.icon-closure,
img.icon-closure-partial {height: 16px; margin: 0 2px 0 1px;}
img.icon-alert {height: 16px; position: relative; right: 1px;}
img.icon-order {height: 16px;}
img.icon-map {height: 16px; margin: 0 2px 0 0px;}

#sectParks .closure-full {background-image: url("/bcparks/_shared/images/icons/icon-closure-full.png?v=2018");}
#sectParks .closure-partial {background-image: url("/bcparks/_shared/images/icons/icon-closure-partial.png?v=2018");}
#sectParks .evacuation-order {background-image: url("/bcparks/_shared/images/icons/icon-exclamation-triangle-border.png?v=2018");}
#sectParks .evacuation-alert {background-image: url("/bcparks/_shared/images/icons/icon-exclamation-triangle-border.png?v=2018");}
#sectParks #mainCol .closure-full h4,
#sectParks #mainCol .closure-partial h4,
#sectParks #mainCol .evacuation-order h4,
#sectParks #mainCol .evacuation-alert h4 {
  font-weight: bold;
  margin-bottom: 0px !important;
}
#sectParks .closure-full p,
#sectParks .closure-partial p,
#sectParks .evacuation-order p,
#sectParks .evacuation-alert p {
  font-size: 1.0em;
  font-weight: normal;
}
#sectParks .closure-full .note,
#sectParks .closure-partial .note,
#sectParks .evacuation-order .note,
#sectParks .evacuation-alert .note {
  font-size: .95em;
}
#standard-notice {
  margin-left: 32px;
}
#special-notice {
  
}
#special-notice ul {
  margin-left: 18px;
}



a.tel {white-space: nowrap;} /*telephone link*/







img.back-to-top {
  display: none;
  position: fixed;
  right: 10px; bottom: 52px;
  opacity: 0.75;
  z-index: 10000;
  cursor: pointer;
}
img.back-to-top.footer-overlap {
  position: absolute;
  top: -63px;
}
img.back-to-top:hover {
  opacity: 0.9;
}







/*--==Indigenous Names==--*/


.mquqwin {
  width: 1px !important;
  overflow: visible;
}
.mquqwin span {
  position: relative; bottom: .6em; right: 1.8em;
}




/*--==/Indigenous Names==--*/





.alert {
  box-sizing: border-box;
  display: block; overflow: hidden;
  width: 900px;
}
.alert div {
  float: left;
  min-width: 150px; min-height: 30px;
  padding: 5px 10px;
  background-color: rgba(0, 51, 102, 0.8);
  color: #fff;
  
  -moz-box-shadow:    2px 2px 8px #000, 2px 2px 5px #000;
  -webkit-box-shadow: 2px 2px 8px #000, 2px 2px 5px #000;
  box-shadow:         2px 2px 8px #000, 2px 2px 5px #000;
}
.alert div a {
  color: #fff;
}





/*--==Licence Plate Program==--*/
#mainCol #page-title #breadcrumbs {
  clear: both;
  margin: 0 auto; padding: 15px 18% 10px 18%;
  text-align: left;
  
  background-color: rgba(0, 51, 102, 0);
  color: #fff;
}
#mainCol #page-title #breadcrumbs a {
  color: #fff;
}
#mainCol #page-title {
  position: relative;
  z-index: 3000;
  clear: both;
  background-color: rgba(0, 51, 102, 0.8);
  color: #fff;
}
#mainCol #page-title h1 {
  margin: 0 !important; padding: 5px 0 10px 0;
  text-shadow: 2px 2px 2px #000;
  /*background-color: rgba(0, 51, 102, 0.8);*/
  color: #fff;
}

#mainCol.licence-plates .Feature {

}

.Feature.licence-plates {
  max-width: 100% !important;
}


div.learn-more {
  position: relative;
  float: left;
  margin: 15px 10px !important;
  width: 45% !important;
  text-align: left;
}
div.quick-facts {
  position: relative;
  float: left;
  margin: 15px 10px !important;
  width: 45% !important;
  text-align: left;
}
div.learn-more h3,div.quick-facts h3 {
  margin-top: 0px !important;
  text-shadow: 1px 1px 2px #000;
}
div.intro div.learn-more {width: auto !important;}




#container.feature-page-2018 {
  width: 100% !important;
  margin-top: 0;
}
#container.feature-page-2018 #content {
  margin-top: 0; padding-top: 0;
  text-align: center;
}
#container.feature-page-2018 #content #mainCol {
  width: 100%;
  margin: 0 auto; padding: 0;
}
#container.feature-page-2018 #content #mainCol .Feature {
  width: 100%;
  margin: 0 auto 5px auto;
}

#container.feature-page-2018 #content #mainCol .Feature button {
  min-width: 206px;
  margin: 5px 5px 0 5px; padding: 6px 12px;
  /*2a4976*/
  /*background-color: rgba(0, 51, 102, 0.3);*/
  border: 1px solid #fff; border-radius: 3px;
  font-size: 1.2em;
}

#container.feature-page-2018 #content #mainCol .Feature .licence-plate-feature {
  float: left;
  width: 50%;
  margin-top: 10px;
  text-align: left;
}
#container.feature-page-2018 #content #mainCol .Feature a.btn {
  padding: 5px 10px;
  text-transform: none;
}
#container.feature-page-2018 #content #mainCol .Feature .licence-plate-feature button:hover {
  /*background-color: rgba(0, 51, 102, 1);*/
  background-color: rgba(45, 59, 94, 1);
}
#container.feature-page-2018 #content #mainCol .Feature .licence-plate-feature button a {text-decoration: none;}

.licence-plate-spread {
  float: right;
  width: 49%;
  margin: 10px 0 20px 0;
}
.licence-plate-spread img {
  width: 100%; max-width: 230px;
}


div.Feature .intro {
  margin: 0 auto !important; padding: 5px 15px;
  max-width: 1100px;
  text-align: left;
}
/*--==Feature Slides==----------------------------------------------------------------------------------*/
div.feature-images {
  width: 96%; height: 200px;
  margin: 0 auto 20px auto;
}
div.feature-images .feature-slide {
  float: left; overflow: hidden;
  width: 24%; min-width: 320px;
  min-height: 200px; max-height: 200px;
  margin: 5px; padding: 0px;
  background-color: rgba(0, 51, 102, 0.8);
  background-repeat: no-repeat;
  background-size: 100% 100%;
  color: #fff;
  font-size: 1em;
  -moz-box-shadow:    2px 2px 8px #000, 2px 2px 5px #000;
  -webkit-box-shadow: 2px 2px 8px #000, 2px 2px 5px #000;
  box-shadow:         2px 2px 8px #000, 2px 2px 5px #000;
}
div.feature-images .feature-slide img {
  position: relative; z-index: 2000;
  width: 100%;
}
div.feature-images .feature-slide div {
  z-index: 1000;
  display: block;
  position: relative; top: 160px;
  margin: 0; padding: 7px 10px 25px 10px;
  height: 100%; min-height: 200px;
  text-align: left;
  background-color: rgba(0, 51, 102, 0.8);
  color: #fff;
}
div.feature-images .feature-slide div img.icon {
  float: right;
  width: 50px;
  margin: 0; padding: 0 0 10px 10px;
}
div.feature-images .feature-slide div h2 {
  height: 36px;
  margin: 0; padding: 0 0 8px 0;
  color: #fff;
  white-space: nowrap;
}
div.feature-images .feature-slide div h3 {
  height: 36px;
  margin: 0; padding: 8px 0 15px 0;
  color: #fff;
  line-height: 28px;
  white-space: nowrap;
}
div.feature-images .feature-slide div p {
  margin: 0 !important;
}
div.feature-images .feature-slide div a {
  position: relative; top: 115px;
  float: right;
  color: #fff;
  text-decoration: underline !important;
}
div.feature-images .feature-slide div a:hover {
  text-decoration: none !important;
}
/*
div.feature-images .feature-slide div button {
  float: right;
  padding: 6px 12px;
  background-color: rgba(0, 51, 102, 0.3);
  border: 1px solid #fff; border-radius: 3px;
  font-size: 1.2em;
}
div.feature-images .feature-slide div button:hover {
  background-color: rgba(0, 51, 102, 1);
}
div.feature-images .feature-slide div button a {text-decoration: none;}
*/


.Feature .project-profile {
  width: 75%;
  padding-left: 20%;
  text-align: left;
}
.Feature .project-profile .learn-more {
  
}
.Feature .project-profile .project-photo {
float: right;
margin: 0 0 15px 15px;
}

.Feature .intro .feature-photo {
   float: right; margin: 0 0 15px 15px; width: 350px;
   text-align: center;
}
.Feature .intro .feature-photo img {
  width: 100%; border-radius: 10px;
}
.Feature .intro .feature-photo .caption {
  position: relative; bottom: 20px; left: 15px;
  text-align: left;
  color: #fff;
  text-shadow: 1px 1px 1px #000;
}

div.feature-projects {
  
  box-sizing: border-box;
  display: block; overflow: hidden;
  
  /*min-width: 350px; max-width: 1100px;*/
  width: auto; 
  max-width: 945px !important; /*max-width: 1100px; max-width: 360px;*/
  
  margin: 15px auto !important; padding: 15px 20px 15px 20px;
  
  
  background-color: rgba(0, 51, 102, 0.8);
  color: #fff;
  
  -moz-box-shadow:    2px 2px 8px #000, 2px 2px 5px #000;
  -webkit-box-shadow: 2px 2px 8px #000, 2px 2px 5px #000;
  box-shadow:         2px 2px 8px #000, 2px 2px 5px #000;
  
}
div.feature-projects h2 {
  text-shadow: 2px 2px 2px #000;
}
div.feature-projects h3 {
  text-shadow: 2px 2px 2px #000;
}
div.feature-images-projects {
  clear: none;
  overflow: hidden;
  margin: 0 auto;
  width: auto; /*max-width: 1100px; min-width: 320px;*/
  text-align: left;
}
div.feature-images-projects h2 {
  margin-bottom: 10px !important;
  text-shadow: 1px 1px 2px #000;
}
div.feature-images-projects h3 {
  text-shadow: 1px 1px 2px #000;
}
.feature-slide {
  float: left;
  width: 19%; min-width: 280px;
  min-height: 140px; max-height: 140px;
  margin: 5px; padding: 0px;
  background-color: rgba(0, 51, 102, 0.8);
  background-repeat: no-repeat;
  background-size: 100% 100%;
  color: #fff;
  overflow: hidden;
  font-size: 0.9em;
  -moz-box-shadow:    1px 1px 3px #000, 1px 1px 3px #000;
  -webkit-box-shadow: 1px 1px 3px #000, 1px 1px 3px #000;
  box-shadow:         1px 1px 3px #000, 1px 1px 3px #000;
}
.feature-slide img {
  position: relative; z-index: 2000;
  width: 100%;
}
.feature-slide div {
  z-index: 1000;
  display: block;
  position: relative; top: 110px;
  margin: 0; padding: 7px 15px 25px 20px;
  height: 100%; min-height: 140px;
  text-align: left;
  background-color: rgba(0, 51, 102, 0.8);
  color: #fff;
}
.feature-slide div img.icon {
  float: right;
  width: 50px;
  margin: 0; padding: 0 0 10px 10px;
}
.feature-slide div h2 {
  margin: 0; padding: 0 0 8px 0;
  color: #fff;
}
.feature-slide div h3 {
  margin: 0 !important; padding: 0 0 5px 0 !important;
  color: #fff; white-space: nowrap;
}
.feature-slide div p {
  margin: 0 !important;
}
.feature-slide div a {
  position: relative; top: 108px;
  padding: 3px 0 0 0;
  float: right;
  color: #fff;
  text-decoration: underline !important;
}
.feature-slide div a:hover {
  text-decoration: none !important;
}
div.feature-images-projects div.project-list {
  clear: both;
  float: left;
}


div.Feature .intro .Feature {
  -moz-box-shadow:    1px 1px 3px #000, 1px 1px 3px #000 !important;
  -webkit-box-shadow: 1px 1px 3px #000, 1px 1px 3px #000 !important;
  box-shadow:               1px 1px 3px #000, 1px 1px 3px #000 !important;
}
div.Feature .Feature {
  max-width: 300px;
  -moz-box-shadow:    1px 1px 3px #000, 1px 1px 3px #000 !important;
  -webkit-box-shadow: 1px 1px 3px #000, 1px 1px 3px #000 !important;
  box-shadow:               1px 1px 3px #000, 1px 1px 3px #000 !important;
}
div.feature-photo {
  float: right; overflow: hidden;
  width: 250px;
  margin: 0 0 15px 15px; padding: 0 0 0px 0px;
  background-color: rgba(0, 51, 102, 0.8);
  
  -moz-box-shadow:    1px 1px 3px #000, 1px 1px 3px #000;
  -webkit-box-shadow: 1px 1px 3px #000, 1px 1px 3px #000;
  box-shadow:               1px 1px 3px #000, 1px 1px 3px #000;
}
div#container.feature-page-2018 div#content div#sectHome div#mainCol div.Feature div.intro div.feature-photo {
  background-color: transparent;
  -moz-box-shadow:    0px 0px 0px #000, 0px 0px 0px #000;
  -webkit-box-shadow: 0px 0px 0px #000, 0px 0px 0px #000;
  box-shadow:         0px 0px 0px #000, 0px 0px 0px #000;
}
div.feature-photo img {
  width: 100%;
  -moz-box-shadow:    1px 1px 3px #000, 1px 1px 3px #000;
  -webkit-box-shadow: 1px 1px 3px #000, 1px 1px 3px #000;
  box-shadow:               1px 1px 3px #000, 1px 1px 3px #000;
}
div.feature-right {
  float: right;
  max-width: 300px;
  margin: 0 0 15px 15px;
}
.feature-right .feature-slide {
  width: 100%;
  margin: 5px 0;
}
/*--==/Feature Slides==----------------------------------------------------------------------------------*/




/*--Bootstrap Carousel--*/
      .carousel {
        position: relative;
        z-index: 1000;
        min-height: 400px;
        margin-top: 0px;
      }
      .carousel .item {
          min-height: 400px;
          background-size: cover;
          background-repeat: no-repeat;
          background-position: center;
      }

      .carousel .item .custom-title {
        display: none;
          width: 100%;
          margin: 0 auto;
          text-align: center;
          padding: 30px 0 0 0;
          font-size: 17px;
          color: #fff !important;
          font-weight: 600;
      }
      .carousel .item .custom-title h1 {
        color: #fff;
        text-shadow: 2px 2px 2px #000;
      }
      .carousel .item .custom-caption {
        position: relative; top: 360px;
        width: 100%; height: 0px;
        margin: 0 auto;
        text-align: left;
        /*padding: 10% 0;*/
        padding: 0 15px;
        font-size: 1.1em;
        color: #fff;
        font-weight: normal;
        text-shadow: 1px 1px 2px #000;
      }

      .carousel .carousel-control.left,
      .carousel .carousel-control.right,
      .carousel .carousel-control.left:hover,
      .carousel .carousel-control.right:hover {
          background: none;
      }

      .carousel .carousel-control {
          width: 20px;
          height: 20px;
          top: 50%;
      }

      .carousel .carousel-control span {
          position: relative;
          left: 0;
      }
      /*--/Bootstrap Carousel--*/
      
      
/*--==/Licence Plate Program==--*/





/*--==Park Bus==--*/
.parkbus-h {
  height: 100px;
  padding: 10px auto;
  vertical-align: middle;
}
.parkbus-h img {
  float: left;
  width: 200px;
  margin: 0 10px 0 0;
}
.parkbus-h p {
  margin-top: 30px;
}

.parkbus-h2 {
  height: 100px;
  padding: 10px auto;
  vertical-align: middle;
}
.parkbus-h2 img {
  position: relative; bottom: 20px;
  float: right;
  width: 200px;
  margin: 0 10px 0 0;
}
.parkbus-h2 p {
  margin-top: 30px;
}
/*--==/Park Bus==--*/








#viewMode {
  z-index: 10000;
  position: fixed; top: 150px;
  width: 100%; height: 0px;
  margin: 0;
  text-align: center;
}
#viewMode div {
  width: 280px;
  margin: 0 auto; padding: 8px 10px;
  color: #fff;
  background-color: rgba(0, 51, 102, 0.75);
}







#header.collapsed-header {display: none;}
#topNavContainer.collapsed-topnav {display: none;}



#park-index table td {
  border: 1px solid #ccc;
}
#park-index table td:first-child {
  max-width: 350px;
}








div.page-nav {
  display: none;
  float: right;
  max-width: 350px;
  background-color: #f1f1f2;
  margin: 0 0 15px 15px;
  padding: 0 10px;
}
div.page-nav p {
  margin: 0 0 8px 0;
}








/*--==[/Photo Gallery]==--*/
/*
#container,#content,#mainCol {overflow: visible;}
.clearfix:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}
.clearfix {
    display: inline-block;
}
html[xmlns] .clearfix {
    display: block;
}
* html .clearfix {
    height: 1%;
}
#debugContainer {
  display: block;
  position: relative;
  left: 275px; bottom: 120px;
  height: 0px;
}
#debugContainer #debug {
  border: 1px solid #001f3d;
  width: 275px;
  color: #fff;
  background-color: rgba(0, 51, 102, 0.95);
  box-shadow: 0 1px 5px #036;
}
#debugContainer #debug hr {margin: 3px 0;}
#mainCol {
  display: block;  
  min-height: 2000px;
}
*/

#mainCol:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}

#photo-gallery {
  clear: both; overflow: hidden; display: block; /*position: absolute;*/ /*z-index: 90;*/
  min-width: 230px; min-height: 100%; height: 100%; width: 98%;
  margin-left: 0px; padding: 5px 5px 5px 5px;
}
#photo-gallery:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}
  #photo-gallery .loading-spinner {
    width: 80%;
    margin: 100px auto;
    text-align: center;
  }
  #photo-gallery div.photo-container {
    display: inline; overflow: hidden; float: left;
    position: relative;
    vertical-align: top; 
    /*
    line-height: 150px;
    width: 225px !important; height: 150px !important;
    height: 175px; padding-bottom: 20px;
    max-width: 24%; padding-bottom: 56.25%;
    
    margin: 0 5px 5px 0;
    border: 0px solid #69c;
    border-radius: 0px;
    */
    min-width: 225px; min-height: 210px !important;
    width: 24%;
    /*
     height: 12vw;
    
    */
    margin: 5px;
    border-radius: 0px;
    
    background-color: #fff;
  }
  #photo-gallery div.photo-container img {visibility: hidden;}
  /*
  #photo-gallery div.photo-container .photo-ar {width: 100%;}
  #photo-gallery div.photo-container div {
    position: absolute; top: 0px; left: 0px;
    width: 100%; height: 100%;
  }
  */
  #photo-gallery div.photo-container a {
    display: block; position: relative;
    width: 100%;
    padding-bottom: 70%;
    /*
    padding-bottom: 60%;
    */
    line-height: 170px;
    text-decoration: none;

    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    border-radius: 10px;
  }
  #photo-gallery div.photo-container img {
    border-radius: 5px;
    /*max-width: 225px; min-width: 225px; max-height: 148px !important;*/
    
    position: absolute; top: 0; bottom: 0; left: 0; right: 0;
    
    width: 100%; height: 100%;
  }
  #photo-gallery div.photo-container
  #photo-gallery div.photo-container .caption {
    overflow: visible; 
    /*
      opacity: 0.7;
      position: relative; bottom: 31px;
      height: 0px;
    */
    position: absolute; bottom: 0px;
    width: 100%; height: 35px;
    /*color: #fff; background-color: #036;*/
    
    margin: 0; padding: 3px 4px 5px 5px; line-height: 1.1rem;
  }
  #photo-gallery div.photo-container .caption div {
    box-sizing: border-box;
     /*z-index: 1000;*/
    /*color: #fff; background-color: #036;*/
    width: 100%; height: 30px;
    margin: 0; padding: 3px 4px 5px 5px; line-height: 1.1rem;
  }
    
    
    
  #parkSelBtn {
    float: right; height: 1px;
    position: relative; bottom: 0px;
    clear: both;
  }
  #parkSelBtn button {
  padding: 3px 4px;
    font-size: 12px;
  }
  #parkSelContainer {
    position: relative; z-index: 100; top: 22px;
    height: 1px; display: none; float: right; clear: both;  
    opacity: .95;
  }
  #parkSel {
    width: 400px; height: 500px;
    border: 1px solid #69c;
    background-color: #f1f1f2;
    color: #fff;
    overflow: scroll;
  }
  #parkSel h4 {
    margin: 0 0 10px 0; padding: 5px 8px;
    color: #fff !important;
    background-color: rgb(0,51,102);
  }
  #parkSel ul li a {
    /*color: #036;*/
  }
  
  
  #photo-gallery #photoView {width: 699px;}
  #photo-gallery #photoView img {width: 699px;}
  #photo-gallery #thumbScroller {width: 645px;}
  #photo-gallery #thumbScroller div img {width: 60px;}
  
  

#photo-gallery.student-rangers-photos .photo-container {
  height: 220px;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  border-radius: 5px;
}
#photo-gallery.student-rangers-photos .photo-container .caption {
  overflow: hidden;
  position: relative; /*bottom: 17px;*/ top: 1px;
  height: 75px;
  color: #eee;
  background-color: rgba(35,64,117,0.8);
}
#photo-gallery.student-rangers-photos .photo-container .caption div {
  /*
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  */
}
#photo-gallery.student-rangers-photos .photo-container .caption a {
  padding: 0 !important;
  line-height: 1.15em; text-decoration: underline;
  color: #fff;
}
#photo-gallery.student-rangers-photos .photo-container .caption a:hover {text-decoration: none;}
div#student-rangers-carousel.carousel.slide div.carousel-inner div.item div.custom-caption {
  padding: 8px 0 0 0 !important;
  font-size: 1.1em; font-weight: normal;
}
  
@media screen and (max-width: 850px) {
  /*#mainCol {min-height: 2500px;}*/
}
@media screen and (max-width: 560px) {
  /*#mainCol {min-height: 4800px;}*/
}
@media screen and (max-width: 425px) {
  /*#mainCol {min-height: 4800px;}*/
}
@media screen and (max-width: 400px) {
  /*#mainCol {min-height: 7500px;}*/
  #photo-gallery div.photo-container {width: 97%;}
}


#photo-gallery.volunteers-photos .photo-container {
  height: 220px;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  border-radius: 5px;
}
#photo-gallery.volunteers-photos .photo-container .caption {
  overflow: hidden;
  position: relative; /*bottom: 17px;*/ top: 1px;
  height: 75px;
  color: #eee;
  background-color: rgba(35,64,117,0.8);
}
#photo-gallery.volunteers-photos .photo-container .caption div {
  /*
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  */
}
#photo-gallery.volunteers-photos .photo-container .caption a {
  padding: 0 !important;
  line-height: 1.15em; text-decoration: underline;
  color: #fff;
}
#photo-gallery.volunteers-photos .photo-container .caption a:hover {text-decoration: none;}


/*--==[/Photo Gallery]==--*/




/*--==[Responsive Adjustment]==--*/
@media screen and (max-width: 1200px) {
  #site-logo {margin-left: 10px;}
  #container {width: 90%;}
  #container.feature-page {width: 890px;}
  table.feature-set td {display: block; float: left;}
  
  #sectHome #mainCol #Updates {}
  .twoCol div #mainCol {width: 76%;}
  
  div#container div#content div#sectHome div#mainCol.col-sm-12 div.Feature.InBCParks div.Feature.wildfire-home h2 {font-size: 1.6em;}

  #header .container {width: 100%;}
  #header-search .container {width: 890px;}

  div#container div#content div#sectHome div#mainCol.col-sm-12 div.Feature.InBCParks div.Feature.wildfire-home h2 {font-size: 1.4em;}
  div#container div#content div#sectHome div#mainCol.col-sm-12 div.Feature.InBCParks div.tile-home-feature {max-width: 550px;}
  div#container div#content div#sectHome div#mainCol.col-sm-12 div.Feature.InBCParks div.tile-home-feature div {width: 110px;}
  div#container div#content div#sectHome div#mainCol.col-sm-12 div.Feature.InBCParks div.tile-home-feature div a.tile.s2 {font-size: 1em;}
}
@media screen and (max-width: 1180px) {
  #container {top: 145px;}
  .twoCol div #mainCol {width: 76%;}
}

@media screen and (max-width: 1150px) {
}

@media screen and (max-width: 1015px) {
  html body div#topNavContainer nav.navbar.navbar-inverse.navbar-static-top div.container {width: 100%;}

  #container.feature-page {width: 100%;}
  #mainCol div.Feature {width: 90%;}
  div.row.feature-set {width: 90%;}
  div.row.feature-set div {width: 100%;}
  div.row.feature-set div.col-sm-4 {margin: 0;}
  #mainCol #Updates {width: 90%;}
  div#newsList {width: 100%;}

  div#container div#content div#sectHome div#mainCol.col-sm-12 div.Feature.InBCParks div.Feature.wildfire-home {
    max-width: 230px;
    margin-bottom: 15px; padding: 10px 10px 5px 10px;
  }
  div#container div#content div#sectHome div#mainCol.col-sm-12 div.Feature.InBCParks div.Feature.wildfire-home ul {margin-left: 0;}
  div#container div#content div#sectHome div#mainCol.col-sm-12 div.Feature.InBCParks div.tile-home-feature {max-width: 500px;}
  div#container div#content div#sectHome div#mainCol.col-sm-12 div.Feature.InBCParks div.tile-home-feature div {width: 100px;}
}

@media screen and (max-width: 990px) {
  #leftCol {display: none;}


  .twoCol div #mainCol {width: 100%;}
  #header .container {width: 100%;}
  #container {top: 145px;}
  div#container div#content div#sectHome div#mainCol.col-sm-12 div.Feature.InBCParks div.tile-home-feature {max-width: 60%;}
}

@media screen and (max-width: 900px) {
  #header #header-row1 #site-logo {margin-top: 0;}
  #header #header-row1 {padding-top: 10px;}
  #header #header-row2 {width: 80%; clear: both; position: relative; bottom: 5px;}
  #header #header-row2 #banner-nav {padding-top: 0;}
  #header #header-row2 #banner-nav a {padding-top: 5px;}
  #container {top: 80px;}
  
  #header #byLocation {display: none;}
  #header .facilityActivity {display: none;}
  #header .alphabetical {display: none;}

  .student-rangers-logos {bottom: 0 !important;}
}

@media screen and (max-width: 830px) {
  div#container div#content div#sectHome div#mainCol.col-sm-12 div.Feature.InBCParks div.tile-home-feature {max-width: 100%;}
  div#container div#content div#sectHome div#mainCol.col-sm-12 div.Feature.InBCParks div.tile-home-feature div {width: 20%;}
}

@media screen and (max-width: 800px) {
  .oneCol div#sectHome #mainCol {width: 85%;}
  #header .container #header-row1 #searchwidget {/*display: none;*/ max-width: 45%;}
  #header .container #header-row1 #searchwidget form#searchForm {width: 100%;}
  #header .container #header-row1 #searchwidget form#searchForm #global-search {
    width: 80%;
  }
  #searchButton.hidden-xs {
    display: block !important;
  }
  #header-row2 #banner-nav {/*padding-top: 20px;*/}    
  /*div.Feature {margin-right: 0 !important; margin-left: 0 !important;}*/
  #mainCol {width: 100%;}
  div.Feature {width: 100%;}


  #logo_VolunteersExt img {width: 100%;}
}


@media screen and (max-width: 785px) {

  #header-row2 #banner-nav {/*padding-top: 20px;*/}
}
@media screen and (max-width: 760px) {
  
  div.tile-home-feature {}
  div.tile-home-feature div {display: inline;}

  #mainCol div.Feature.InBCParks .container-fluid .row .col-sm-3 {padding-bottom: 15px;}
  
  #sectHome #mainCol div.Feature.home-strategy div.container-fluid div.row div.col-sm-4 a.tile.2 {padding-bottom: 0;}
  #sectHome #mainCol div.Feature.home-strategy div.container-fluid div.row div h3 {margin-bottom: 0px;}
  #sectHome #mainCol div.Feature.home-strategy div.container-fluid div.row div {padding-bottom: 20px;}

  a.tile.s2 {padding-bottom: 15px;}
  div#sectFuture #mainCol div.Feature .sub {width: 45%;}
  div#sectFuture #mainCol div.Feature .sub.center {width: 95%;}
  div#sectVisiting #leftCol {display: none;}
  
  #alphaList {clear: both; white-space: normal;}
  #alphaList a:not(:first-child) {display: none;}
  
}

@media screen and (max-width: 700px) {
  #container {width: 100%;}
  #mainCol {padding: 0;}
  .oneCol div #mainCol {width: 100%;}
    /*
  #header .container #header-row1 #searchwidget form#searchForm input#global-search {
    margin-right: 30px;
  }
  #header .container #header-row1 #searchwidget form#searchForm div.search-trigger {
    width: 25px; height: 30px;
    background-image: url("/bcparks/_shared/images/icons/search-open-mobile.png");
    background-size: 25px 25px;
  }
    */
  #header .container #header-row1 #searchwidget {
    display: block !important;
    position: relative; /*top: 37px; right: 20px;*/
    min-width: 275px;
  }
  html body div#header div.container div#header-row1 {white-space: nowrap;}
  html body div#header div.container div#header-row1 a#searchButton {width: 50px; height: 40px;}
  html body div#header div.container div#header-row1 a#searchButton span.glyphicon.glyphicon-search {font-size: 23px;}
  html body div#header div.container div#header-row1 div#social-media-header {width: 25%;}
  html body div#header div.container div#header-row1 div#social-media-header a img {/*width: 30%;*/}
  div#header div.container div#header-row1 div#site-logo {width: 50%; white-space: nowrap;}
  div#header div.container div#header-row1 div#site-logo img {width: 50%;}

  div#container div#content div#sectHome div#mainCol.col-sm-12 div.Feature.InBCParks div.tile-home-feature div {height: 100px;}
}

@media screen and (max-width: 675px) {
  /*.twoCol div #mainCol {width: 75%;}*/
  .parksNav ul li {margin: 0 !important;}
  iframe#videoVolunteers {width: 320px; height: 200px;}
  


  #header #header-row1 #social-media-header img {max-width: 25%;}
  #header-row2 #banner-nav {
    /*display: none;*/
    white-space: nowrap;
  }
  
  #mainCol div.Feature {width: 95%;}
  div#container div#content div#sectHome div#mainCol.col-sm-12 div#Updates.Feature {width: 95%;}
  #mainCol div.Feature.InBCParks .container-fluid .row {/*padding-left: 8%;*/}
  #mainCol div.Feature.InBCParks .container-fluid .row .col {width: 30%; padding-bottom: 15px !important;}
  #mainCol div.Feature.InBCParks .container-fluid .row .col-sm-3 {/*width: 30%;*/}
  

  .InBCParks .InBCParksItem div {display: inline; width: 90px !important;}
  div.InBCParks div.InBCParksItem div img {display: block;}


  .Feature.public-notice h3 {
    clear: both;
  }

  #header .container #header-row1 #searchwidget form#searchForm input#global-search {
    width: 60%; min-width: 235px;
    /*
    margin-right: 30px;
    */
  }
  #header .container #header-row1 #searchwidget form#searchForm div.search-trigger {
    width: 25px; height: 30px;
    /*background-image: url("/bcparks/_shared/images/icons/search-open-mobile.png");*/
  }
}  
  
@media screen and (max-width: 575px) {
  #social-media {}
  #container {top: 60px;}
  #photoCredit {bottom: 50px; right: 30px;}
  .newsList {
    clear: both;
  }

  div#container div#content div#sectHome div.Feature.public-notice div.legend-closure-home {clear: both;}
  div#container div#content div#sectHome div.Feature.public-notice h2 {clear: both;}

  .student-rangers-logos {width: 25% !important;}
  .student-rangers-logos img {width: 100% !important;}
}
@media screen and (max-width: 550px) {
  a.btn.large {width: 100%; white-space: normal; line-height: 1.3em;}
  
  #mainCol div.Feature.InBCParks .container-fluid .row {padding-left: 10%;}
  #mainCol div.Feature.InBCParks .container-fluid .row .col {width: 45%;}
  #mainCol div.Feature.InBCParks .container-fluid .row .col-sm-3 {width: 45%;}
  
  div.sideBarContainer {
    width: 100%;
  }
  div.sideBarContainer .sideBar200 {
    width: 100%;
  }
  
  #header #header-row1 #site-logo {width: 50%; margin: 0 0 0 10px; white-space: nowrap;}
  #header #header-row1 #site-logo #bcparks-text {max-width: 100px;}

  div#container div#content div#sectHome div#mainCol.col-sm-12 div.Feature.InBCParks div.tile-home-feature div {width: 33%;}
}
@media screen and (max-width: 480px) {


  div.advert {width: 35%;}
  div.advert img {width: 100%;}
  
  .licence-plate-spread div img {width: 50%;}
  div.feature-right {width: 100%;}
  #mainCol div.Feature h3 {margin: 10px 0 5px 5px !important;}
  
  #header #header-row1 #site-logo img {max-width: 60%;}
  html body div#header div.container div#header-row1 div#site-logo img#bcparks-text {max-width: 40%; margin-top: 2%;}
  #header #header-row1 #social-media-header img {max-width: 20%;}
  #header #social-media-header img {max-width: 25%;}

  div#container div#content div#sectHome div#mainCol.col-sm-12 div.Feature.InBCParks div.Feature.wildfire-home ul {margin-left: 5px;}
}
@media screen and (max-width: 425px) {
  #header {height: 75px;}
  #header .container {padding: 0 5px;}
  #header #header-row1 {padding: 0;}
  html body div#header div.container div#header-row1 div#site-logo {width: 50%; height: 40px; margin: 5px 0 0 5px;}
  html body div#header div.container div#header-row1 div#site-logo #bcparks-text {width: 100px; margin-top: 8px;}
  #header #header-row1 #social-media-header {width: 40%; margin: 12px 10px 10px 0px;}
  #header #header-row1 #social-media-header img {max-width: 25%;}
  html body div#header div.container div#header-row1 a#searchButton {width: 40px; height: 30px; padding-top: 5px;}
  html body div#header div.container div#header-row1 a#searchButton span.glyphicon.glyphicon-search {font-size: 16px;}
  html body div#header div.container div#header-row2 div#banner-nav {margin-top: 5px;}

  #topNavContainer {top: 75px;}
  
  #container {width: 100%; margin: 0 0 125px 0;}
  #mainCol {width: 100%; padding: 0 3px;}
  
  #mainCol div.Feature {width: 100% !important; padding: 5px 5px 5px 5px !important;}
  #mainCol div.Feature h1 {margin-top: 15px !important; font-size: 27px !important;}
  #mainCol div.Feature h2 {margin: 10px 0 5px 0; text-shadow: 1px 1px 2px #000;}
  #mainCol div.Feature h3 {font-size: 14px; text-shadow: 1px 1px 2px #000;}
  #mainCol div.Feature p {font-size: 13px;}
  
  #home-partners img {height: 40px; margin: 3px;}
  div#sectVisiting #leftCol {display: none;}
  div#sectPartners #leftCol {display: none;}
  div#sectResources #leftCol {display: none;}
  div#sectHome #leftCol {display: none;}
  div#sectAbout #leftCol {display: none;}
  div#sectPlanning #leftCol {display: none;}
  div#sectConservation #leftCol {display: none;}
  div#general #leftCol {display: none;}
  iframe#videoVolunteers {width: 320px; height: 200px;}
  /*
var aSections = new Array('home','resources','visiting','partners','conservation','planning','about','volunteers','future'); //parks,conservancies,partners

*/
  div.park-feature ul {margin-left: 5px;}
  #mainCol #videoGallery.s300 {width: 275px; margin-right: 0; margin-left :0;}
  
  .carousel-indicators {margin-bottom: 30px;}
  .Feature .intro .feature-photo {width: 100%; text-align: center;}
  .Feature .intro .feature-photo img {width: 100%;}
  
  div.park-feature img.park_photo {width: 100%; max-width: 100%;}
  div.park-feature div.park_photo {width: 100%; max-width: 100%;}
  html body div#container div#content.twoCol div#sectParks div#mainCol div#Introduction.park-feature div.park_photo a img.photo {width: 100%; max-width: 100%;}
}

@media screen and (max-width: 400px) {
  div#container div#content div#sectHome div#mainCol.col-sm-12 div.Feature.InBCParks div.Feature.wildfire-home {max-width: 100%; margin: 0 0 10px 0;}
  div#container div#content div#sectHome div#mainCol.col-sm-12 div.Feature.InBCParks div.tile-home-feature {margin: 5px 0 10px 0; padding-bottom: 10px;}
  div#container div#content div#sectHome div#mainCol.col-sm-12 div.Feature.InBCParks div.tile-home-feature div {width: 100px;}
  div#container div#content div#sectHome div#mainCol.col-sm-12 div.Feature.InBCParks div.tile-home-feature a.btn.make-a-reservation {margin: 20px auto 10px auto;}

}

@media screen and (max-width: 350px) {
  html body div#header div.container div#header-row2 div#banner-nav a {font-size: 11px;}
  div#container div#content div#sectHome div#mainCol.col-sm-12 div.Feature.InBCParks div.tile-home-feature div {width: 50%;}


}

@media screen and (max-width: 320px) {
  #header .container {padding: 0 5px;}
  #header #header-row1 {padding: 0;}
  html body div#header div.container div#header-row1 div#site-logo {margin: 5px 0 0 0;}
  html body div#header div.container div#header-row1 div#site-logo img {}
  html body div#header div.container div#header-row1 div#site-logo #bcparks-text {left: 0;}

  #header #header-row1 #social-media-header {}
  #header #header-row1 #social-media-header img {}
  #header #header-row2 {width: 100%;}
  html body div#header div.container div#header-row2 div#banner-nav {width: 100%; margin-right: 0; font-size: 10%;}


  html body div#topNavContainer {height: 45px;}
  html body div#topNavContainer nav.navbar.navbar-inverse {}
  html body div#topNavContainer nav.navbar.navbar-inverse div.container div.navbar-header button.navbar-toggle {margin: 0 15px 0 0; padding: 6px 9px 10px 9px;}
  html body div#topNavContainer nav.navbar.navbar-inverse div.container div#myNavbar {}
  html body div#topNavContainer nav.navbar.navbar-inverse div.container div#myNavbar ul.nav.navbar-nav {margin: 0; border: 1px solid #193764;}
  html body div#topNavContainer nav.navbar.navbar-inverse div.container div#myNavbar.navbar-collapse.collapse.in ul.nav.navbar-nav li {}
  html body div#topNavContainer nav.navbar.navbar-inverse div.container div#myNavbar.navbar-collapse.collapse.in ul.nav.navbar-nav li#home {}
  html body div#topNavContainer nav.navbar.navbar-inverse div.container div#myNavbar.navbar-collapse.collapse.in ul.nav.navbar-nav li#home.current {background-color: #466799;}

  #container {top: 80px;}

  html body div#container div#content {margin-top: 0; padding-top: 0;}


}
/*--==[/Responsive Adjustment]==--*/


@media print {
}