/*============================================================================*/
/*			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-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: 120px;
	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: 13px 0 3px 0;
}
#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;
}

#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;
	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; position: fixed; top: 90px; z-index: 999;
  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==--*/
.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;
  background-image: none !important;
}
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: 0px;
  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: 1em; font-weight: bold; margin-bottom: 0; margin-top: .1em;}

h6 {
  margin-top: .1em; margin-bottom: 0; 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; width: 320px;
	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 li {
	margin: 0px 0 0px 15px;
	padding: 3px 0 3px 0px;
	list-style-type: decimal;
	background-image: none;
}
body ol li ol li {list-style-type: lower-alpha;}
body ol li ol li ol li {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;
  /*width: 70%;*/
  width: 900px;
  /*width: 100%;*/
  margin: 0px auto 40px auto; padding: 15px 20px 15px 20px;
  background-color: rgba(0, 51, 102, 0.8);
  color: #fff;
}
div.Feature h1, div.Feature h2, div.Feature h3, div.Feature h4, div.Feature h5, div.Feature h6 {color: #fff;}
#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.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;
}
#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;}



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.Feature.InBCParks .container-fluid {
  padding-left: 0; padding-right: 0;
}
#mainCol div.Feature.InBCParks .container-fluid .row {
  width: 98%;
}
#mainCol div.Feature.InBCParks .container-fluid .row .col {
  float: left;
  width: 20%;
  padding: 0 15px;
}





#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: 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 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 li h4 {margin-top: 0;}

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

#alphaList {margin-top: 0px; padding-top: 0px;} /*used on alphabetical listing pages as well*/
#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; 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;
	*/
}


#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-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 .parkFeature .backToTop {float: right; margin-top: 9px; padding: 0; clear: both; /*display: inline;*/ display: none;}


#sectParks #mainCol h3.ImportantNotice {
  padding: 3px 0 2px 0;
  font-size: 15px; font-weight: 600;
  line-height: 23px; vertical-align: middle; text-align: center;
  /*background-image: url("/bcparks/_shared/images/parks/bg_attention.gif"); background-repeat: repeat-x;*/
  background-color: #f3f2ed;
  border-top: 1px solid #e3e2d7;
  border-bottom: 1px solid #e3e2d7;
}
#sectParks #mainCol h3.ImportantNotice img {
  position: relative; bottom: 1px;
  vertical-align: middle;
}

#sectParks #mainCol .parkFeature h3 {
	text-indent: 0px; 
	border-bottom: 1px solid #ddd;
	margin: 0 0 .6em 0;
}

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

#sectParks .parkFeature {margin: 10px 0 20px 0px; clear: both; width: 100%;}
#sectParks .parkFeature p {margin: 0px 0 10px 0; padding-top: 0px;}/*margin: 0px 0 10px 0;*/
#sectParks .parkFeature ul {margin-top: 5px; margin-bottom: 7px;}/*margin-top: 10px;*/
/*.parkFeature 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 */

#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.parkFeature {margin: 10px 0 20px 15px;}

div.parkFeature img.park_photo {margin: 0px 0 10px 5px; float: right; clear: both;} /* 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 {margin: 0px 0 10px 5px; float: right; clear: both;} /* ---------------- park photo with gallery button */
div.park_photo img {
	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.parkFeature 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: bold; margin: 8px 0; background-color:#EAEAEA; color:#004F75; padding: 3px 5px; display: block;}
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 {
	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.note {margin: 5px 0 0 0; text-align: center;}

/*#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;}*/


#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 p img.iconFireBan {
	position: relative; top: 0px; line-height: 13px; vertical-align: bottom;
	margin-left: 3px;
}
#parkList p img.iconClosure {
	position: relative; top: 0px; line-height: 13px; vertical-align: bottom;
	margin-right: 3px;
}
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.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;}




/*---------- 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.mgmtPlanningProcesses {
	width: 100%; border: 2px outset #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: #3a4e7e; font-size: 1.1em;
}
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 #888;
	text-align: center;
}
table.pba-process td {
	padding: 8px;
	vertical-align: top;
	border: 1px solid #888;
}










/*--======================= 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;
}



/*-================================== 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.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}

table.stdWide {width: 95%;}

table.stdMed {width: 60%;}

table.stdWide, table.stdMed {margin-bottom: 1.3em;}

table.basicTable {
  margin-bottom: 0.6em; padding: 3px 5px;
}

/*--==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;}

.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;}

#AlphaList {white-space: nowrap;}


#ActFacFilter h5 {
	display: none;
}
#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 {
	float: right;
	min-width: 150px;
	padding: 0px;
	border: 1px solid #ccc;
	background-color: #eee;
}
#ActiveFilters h5 {
	margin: 0 0 5px 0; padding: 3px 3px;
	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 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;}
.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*/

/*--========================= 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;}
}



/* 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; /*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;}

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;}
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==--*/















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;
}


#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.4);
}

















/*--==[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%;}
  
}
@media screen and (max-width: 1180px) {
  #container {top: 145px;}
	.twoCol div #mainCol {width: 76%;}
}
@media screen and (max-width: 1015px) {
  #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%;}
}
@media screen and (max-width: 990px) {
	#leftCol {display: none;}
	.twoCol div #mainCol {width: 100%;}
  #header .container {width: 100%;}
  #container {top: 145px;}
}
@media screen and (max-width: 900px) {
  #header #header-row1 #site-logo {margin-top: 0;}
  #header #header-row1 {padding-top: 10px;}
  #header #header-row2 {width: 50%;}
  #header #header-row2 #banner-nav a {padding-top: 5px;}
	
}
@media screen and (max-width: 800px) {
  .oneCol div#sectHome #mainCol {width: 85%;}
  #header .container #header-row1 #searchwidget {display: none; width: 45%;}
  #header .container #header-row1 #searchwidget form#searchForm {width: 100%;}
  #header .container #header-row1 #searchwidget form#searchForm #global-search {width: 95%;}

  #header-row2 #banner-nav {padding-top: 20px;}
    
  /*div.Feature {margin-right: 0 !important; margin-left: 0 !important;}*/
  #logo_VolunteersExt img {width: 100%;}
}


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

  #header-row2 #banner-nav {padding-top: 20px;}
}
@media screen and (max-width: 760px) {
  #mainCol {width: 100%;}
  div.Feature {width: 100%;}
  
  
	#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;}
  
  
}
@media screen and (max-width: 675px) {
  .oneCol div #mainCol {width: 100%;}
  /*.twoCol div #mainCol {width: 75%;}*/
  .parksNav ul li {margin: 0 !important;}
  iframe#videoVolunteers {width: 320px; height: 200px;}
  
  #header-row2 #banner-nav {display: none;}
  
	#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%;*/}
}


  
  
@media screen and (max-width: 575px) {
  #social-media {}
  #photoCredit {bottom: 50px; right: 5px;}
}
@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%;
	}
	
}
@media screen and (max-width: 480px) {
	div.advert {width: 35%;}
	div.advert img {width: 100%;}
}
@media screen and (max-width: 425px) {
  #header {height: 75px;}
  #header #header-row1 #site-logo {margin: 0 0 0 10px;}
  #header #header-row1 #site-logo #bcparks-text {width: 100px;}
  #topNavContainer {top: 75px;}
  
  #container {width: 100%; margin: 0 0 125px 0;}
  #mainCol {width: 100%; padding: 0 3px;}
  
  #mainCol div.Feature {width: 100% !important; padding: 0 5px !important;}
  #mainCol div.Feature h1 {margin-top: 15px !important; font-size: 27px !important;}
  #mainCol div.Feature h3 {font-size: 14px;}
  #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.parkFeature ul {margin-left: 5px;}
  #mainCol #videoGallery.s300 {width: 275px; margin-right: 0; margin-left :0;}
}
/*--==[/Responsive Adjustment]==--*/