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


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

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

@-ms-viewport {
  width: auto !important;
}
@font-face {
  font-family: 'BCSans-Regular';
  src: url('/_shared/fonts/BCSans-Regular.woff');
  /*
  font-family: 'BCSans-Bold';
  src: url('/_shared/fonts/BCSans-Bold.woff');
  font-family: 'BCSans-Italic';
  src: url('/_shared/fonts/BCSans-Italic.woff');
  font-family: 'BCSans-BoldItalic';
  src: url('/_shared/fonts/BCSans-BoldItalic.woff');
  font-family: 'Myriad-Pro';
  src: url('/_shared/fonts/MyriadWebPro.ttf');
  */
}


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

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

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

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


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

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



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







#searchwidget {
	width: 445px; height: 30px;
	margin: 7px 0 0 0; padding: 0;
  float: right;
}
#searchwidget form {
	padding: 4px 0 4px 4px;
	float: right; white-space: nowrap; text-align: right;
}
#searchwidget form #qt {
	font-style: normal;
  /*font-family: Myriad-Pro, Calibri, Arial, 'sans serif';*/
  font-family: BCSans-Regular, Myriad-Pro, Calibri, 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-family: BCSans-Regular, Myriad-Pro, Calibri, sans-serif;
	font-size: 13px;
  color: #9d9d9d; /*#494949*/
  border: none;
}
#searchwidget form#searchForm #global-search {
	float: right;
  box-sizing: border-box;
  max-width: 420px;
	width: 420px;
  height: 24px;
	margin-right: 3px; padding: 3px 10px;
	font-style: normal;
  /*font-family: Myriad-Pro, Calibri, Arial, 'sans serif';*/
  font-family: BCSans-Regular, Myriad-Pro, Calibri, 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('/_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('/_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('/_shared/images/banner/bn_bcparks_home3.jpg');
	background-repeat: no-repeat;
	vertical-align: bottom;
}
#bannerGraphic {float: left; position: relative; top: auto;}
#banner #bannerGraphic {top: 106px;}
#bannerHome #bannerGraphic {top: 136px;}

/* banner image rotation */
#banner {background-image: none; overflow: hidden; width: 100%; height: 166px; position: relative; z-index: 0;}
#bannerHome {background-image: none; overflow: hidden; width: 100%; height: 198px; position: relative; z-index: 0;}
#bnLogo {position: absolute; z-index: 10; float: left; width: 278px;}
#banner #bnLogo {height: 166px;}
#bannerHome #bnLogo {height: 198px;}
#bannerNav {position: relative; z-index: 11; float: right;}
#bnImg1 {position: absolute; z-index: 3; float: right;}
#bnImg2 {position: absolute; z-index: 2; float: right;}
/*
#topNav {
	clear: both; white-space: nowrap;
	width: 950px;
	height: 32px; line-height: 32px; padding: 0px 0px 0px 20px; vertical-align: middle;
	background-image: url('../images/nav/bg_topNav.gif');
	background-repeat: repeat-x;
	background-color: #3a4d7c; border-top: 0px solid #3a4d7c;
	z-index: 12; position: relative;
	overflow: hidden; display: block
}
#topNav img {
	margin: 0 0 3px 10px; vertical-align: middle; z-index: 13; position: relative;
}
*/
#topNavContainer {
  box-sizing: border-box;
  z-index: 999;
  /*position: fixed;*/ position: relative;
  /*top: 90px;*/ top: 90px;
  width: 100%; min-height: 30px;
  /*background-color: #38598a;*/
  background-color: rgba(56,89,138,.95);
  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;
  color: #fff;
  background-color: transparent;
  /*
  background-color: #38598a;
  */
  background-image: none;
  text-decoration: none;
}
#topNavContainer #topNav ul li a {
  margin: 10px 0; padding: 2px 15px;
  vertical-align: middle;
  color: #fff; text-decoration: none; white-space: nowrap;
	font-size: 13px; text-transform: none;
  border-left: 1px solid #5475a7;
  font-size: 13px;
}
#topNavContainer #topNav ul li a:hover {
  color: #fff; text-decoration: underline;
}
#topNavContainer #topNav ul li:first-child a {border: none;}
#topNavContainer #topNav ul li.current a {
  text-decoration: underline;
}
#topNavContainer #topNav ul li ul li a {
  text-transform: none; white-space: normal; display: block;
  width: 100% !important; height: 100% !important; margin: 0; padding: 3px 0 !important;
  border: none !important;
  background-color: transparent !important; color: #fff !important;
}
#topNavContainer #topNav ul li ul li a:hover {
  background-color: transparent; color: #e3a82b !important;
  border: 1px solid #039;
  text-decoration: none;
}
#topNavContainer #topNav ul li ul li:hover {/*background-color: #036;*/ color: #fff;}



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

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





/*--==BootStrap navbar==--*/
html body div#topNavContainer nav.navbar.navbar-inverse.navbar-static-top {}
html body div#topNavContainer nav.navbar.navbar-inverse div.container div#myNavbar {z-index: 999999;}
.navbar {
  min-height: 38px;
  margin-bottom: 0; padding-top: 5px;
  border: none;
}
.navbar .container {
	padding: 0;
}
.navbar-inverse {
  background-color: rgba(56,89,138,0);
  /*
  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 {
  margin: 0 0 0 0;
  padding: 0 0 0 5px;
  background-image: none !important;
  background-color: rgba(56,89,138,0);
  list-style-image: none;
  list-style-type: none;
}
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: rgba(56,89,138,0);}
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 5px 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: 0px;
  text-align: center;
  background-image: none;
  background-color: transparent;
}
#footer #footerLinksContainer {
  z-index: 1010;
  clear: both;
  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;
  background-color: transparent !important;
}
#footer #social-media div {

}
html body.theme-2019 div#container div#footer div#social-media div {
  background-color: rgba(127,151,168,.1);
  
}
html body.theme-2019 div#container div#footer div#social-media a {
  background-color: transparent;
}
#footer #social-media img {
  display: inline !important;
  margin: 0 2px; padding: 0;
}

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

#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-family: BCSans-Regular, Myriad-Pro, Calibri, 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';*/
  font-family: BCSans-Regular, Myriad-Pro, Calibri, sans-serif;
  color: #3a4e7e;
  -webkit-font-smoothing: subpixel-antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-smooth: auto;
}
h2 {font-size: 1.65em; font-weight: normal; margin-bottom: .33em; margin-top: .1em; } 
/*h2 {font-size: 2.4em; margin-top: 0;} /for garamond*/
h3 {font-size: 1.40em; font-weight: normal; margin-bottom: .33em; margin-top: .1em;}
h4 {font-size: 1.2em; font-weight: normal; margin-bottom: .33em; margin-top: .1em;}
h5 {font-size: 1.1em; font-weight: bold; margin: 0 0 5px 0;}

h6 {
  margin-top: .1em; margin-bottom: 5px; padding: 0;
  line-height: 1em; font-size: 1em;
  color: #3a4e7e;
}
p {
  margin-bottom: 1em; margin-top: .1em;

  padding: 0;
}
blockquote {margin: 10px 0 10px 20px; font-size: 1em; border-left: none;}
blockquote.fancy {
	background: transparent url(/_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(/_shared/images/blockquote_02.gif) right bottom no-repeat;
	margin: 0;
	padding-right: 60px !important;
}
blockquote.fancy  note {
	color: #666666;
    font-size: 11px;
	font-style: normal;
}

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

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

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

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


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

/*-------- Lists ----------------------------------------------------------*/
ul, ol {margin: 0; padding: 0;}
ul li, ol li {margin: 0; padding: 0;}
ul {margin: 0px 0 0px 10px; padding: 3px 0 1em 0px;}
ol {margin: 0px 0 0px 10px; padding: 3px 0 1em 0px;}
ul li {
  margin: 0 0 0 15px;
  padding: 3px 0 3px 5px;
  list-style-image: url('/_shared/images/icons/bullet.png');
  /*
  list-style-type: square;
  background: url('/_shared/images/icons/bullet.png') no-repeat 0 0.6em;
  */
}
ol li {
  margin: 0 0 0 15px;
  padding: 3px 0 3px 5px;
  list-style-type: decimal;
  list-style-image: none;
  /*
  background-image: none;
  list-style-type: decimal !important;
  */
}


ul ul {margin-bottom: 0px; margin-left: 10px;}
ol ol {margin-bottom: 0px; margin-left: 10px;}
ul li ol li {list-style-type: decimal !important;}
/*
body ol ol {list-style-type: lower-alpha;}
body ol ol ol {list-style-type: lower-roman;}
body ol li ol {list-style-type: lower-alpha;}
*/
ol li ol li {list-style-type: lower-alpha;}
ol li ol li ol li {list-style-type: lower-roman;}
/*
html body div#container div#content ol {
  list-style-type: decimal !important;
}
html body div#container div#content ol li {
  list-style-type: decimal !important;
}
*/

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

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

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

ul.inline {margin-left: 0;}
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 --------------------*/
#bcparks-hours {
  /**/
  margin-left: 20px;
  white-space: normal;
  font-size: 0.85em !important; text-align: left;
}
div.public-advisory {
  clear: both;
  width: 100%;
  height: auto !important;
  margin: 12px 0 20px 0;
  padding: 15px 20px;
  text-align: left;
  font-size: 1.15em;
  line-height: 1.35em;
  border: 1px solid #e3a82b;
  border-radius: 5px;
  background-color: rgba(227,168,43,1); color: #036;
  -moz-box-shadow:    2px 2px 8px #000, 2px 2px 5px #000;
  -webkit-box-shadow: 2px 2px 8px #000, 2px 2px 5px #000;
  box-shadow:         2px 2px 8px #000, 2px 2px 5px #000;
}
div.public-advisory a {color: #036 !important; text-decoration: underline !important;}
div.public-advisory a:hover {text-decoration: none !important;}

div#public-advisory div.park-feature-content p#bcparks-hours {
  margin-left: 10px;
}
html body div#container div#content div#sectHome div#mainCol.col-sm-12 div.Feature.InBCParks div.Feature.wildfire-home h2 {
  margin-bottom: 5px;
}
.wildfire-home #bcparks-hours {
  width: 100%; 
  padding-left: 14px;
  text-indent: -9px; font-size: 0.9em; text-align: left;
}
#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;}
#sectReserve {
  background-color: rgb(0,0,0,0);
}
#sectReserve #content {background-color: transparent;}
#sectReserve a {text-decoration: none;}
#sectReserve 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;
}
#sectReserve #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;}
#sectReserve #mainCol p {margin: 5px 0 10px 0;}

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

#mainCol div.Feature h1 {
  box-sizing: border-box;
  margin: 5px 0 5px 0; padding: 0 0 0px 0;
  font-weight: bold;
  border-bottom: 0px solid #38598a !important;
  /*font-family: Myriad-Pro, Calibri, Arial, 'sans serif';*/
  font-family: BCSans-Regular, Myriad-Pro, Calibri, 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.1em; line-height: 1.15em;}
#mainCol div.Feature a {color: #fff; text-decoration: underline;}
#mainCol div.Feature a:hover {text-decoration: none;}

a.btn {
	margin: 10px 0 0 0 !important; /*padding: 8px 20px 5px 20px !important;*/
  padding: 5px 10px;
	border: 1px solid #f6f6f6 !important;
	background-color: #2a4976 !important;
  /*background-color: #38598a;*/
  color: #fff !important;
  /*
	text-transform: uppercase !important;
  */
	line-height: 20px !important;
	text-decoration: none !important;
}
#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;
}
a.btn:hover {
	background-color: #036 !important;
	text-decoration: none !important;
}

#Reservations .buttons {
  float:  none;
  width:  188px;
  margin: 0 11px 15px 20px;
}

div.accessibility-info {
  /*
  position: relative; top: 3px;
  */
  float:  right;
  min-width:  188px; height: 30px;
  margin-top:  5px;
  line-height: 28px; vertical-align: baseline;
}
div.accessibility-info a {
  text-decoration: none;
}
div.accessibility-info a img {
  width: 28px; margin-top: 2px;
}

html body div#container div#content a.btn.gold {
  min-width:  188px;
  padding-top: 5px;
  background-color: #e3a82b !important; color: #036 !important;
  border: 1px outset #b68318 !important;
  /*
  border: 2px outset #234075 !important;
  */
  border-radius: 6px;

  font-weight: 525; font-size: 16px; font-family: BCSans-Regular; line-height: 16px;  
}
html body div#container div#content a.btn.gold:hover {
  background-color: #f8be43 !important;
  text-decoration: none !important;
}
html body div#container div#content a.btn.gold img {
  position: relative; bottom: 1px;
  width: 30px !important; margin: 0 5px 0 0;
}

html body div#container div#content #sectParks div#mainCol div#rightCol a.btn.gold {
  position:  relative; right:  0px;
  float:  right;
  margin-bottom:  0px !important;
}










a.btn-light {
  min-width: 207px !important;
  margin: 0px 0 5px 0 !important; /*padding: 8px 20px 5px 20px !important;*/
  padding: 5px 10px !important;
  border: 1px solid #e9e9e9 !important;
  border-radius: 9px;
  box-shadow: inset 0 0 5px 2px #e9e9e9;
  -moz-box-shadow: inset 0 0 5px 2px #e9e9e9;
  -webkit-box-shadow: inset 0 0 5px 2px #e9e9e9;

  background-color: #f9f9f9 !important;
  color: #125080 !important;
  font-weight: 600;
  text-align:  center;
  text-transform: uppercase !important;
  line-height: 20px !important;
  text-decoration: none !important;
  white-space: nowrap;
  cursor:  pointer;

}
a.btn-light:hover {
  text-decoration:  none !important;
}
#rightCol a.btn-light.reservation:hover {
  text-decoration:  none !important;
}
a.btn-light span {
  color: #ffb000;
}
a.btn-light span.arrow {
  color: #125080;
  font-size:  1.2em;
}
#rightCol a.btn-light {
  display: inline-block;
  overflow:  visible;
  width:  207px;
  height:  32px;
  margin: 0 0 5px 0;

}

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



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




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




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

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

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

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


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

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


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





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

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

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




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

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

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

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


html body div#container div#content div#sectHome div#mainCol.col-sm-12 div.Feature.InBCParks div.Feature.wildfire-home {
  float: right;
  width: 49%;
  /* background-color: rga(255,255,255,.8); */
  background-color: #e3a82b;
  border: 1px solid #e3a82b;
  border-radius: 5px;
  padding: 30px;
  box-shadow: 30px;
}
html body div#container div#content div#sectHome div#mainCol.col-sm-12 div.Feature.InBCParks div.Feature.wildfire-home p{
  color: #0A1D3F;
}
html body div#container div#content div#sectHome div#mainCol.col-sm-12 div.Feature.InBCParks div.Feature.wildfire-home a{
  color: #036;
  font-size: 1.2em;
}

html body div#container div#content div#sectHome div#mainCol.col-sm-12 div.Feature.InBCParks div.Feature.wildfire-home h2 {
  color: #0A1D3F;
  text-shadow: none;
  font-size: 1.5em;
}





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





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


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

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




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

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


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


#content #sectHome {
  background-color: transparent;
  border: none;
}
#content #sectReserve {
  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;
  text-decoration: none;
}
#rightCol a:hover {text-decoration: underline !important;}

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


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





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

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

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

ul.parkList {margin-left: 0;}
ul.parkList li {background-image: none;}

ul#parkList li p span.comment {display: none;/* visibility: hidden; font-size: 0px;*/}
ul#parkList li span.park-status {
  float: left;
  min-width: 84px;
  padding-right: 2px;
  text-align: right;
}

ul li h4 {margin-top: 0;}

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

.twoCol #sectParks #mainCol {width: 100%;}
.twoCol #sectParks #leftCol.docked {
  position: fixed;
  top: 150px; right: 0px;
  z-index: 999;
  width: 260px !important;
  padding: 0 0 0px 20px !important;
  background-color: transparent;
  border: none !important;
}
html body div#container div#content.twoCol div#sectParks div#leftCol.docked #ctrlDock {
  display: block;
  position: absolute; 
  top: 20%;
  left: -1px;
  z-index: 500;
  /*
  background-image: url('/_shared/images/icons/docked-collapse.png');
  background-repeat: no-repeat;
  background-position: left 50%;
  */
  padding: 10px 5px 10px 5px;
  font-size: 25px;
  cursor: pointer;
  color: #fff;
  /*background-color: rgba(35,64,117,.85);*/
  background-color: rgba(227,168,43,.85);
  border-top-left-radius: 8px;
  border-bottom-left-radius: 8px;
  border-top: 1px solid rgba(35,64,117,.5);
  border-left: 1px solid rgba(35,64,117,.5);
  border-bottom: 1px solid rgba(35,64,117,.5);
  -moz-box-shadow:    -1px 2px 2px #000, -1px 2px 2px #000;
  -webkit-box-shadow: -1px 2px 2px #000, -1px 2px 2px #000;
  box-shadow:         -1px 2px 2px #000, -1px 2px 2px #000; 
  
}
html body div#container div#content.twoCol div#sectParks div#leftCol.docked #ctrlDock:not(.expanded) {
  left: 0px;
  transform: rotate(0deg);
}
html body div#container div#content.twoCol div#sectParks div#leftCol.docked #ctrlDock.expanded i.fas {
  position: relative;
  top: 1px;
  left: -1px;
  transform: rotate(180deg);
  margin-left: 2px;
  color: #fff;
}
html body div#container div#content.twoCol div#sectParks div#leftCol.docked #ctrlDock:not(.expanded) i.fas {
  left: -4px;
}
html body div#container div#content.twoCol div#sectParks div#leftCol.docked #ctrlDock i.fas.fa-caret-right {
  margin-left: 0;
}
html body div#container div#content.twoCol div#sectParks div#leftCol.docked #ctrlDock:hover i.fas {
  /*color: #e3a82b;*/
  color: #234075;
}
/*
.twoCol #sectParks #leftCol.docked #ctrlDock {
html body div#container div#content.twoCol div#sectParks div#leftCol.docked i#ctrlDock.fas {
html body div#container div#content.twoCol div#sectParks div#leftCol.docked i#ctrlDock.fas.fa-caret-left {
*/
.twoCol #sectParks #leftCol.docked #addThis {
  clear: both;
}
.twoCol #sectParks #leftCol.docked #ActFacil {
  clear: both;
  margin: 0 !important; padding-bottom: 5px;
  background-color: #eee;
  border-left: 1px solid rgba(35,64,117,.5);
  /*
  -moz-box-shadow:    1px 2px 2px #000, 1px 2px 2px #000;
  -webkit-box-shadow: 1px 2px 2px #000, 1px 2px 2px #000;
  box-shadow:         1px 2px 2px #000, 1px 2px 2px #000; 
  */
  -moz-box-shadow:    -1px 2px 2px #000, -1px 2px 2px #000;
  -webkit-box-shadow: -1px 2px 2px #000, -1px 2px 2px #000;
  box-shadow:         -1px 2px 2px #000, -1px 2px 2px #000; 
}
.twoCol #sectParks #leftCol.docked .parksNav {
  margin: 0 !important;
  padding-bottom: 5px;
  background-color: #eee;
  border: none;
  border-left: 1px solid rgba(35,64,117,.5);
  -moz-box-shadow:    1px 2px 2px #000, 1px 2px 2px #000;
  -webkit-box-shadow: 1px 2px 2px #000, 1px 2px 2px #000;
  box-shadow:         1px 2px 2px #000, 1px 2px 2px #000; 
}
.twoCol #sectParks #leftCol.docked .parksNav:last-child {
  border-bottom: 1px solid rgba(35,64,117,.5);
}
.twoCol #sectParks #leftCol.docked .parksNav h3 {margin-top: 0 !important;}



html body div#container div#content.twoCol div#sectParks div#mainCol div#Introduction.park-feature div.park-feature-content div#ActFac {
  float: right; clear: both;
  max-width: 300px;
  margin: 5px 0 15px 15px;
  padding: 5px 8px;
  background-color: #eee;
  border: 1px solid #ccc;
  border-radius: 5px;
}
html body div#container div#content.twoCol div#sectParks div#mainCol div#Introduction.park-feature div.park-feature-content div#ActFac h4 {display: none;}
html body div#container div#content.twoCol div#sectParks div#mainCol div#Introduction.park-feature div.park-feature-content div#ActFac h5 {font-weight: normal;}
html body div#container div#content.twoCol div#sectParks div#mainCol div#Introduction.park-feature div.park-feature-content div#ActFac div.icons {
  margin: 3px 0 5px 0;
}
html body div#container div#content.twoCol div#sectParks div#mainCol div#Introduction.park-feature div.park-feature-content div#ActFac div.icons img {
  margin: 0 2px 2px 0;
}
.twoCol #sectParks #leftCol.docked {
  /*display: none;
*/
}

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

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


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

div#container div#content.twoCol div#sectParks div#leftCol {
  /*
  float: left;
  */
  float: right;
  position: absolute; right: 0; top: 80px;
  width: 25%;
  min-width: 220px;
  margin: 0px 0px;
  padding: 0 15px 20px 15px;
  border: 0px solid #c9c9e3;

	/*width: 235px;*/
  line-height: normal;
	/*
	background-image: url(/_shared/images/parks/bg_parks_leftCol.jpg);
	background-repeat: repeat-x;
	*/
}

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

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

#ActFacil h3 {
  padding: 4px 15px 2px 7px;
  margin: 0;
  font-size: 16px;
  font-weight: 500;
  color: #fff;
  background-color: rgba(0, 51, 102, 0.8);  
}
#ActFacil h4 {
  margin: 0 0 6px 0;
  padding: 3px 0 3px 15px;
  font-weight: normal;
  color: #fff;
  background-color: #3f668e;
  background-image: url('/_shared/images/parks/right-arrow-white.png');
  background-repeat: no-repeat;
}

#ActFacil h3#inThisPark {
  width: 120%; height: 23px;
	margin-bottom: 7px; padding: 2px 0 0 5px;
  line-height: 22px; vertical-align: baseline;
  text-transform: none; font-size: 14px; font-weight: 500;
  color: #fff;
  /*
  background-image: url('/_shared/images/parks/bg_inThisPark.gif');
  */
  background-image: url('/_shared/images/backgrounds/bg_heading.png');
  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: none; font-size: 14px; font-weight: 500;
  color: #fff;
  background-image: url('/_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('/_shared/images/backgrounds/bg_heading.png');
  background-repeat: repeat-x;
}
.parksNav ul {margin: 0 0 10px 0px;}
.parksNav li {margin-bottom: 0px; padding-left: 0 !important;}
.promoTile {margin-bottom: 0px;}
.promoTile img {margin-bottom: 15px;}
.promoBanner {margin: 15px 0 0 0;}

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


#sectParks .park-feature {
  clear: both;
  width: 100%;
  margin: 10px 0 10px 0px;
  padding: 0px;
  border-radius: 5px;
}
#sectParks .park-feature#Introduction .park-feature-content {border: none;}
#sectParks .park-feature p {margin: 0px 0 10px 0; padding-top: 0px;}
#sectParks .park-feature ul {margin-top: 5px; margin-bottom: 7px;}
div.park-feature div.park-feature-content {
  padding: 8px 10px;
  border: 1px solid #c9c9e3;
}


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

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

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

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

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




div#public-advisory div.park-feature-content {
  display: block;
  position: relative; bottom: 3px;
  margin-top: 0;
  padding: 8px 10px 10px 5px;
  border-top: 1px solid #e3a82b;
  border-bottom: 1px solid #e3a82b;
  border-right: 1px solid #e3a82b;
  border-left: 1px solid #e3a82b;
  background-color: rgba(227,168,43,.25);

  border-top-right-radius: 5px;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
  -moz-box-shadow:    1px 2px 2px #888, 1px 2px 2px #888;
  -webkit-box-shadow: 1px 2px 2px #888, 1px 2px 2px #888;
  box-shadow:         1px 2px 2px #888, 1px 2px 2px #888; 
}
div#container div#content.twoCol div#sectParks div#mainCol div#public-advisory.park-feature div.park-feature-content h4 {
  margin-left: 0px;
  border-top: 1px solid #ccc;
}
div#public-advisory div.park-feature-content ul {
  padding: 0 10px;
  margin-left: 0px;
}
div#public-advisory div.park-feature-content ul li {
  overflow: visible;
  padding-bottom: 5px;
}
div#public-advisory div.park-feature-content ul li.reopen {
  padding-left: 22px;
  background-image: url('/_shared/images/icons/icon-calendar-2.png');
  background-repeat: no-repeat;
  background-size: 20px 16px;
  background-position: 0px 4px;
}

li.warning {
  margin-left: 0;
  padding-left: 20px;
  list-style-image: none;
  list-style-type: none;
  background-image: url('/_shared/images/icons/icon-exclamation-triangle-border.png');
  background-repeat: no-repeat;
  background-size: 14px 14px;
  background-position: 0px 5px;
  
}
div#public-advisory div.park-feature-content ul li.xalert { /*Strapi-based alert*/
  margin-bottom:  10px;
  background-image: url('/_shared/images/icons/strapi.svg');
  background-repeat: no-repeat;
  background-position: right 18px;
  background-size: 16px 16px;
  /*
  content: '<img src="/_shared/images/icons/strapi.svg" title="Strapi-based alert">';
  */
}
div#public-advisory div.park-feature-content ul li.spalert { /*SharePoint-based alert*/
  margin-bottom:  10px;
  background-image: url('/_shared/images/icons/sharepoint.svg');
  background-repeat: no-repeat;
  background-position: right 16px;
  background-size: 22px 22px;
  
  /*
  content: '<img src="/_shared/images/icons/sharepoint.svg" title="SharePoint-based alert">';
  */
}
div#public-advisory div.park-feature-content ul li { /*hard-coded alert*/
  margin-bottom: 0px;
  /*
  background-image: url('/_shared/images/icons/sharepoint.svg');
  background-repeat: no-repeat;
  background-position: right 16px;
  background-size: 22px 22px;
  */
}
div#public-advisory div.park-feature-content ul li.warning {
  /*
  padding-left: 18px;
  background-image: url('/_shared/images/icons/icon-exclamation-triangle-border.png');
  background-repeat: no-repeat;
  background-size: 16px 16px;
  background-position: 0px 4px;
  */
}
div#public-advisory div.park-feature-content ul li h5.warning {
  padding-left: 18px;
  background-image: url('/_shared/images/icons/icon-exclamation-triangle-border.png');
  background-repeat: no-repeat;
  background-size: 16px 16px;
  background-position: 0px 4px;
}
div#public-advisory div.park-feature-content ul:first-child li {
  padding-bottom: 5px;
  /*
  border-top: 1px solid #ccc;
  */
}
div#container div#content.twoCol div#sectParks div#mainCol div#public-advisory.park-feature div.park-feature-content ul li:first-child {border: none;}
div#container div#content.twoCol div#sectParks div#mainCol div#public-advisory.park-feature div.park-feature-content ul li ul li {border: none !important;}
div#public-advisory div.park-feature-content ol li {border: none;}
div.park-feature-content ul li time {
  float: right;
  margin: 0 0 10px 10px;
  font-size: 0.9em; color: #036;
}
div.park-feature-content ul li time.hidden {display: none;}
div#public-advisory div.park-feature-content img.notice-photo {
  float: right;
  max-width: 300px;
}

.accCtrlPF {
  clear: both; float: left;
  margin: 0 0 5px 0;
  padding: 2px 4px;
  font-size: 0.9em;
  border: 1px solid #c9c9e3;
  background-color: #f1f1f3;
}

div#sectParks div#mainCol div.park-feature h3 {
  margin: 15px 0 0px 0 !important;
  padding: 5px 8px 3px 10px;
	text-indent: 0px; 
  /*
  margin: 0 0 .6em 0;
  border-bottom: 1px solid #ddd;
  */
  background-color: #f1f1f3;
  border: 1px solid #c9c9e3;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
  cursor: pointer;
  background-image: url('/_shared/images/icons/park-feature-expand.png');
  background-repeat: no-repeat;
  background-position: 99% 50%;
}
div#sectParks div#mainCol div.park-feature h3:hover {
  background-color: #dbdbed;
}
div#sectParks div#mainCol div.park-feature h3.expanded {
  background-image: url('/_shared/images/icons/park-feature-collapse.png');
}

div#sectParks div#mainCol div.park-feature#Introduction h3 {display: none;}

#sectParks #Reservations h3 {
	text-indent: 0; margin: 15px 0; 
	background-image: none;
	border: none;
}
div#sectParks div#mainCol div.park-feature h3 img.feature-toggle {
  float: right;
  display: inline;
  position: relative; bottom: 2px;
  margin: 5px 10px 0 10px;
  width: 16px; height: 16px;
}

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

#sectParks #parkPhotosNoFlash {clear: both;}


#reservations-launch {
  font-size: 1em;
}

#reservations-launch dl dt {
  font-size: 1.05em;
}
#reservations-launch dl dd table.gov3 td {
  border: 1px solid #234075 !important;
}


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

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

img.photo-float {
  float: right;
  max-width: 300px;
  margin: 0 0 15px 15px;
  border-radius: 10px;
}
div.photo-set {
}
div.photo-set div {
  float: left; overflow: hidden;
  margin: 0 10px 10px 0;
  width: 200px; height: 150px;
  border-radius: 10px;
}
div.photo-set div img {
  max-width: 100%;
}
#public-advisory .photo-set div {
  max-width: 200px;
}

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

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

div.park-feature img.park_photo {
	float: right; clear: both;
	max-width: 300px;
	margin: 0px 0 10px 5px;} /* simple park photo */
img.park_photo2 {
	float: right; clear: both;
	margin: 0px 0 10px 5px;
	border-radius: 10px;
} /* simple park photo */
div.park_photo2 {
	float: right; clear: both;
	margin: 0px 0 10px 15px;
}
div.park_photo2 img {
	width: 300px;
	margin: 0px 0 0px 5px;
	border-radius: 10px;
}
div.park_photo { /* park photo with gallery button */
  float: right; clear: none;
  width: 300px;
  /*
  width: 300px;
  width: 260px;
  */
  margin: 0px 0 10px 10px;
}
div.park_photo img.park_photo {
  width: 300px;
  /*
  width: 300px;
  width: 260px;
  */
  border-radius: 10px;
}
html body div#container div#content div#sectParks div#mainCol div#Introduction.park-feature div.park-feature-content div.caption.park_photo a img.park_photo {
  
  width: 300px;
  /*
  width: 260px;

  */
	margin-bottom: 0px;
	border-radius: 10px;
}
div.park_photo img[src*='btn_photoGalleryMore.jpg'] {
  display: none;
}
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;
}
img.doc-shadow {
  -moz-box-shadow:    1px 1px 3px #888, 1px 1px 3px #888;
  -webkit-box-shadow: 1px 1px 3px #888, 1px 1px 3px #888;
  box-shadow:         1px 1px 3px rgba(0,0,0,.5), 1px 1px 3px rgba(0,0,0,.5);
}

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


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

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

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

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

div#parkListTOC.park-index-toc {
  margin: 15px 0 15px 0;
}
div#parkListTOC.park-index-toc .accIndex a {
  margin: 0; padding: 3px 6px;
  background-color: #234075; color: #e3a82b;
  border-right: 1px solid #fff;
}
div#parkListTOC.park-index-toc .accIndex a:hover {
  background-color: #e3a82b; color: #234075;
}


dl#parkList {margin: 0;}

dl#parkList dt {
  margin: 0; padding: 3px 3px 3px 10px;
  font-size: 1.3em; font-weight: normal;
  background-color: #efefef; border: 1px solid #dfdfdf;
}
dl#parkList dd {
  padding-left: 3px;
}

dl#parkList dd p {
  margin: 0 !important; padding: 0px 0 4px 38px; text-indent: -35px; line-height: 16px;
}
dl#parkList dd p span.orcs_site {visibility: hidden; float: right; font-size: 0.8em;}
dl#parkList dd p img.iconClosure {width: 16px;}
dl#parkList dd p img.park-type-icon {width: 16px;}
dl#parkList dd p span.alias {visibility: hidden;}
dl#parkList dd p span.comment {display: none;}


ul#parkList {
  margin: 0;
}
ul#parkList li {
  margin: 0; padding: 2px 0 5px 0;
  background: none !important;
  border-top: 0px solid #ccc;
  list-style-image: none;
  list-style-type: none;
}
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;
}
html body.theme-2019 div#container.feature-page-2018.container-fluid div#content.twoCol div#sectHome div#mainCol div.content-white ul#parkList.accContent li {
  display: none;
}
html body.theme-2019 div#container.feature-page-2018.container-fluid div#content.twoCol div#sectHome div#mainCol div.content-white ul#parkList.accContent li p {
  margin: 0;
  /*
  padding: 0px 0 4px 38px;
  text-indent: -35px;
  */
  padding: 0px 0 4px 10px;
  text-indent: 0px; line-height: 16px;
}
ul#parkList li p span.orcs_site {visibility: hidden; float: right; font-size: 0.8em;}
ul#parkList li p img {position: relative; top: 0px;}
ul#parkList li p img.iconClosure {
  width: 18px;
  margin: 0 0px 0 1px;
}
ul#parkList li p img.park-type-icon {
  width: 18px;
  margin: 0 0px 0 1px;
}
ul#parkList li p span.parkListSub {padding: 5px 0 5px 15px; display: block;}
ul#parkList li p span.alias {visibility: hidden;}
ul#parkList li p span.comment {display: none;}


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

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

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

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

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

#mainCol #parksFireUpdate {float: right;}

#parkList p a.fireban:after {
  /*
  content: url('/_shared/images/fireNotice/iconFireBan_13.png');
	background-image: url('/_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;
  width: 18px;
  margin: 0 0px 0 1px;
}
#parkList p img.iconClosure {
  position: relative; top: 0px;
  line-height: 13px; vertical-align: bottom;
  width: 18px;
  margin: 0 0px 0 1px;
}
#parkList p img.iconAlert {
	position: relative; top: 0px;
  line-height: 13px; vertical-align: bottom;
	margin-right: 3px;
}
#parkList p img.park-alert {
  position: relative; bottom: 1px;
	width: 16px;
	margin-right: 2px;
  line-height: 13px; vertical-align: middle;
}

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

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


.park-index-legend {
  display: block;
  float: right;
  height: 50px;
  overflow: visible;
}
.park-index-legend div {
  width: 180px; margin: 15px 0 0 0; padding: 3px 5px 3px 5px;
  vertical-align: middle; 
  border: 1px solid #ccc; background-color: #eee; line-height: 17px;
  float: none; clear: none;
  position: relative; bottom: 10px;
  text-align: left; white-space: nowrap;
}
.park-index-legend div img {width: 20px;}
.park-index-legend div img.iconFireBan {
  position: relative; top: 0px;
}

.legend.covid {
  float: none;
  width: 210px;
  background-color: transparent;
  border: none;
}
.legend.covid h5 {
  display: none;
  font-weight: normal;
  text-align: center;
}
.legend.covid div {
  bottom: 0;
  width: auto;
  margin: 0;
  text-align: left;
  white-space: nowrap;
  font-size: 0.95em;
}
.legend.covid img {
  width: 18px;
}
.legend.covid img.icon-reopen {
  margin-right: 2px;
}

#park-index-container {clear: both;}
#park-index dt {
  margin: 0;
  padding: 2px 15px;
  text-align: left;
  background-color: #036; color: #fff;
  font-weight: normal;
  border: 1px solid #ccc;
}
#park-index dt:hover {
  background-color: #234075;
  cursor: pointer;
}
#park-index h3 {
  margin: 0;
  padding: 2px 15px;
  text-align: left;
  background-color: #036; color: #fff;
  font-weight: normal;
}
#park-index table {width: 100%;}
#park-index table tr th {
  background-color: #036;
}
#park-index table tr th.head2 {background-color: #38598a;}
#park-index table td {
  border-top: none; border-right: none; border-left: none;
  border-bottom: 1px solid #ccc;
}
#park-index table td:first-child {max-width: 350px;}
#park-index table tr:last-child td {border-bottom: 0px solid #ccc;}
#park-index table td.park-name {
  width: 400px;
  max-width: 400px;
  text-indent: -30px; padding-left: 30px;
}
#park-index table td.park-status {width: 20px;}

/*
#park-index table td:hover {
  background-color: #e3a82b;
}
*/
#park-index table td a {
  text-decoration: none;
}
#park-index table td a:hover {
  text-decoration: underline;
}
#park-index table td img.park-type-icon {width: 20px;}
html body div#container div#content div div#mainCol div#park-index-container dl#park-index.accordion dd table tbody tr td img {
  width: 20px;
  margin-right: 1px;
}

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


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

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


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

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

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



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

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

#sectParks #mainCol table.hours td { font-size: .94em; padding: 5px;}
#sectParks #mainCol table.hours td img.icon-accessibility {
  float: right; height: 20px;
}
#sectParks #mainCol table.hours td svg.fa-envira {
  float: right;
  width: 20px; height: 20px;
  color: #234075;
}
#sectParks #mainCol table.hours td i.fa-envira {
  float: right;
  width: 20px; height: 20px;
  color: #234075;
}
table.park-sub-dates td svg.fa-envira {
  float: right;
  width: 15px; height: 15px;
  color: #234075;
}
table.park-sub-dates td i.fa-envira {
  float: right;
  width: 15px; height: 15px;
  color: #234075;
}

#sectParks #mainCol table.hours th h4 {display: none;}
html body div#container div#content div#sectParks div#mainCol div#operating-dates.park-feature h3 {margin-bottom: 0;}






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

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

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

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


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




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

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

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

#dateEst {
  clear: both; 
}
#erSize {
  clear: both;
  margin-bottom: 15px;
}


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

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


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

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


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










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

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

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

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

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

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

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

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


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

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

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


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

#mainCol #parks100 {background: url(/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(/BCParks100/images/ourPartnersHeading.gif) no-repeat; width: 400px; height: 50px;
}

.parks100Partners  p {}

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



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

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


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



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


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

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

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

img, a img {border: none;}
img.photoWide{border:#1B798D 1px solid; margin-bottom: .3em;}
img.photo {border-radius: 10px;}
.floatRight {float: right; clear: both; width: auto; margin: 0 0 15px 15px;} /* used for photos and other floating elements */
.float-right {float: right; clear: both; width: auto; margin: 0 0 15px 15px;} /* used for photos and other floating elements */
.float-left {float: left; clear: both; width: auto; margin: 0 15px 15px 0;} /* 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 ----------------------- */
div.scroll {
  overflow: scroll;
  border: 1px solid #ccc;
}
div.table-container {
  width: 100%; max-height: 900px;
  overflow: auto;
}
table.gov3 {
  width:  100%;
}
table.gov3 th {
	padding: 3px 6px;
	font-weight: normal; text-align: center;
  background-color: #38598a; color: #fff;
	border: 1px solid #ccc;
}
table.gov3 th.head1 {
	padding: 5px;
	background-color: rgb(0, 51, 102);
}
table.gov3 th.head3 {
  padding: 5px;
  background-color: rgb(71, 106, 159);
}
table.gov3 th .note {color: #fff;}
table.gov3 td {
	padding: 3px 6px;
	border: 1px solid #ccc;
}
table.gov3 th a {color: #fff;}

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


table.stdMed {width: 60%;}

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




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





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





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

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

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


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

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

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


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



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













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

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

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





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

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

#container_content {vertical-align: top;}




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


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


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

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

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

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

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

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

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



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

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


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

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


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

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




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

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

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

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



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




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

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

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


  .park-feature .park-feature-content {display: block !important;}

}



/* 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('/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('/_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;
  padding: 0;
  background-color: #38598a; color: #e3a82b;
  text-decoration: none !important;
  font-size: 1.05em;
}
div.accCtrl a {
  padding: 2px 5px;
  text-decoration: none !important;
  color: #e3a82b;
}
div.accCtrl a:first-child {border-right: 1px solid #fff;}
div.accCtrl a:hover {
  background-color: #e3a82b; color: #234075;
  /*background-color: #ccc; text-decoration: underline;*/
}

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

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

dl.accordion.faq dt {margin-left: 20px;}
dl.accordion.faq dd p {margin-left: 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('/_shared/images/bullet_arrow.png') no-repeat scroll 0 11px transparent;
}
dl.groundsForRefund dd {
	margin: 0; padding: 5px 0 5px 15px;
}


/*--==Operating Dates Summary==--*/


#email-sample {
  position: fixed;
  color: #000;
  top: 145px;
  left: 15px;
  border: 1px solid #e3a82b;
  padding: 5px 15px;
  z-index: 1000;
  text-align: left;
  background-color: rgba(227,168,43,.95);
  display: none;
  border-radius: 5px;
  box-shadow: 1px 2px 2px #888, 1px 2px 2px #888;
}

html body div#container div#content div div#mainCol div.content-white div#operating-dates-summary {
  text-align: center;
  overflow: scroll;
}
html body div#container div#content div div#mainCol div.content-white div#operating-dates-summary table.gov3 {
  display: block;
  margin: 15px auto;
  width: auto; max-width: 700px !important;
  font-size: 0.9em;
  /*
  overflow: scroll;
  */
  scroll-behavior: auto;
}
@media print {
  html body div#container {width: 100%; margin: 0 !important; padding: 0 !important;}
  html body div#container div#content  {width: 100%; margin: 0 !important; padding: 0 !important;}
  html body div#container div#content div {width: 100%; margin: 0 !important; padding: 0 !important;}
  html body.theme-2019 div#container.feature-page-2018.container-fluid div#content.oneCol div#sectHome div#rightCol.col-sm-3 {display: none;}
  html body.theme-2019 div#container.feature-page-2018.container-fluid div#content.oneCol div#sectHome div#mainCol {width: 100% !important; margin: 0 !important; padding: 0 !important;}
  html body div#container div#content div div#mainCol div.content-white {width: 100%; margin: 0 !important; padding: 0 !important;}
  html body div#container div#content div div#mainCol div.content-white div#operating-dates-summary table.gov3 {
    width: 100% !important; max-width: 100% !important;
    margin: 0 !important;
    border: 1px solid #888;
  }
  #page-title {box-shadow: none;}
  html body div#container div#content div div#mainCol div.content-white div#operating-dates-summary table.gov3 td {border: 1px inset #bbd5fd;}

  html body div#container div#content div div#mainCol div.content-white div#operating-dates-summary table.gov3 tbody tr td table.park-sub-dates tbody tr th {
    border: 1px solid #ccc;
  }
  html body div#container div#content div div#mainCol div.content-white div#operating-dates-summary table.gov3 tbody tr td table.park-sub-dates {width: 100%;}
  html body div#container div#content div div#mainCol div.content-white div#operating-dates-summary table.gov3 tbody tr td table.park-sub-dates tbody tr td {
    border: 1px solid #ccc;
  }
}
html body div#container div#content div div#mainCol div.content-white div#operating-dates-summary table.gov3 tbody {
  
}
html body div#container div#content div div#mainCol div.content-white div#operating-dates-summary table.gov3 th {
  border: 1px inset #234075;
}
html body div#container div#content div div#mainCol div.content-white div#operating-dates-summary table.gov3 td {
  vertical-align: top;
}
html body div#container div#content div div#mainCol div.content-white div#operating-dates-summary table.gov3 td:first-child {
  border-left: 1px inset #ccc;
  /*
  border-left: 1px inset #bbd5fd;
  */
}
html body div#container div#content div div#mainCol div.content-white div#operating-dates-summary table.gov3 td:last-child {
  border-right: 1px inset #ccc;
  /*
  border-right: 1px inset #bbd5fd;
  */
}
html body div#container div#content div div#mainCol div.content-white div#operating-dates-summary table.gov3 th.head3 {
  text-align: left;
  font-weight: normal; font-size: 1.2em;
  background-color: #234075;
  border-top: 1px inset #234075;
  border-right: 1px inset #234075;
  border-bottom: 1px inset #234075;
  border-left: 1px inset #234075;
}
html body div#container div#content div div#mainCol div.content-white div#operating-dates-summary table.gov3 th.head3 a {color: #fff; text-decoration: none;}
html body div#container div#content div div#mainCol div.content-white div#operating-dates-summary table.gov3 th.head3 a:hover {text-decoration: underline;}
html body div#container div#content div div#mainCol div.content-white div#operating-dates-summary table.gov3 th.col1 {/*width: 75px;*/}
html body div#container div#content div div#mainCol div.content-white div#operating-dates-summary table.gov3 th.col2 {/*width: 75px;*/}
/*
html body div#container div#content div div#mainCol div.content-white div#operating-dates-summary table.gov3 th.col3 {min-width: 150px;}
html body div#container div#content div div#mainCol div.content-white div#operating-dates-summary table.gov3 th.col4 {min-width: 100px;}
html body div#container div#content div div#mainCol div.content-white div#operating-dates-summary table.gov3 th.col5 {min-width: 100px;}
html body div#container div#content div div#mainCol div.content-white div#operating-dates-summary table.gov3 th.col6 {min-width: 100px;}
html body div#container div#content div div#mainCol div.content-white div#operating-dates-summary table.gov3 th.col7 {min-width: 100px;}
*/
html body div#container div#content div div#mainCol div.content-white div#operating-dates-summary table.gov3 td {padding: 0;}
html body div#container div#content div div#mainCol div.content-white div#operating-dates-summary table.gov3 td table.park-sub-dates {border: none; }
html body div#container div#content div div#mainCol div.content-white div#operating-dates-summary table.gov3 td table.park-sub-dates {width: 100%;}
html body div#container div#content div div#mainCol div.content-white div#operating-dates-summary table.gov3 td table.park-sub-dates tbody tr th {
  min-height: 20px; white-space: nowrap;
  background-color: #efefef; color: #333;
  /*
  background-color: #d9e8fd; color: #036;
  border-color: #bbd5fd;
  */
  border-color: #ccc;
  border-top: none;
  border-bottom: none;
  border-left: none;
}
html body div#container div#content div div#mainCol div.content-white div#operating-dates-summary table.gov3 td table.park-sub-dates tbody tr th:last-child {
  border-right: none;
}
html body div#container div#content div div#mainCol div.content-white div#operating-dates-summary table.gov3 td table.park-sub-dates tbody tr th.col1 {width: 39%; min-width: 190px;}
html body div#container div#content div div#mainCol div.content-white div#operating-dates-summary table.gov3 td table.park-sub-dates tbody tr th.col2 {width: 30% !important;}
html body div#container div#content div div#mainCol div.content-white div#operating-dates-summary table.gov3 tbody tr td table.park-sub-dates tbody tr th.col2 {width: 30% !important;}
html body div#container div#content div div#mainCol div.content-white div#operating-dates-summary table.gov3 td table.park-sub-dates tbody tr th.col3 {width: 30% !important;}


html body div#container div#content div div#mainCol div.content-white div#operating-dates-summary table.gov3 tbody tr td table.park-sub-dates tbody tr td {
  border-top: none; border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; border-left: none;
  text-align: center; white-space: nowrap;
}

div#operating-dates-summary table.park-sub-dates tr td:first-child {min-width: 80px; text-align: left;}

/*--==Operating Dates Summary==--*/




/*--==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;
  list-style-image: none;
  list-style-type: none;
} /* font-size set to 11 to reset size */
#leftCol #primaryMenu ul li {background-color: #dfdfdf; font-weight: normal;} /*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.urgent {
  color: #0A1D3F !important;
  background-color: #e3a82b !important;
}
#leftCol #primaryMenu ul li a.urgent:hover {
  color: #0A1D3F !important;
  background-color: #f8be43 !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 {
	
}
#leftCol #primaryMenu ul li.subMenu ul li.subMenu a.expanded {
	
}
#leftCol #primaryMenu ul li.subMenu ul li.subMenu ul li.subMenu a.expanded {
	
}
#leftCol #primaryMenu ul li.subMenu ul li.subMenu ul li.subMenu ul li.subMenu a.expanded {
	
}
#leftCol #primaryMenu ul li.subMenu ul li.subMenu ul li.subMenu ul li.subMenu ul li.subMenu a.expanded {
	
}

#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-family: BCSans-Regular, Myriad-Pro, Calibri, sans-serif;
  font-size: 12px;
	
}
form select {font-size: 11px !important;}
form input.file {display: inline; font-size: 0.95em; height: 21px;}
form ol#attachments {margin: 0 0 5px 0;}
form ol#attachments li {margin-left: 0; list-style-type: none;}
form ol#attachments li button {font-size: 0.85em; width: 20px; height: 21px; padding: 0 3px 0 3px;}
form img.ctrlAtt {display: inline; cursor: pointer; position: relative; top: 0px; margin-left: 15px;}
form div.attAdd {color: #009d4f; font-size: 0.95em; cursor: pointer;}
form div.attAdd:hover {text-decoration: underline;}
form .footnote {margin: 10px 15px 15px 0px; padding-left: 15px; text-indent: -11px; border-top: 1px solid #888;}
.footnote {margin: 10px 15px 15px 0px; padding-left: 15px; text-indent: -11px; border-top: 1px solid #888;}
.footnote-ref {font-size: 0.85em; position: relative; bottom: .3em;}
form .submit {
	margin-top: 20px; padding-top: 10px;
	border-top: 1px solid #ccc; text-align: center;
}


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

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




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



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





/*--==News==--*/
dl.newsList {margin: 10px 0 20px 0;}
dl.newsList dt {
	color: #3a4e7e; font-weight: normal; font-size: 1em;
	margin: 10px 0 5px 0px; padding: 0px; border-top: 1px dotted #eee;
	cursor: pointer; text-decoration: none;
}
dl.newsList dt:hover {text-decoration: none; color: #2A5FFF}
dl.newsList dt .dt {
  float: right; display: block;
  margin-left: 15px;
  font-size: .85em; 
  /*color: #888;*/
}
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;}
html body div#container div#content div div#mainCol div.content-white div#videoGallery.s735 div#videoIndex div {width: 19%;}
html body div#container div#content div div#mainCol div.content-white div#videoGallery.s735 div#videoIndex img {width: 19.65%; height: .7%;}
#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(/_shared/css/border-radius.htc);*/
}
#mainCol #videoGallery #parkLink a:hover {color: #ffffff; background-color: #2a3a60; text-decoration: none;}


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

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

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

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



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

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

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

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

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



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

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

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

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


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


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

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

#park-list th.status {width: 50px;}
#park-list th.park-name {}
#park-list td.park-name {
  padding-left: 23px;
  text-indent: -19px;
}

table th.filter {background-color: #fff; font-style: italic;}

dl#feature-covid-19 dt h4 {
  padding: 0;
  font-size: 1em;
}

div#covid-19-status table {
  width: 100%;
  font-size: 0.9em;
}
div#covid-19-status table#park-list td.status {
  width: 70px;
  padding-left: 10px;
  text-align: left;
}
div#covid-19-status table#park-list td.status img {
  display: inline;
}
html body.theme-2019 div#container.feature-page-2018 div#content div div#mainCol div div#covid-19-status table#park-list tbody tr td.status img.icon-status.icon-warning {
  margin-bottom: 2px;
}
div#covid-19-status table td.park-name {
  
}
div#covid-19-status table td .alias {visibility: hidden; float: right;}
div#covid-19-status table td img.park-type-icon {
  width: 16px;
  margin: 0 3px 0 0;
}
div#covid-19-status table td img.icon-status {
  width: 18px;
  margin: 0 3px 0 0;
}
div#covid-19-status table td.region {
  white-space: nowrap;
  text-align: left;
  cursor: help;
}
div#covid-19-status table td.note {
  padding: 3px 0 0 25px;
  text-align: left;
  white-space: nowrap;
  cursor: help;
}
div#covid-19-status table td.note.active {
  background-color: #bdd7f0;
  color: #333;
}
div#covid-19-status table td.note img {
  width: 16px; height: 16px;
  filter: invert(21%) sepia(52%) saturate(956%) hue-rotate(184deg) brightness(96%) contrast(93%);
}
.feature-box.covid-19 h4 {
  padding-bottom: 5px !important;
}
.feature-box.covid-19 ul {
  margin-top: 0 !important;
}

ul.closure-list {
  margin-left: 10px;
  font-size: 0.9em;
}
ul.closure-list li {
  background: none; padding-left: 0;
}


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

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


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




ul li.closure-full {
  padding-left: 0px !important;
  margin-left: -3px;
  background: none;
  list-style-image: none;
  list-style-type: none;
  /*
  padding-left: 20px !important;
  margin-left: -5px;
	background-image: url('/_shared/images/icons/icon-closure-full.png?v=2018'); background-repeat: no-repeat;
	background-position: 0px 4px;
  background-size: 16px 16px;
  */
}
ul li.closure-partial {
  padding-left: 0px !important;
  margin-left: -3px;
  background: none;
  list-style-image: none;
  list-style-type: none;
  /*
  padding-left: 20px !important;
  margin-left: -5px;
	background-image: url('/_shared/images/icons/icon-closure-partial.png?v=2018'); background-repeat: no-repeat;
	background-position: 0px 4px;
  background-size: 16px 16px;
  */
}
ul li.park-alert {
	padding-left: 0px !important;
  margin-left: -3px;
  background: none;
  list-style-image: none;
  list-style-type: none;
  /*
  padding-left: 20px !important;
  margin-left: -5px;
	background-image: url('/_shared/images/icons/icon-exclamation-triangle.png?v=2018'); background-repeat: no-repeat;
	background-position: 0px 4px;
	background-size: 16px 16px;
  */
}
ul li.park-hazard {
  padding-left: 20px !important;
  /*
  background-image: url('/_shared/images/icons/icon-exclamation-triangle-border.png?v=2018'); background-repeat: no-repeat;
  background-position: 0px 4px;
  background-size: 16px 16px;
  */
}
img.closure-full, img.closure-partial, img.park-hazard, img.park-alert {
  width: 16px; height: 16px;
  margin: 0 3px 1px 0;
}



#wildfire-notice .closure-full .note {font-size: 0.75em;}
#wildfire-notice .closure-partial .note {font-size: 0.75em;}
#wildfire-notice .evacuation-alert .note {font-size: 0.75em;}
#wildfire-notice .evacuation-order .note {font-size: 0.75em;}

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

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

}





  html body div#container div#content.twoCol div#sectParks div#mainCol div#public-advisory.park-feature div.park-feature-content ul li.reopen dl#reopening-dates {
  
  }
  html body div#container div#content.twoCol div#sectParks div#mainCol div#public-advisory.park-feature div.park-feature-content ul li.reopen dl#reopening-dates dt {
    
  }
  html body div#container div#content.twoCol div#sectParks div#mainCol div#public-advisory.park-feature div.park-feature-content ul li dl#reopening-dates dd
    padding: 0 !important;
  }
  html body div#container div#content.twoCol div#sectParks div#mainCol div#public-advisory.park-feature div.park-feature-content ul li dl#reopening-dates dd table#reopen-details tbody tr th.head1 {
    padding: 2px;
    background-color: rgba(56,89,138,1); color: #fff;
    border: 1px solid #c9c9e3 !important;
    font-weight: normal;
  }
  html body div#container div#content.twoCol div#sectParks div#mainCol div#public-advisory.park-feature div.park-feature-content ul li dl#reopening-dates dd table#reopen-details tbody tr th.head2 {
    padding: 2px 4px;
    /*background-color: #f5f5f5;*/
    background-color: rgba(56,89,138,.9); color: #fff;
    border: 1px solid #c9c9e3 !important;
    font-weight: normal;
  }
  html body div#container div#content.twoCol div#sectParks div#mainCol div#public-advisory.park-feature div.park-feature-content ul li dl#reopening-dates dd table#reopen-details tbody tr th.head2 .note {
    color: #fff;
  }
  html body div#container div#content.twoCol div#sectParks div#mainCol div#public-advisory.park-feature div.park-feature-content ul li dl#reopening-dates dd table#reopen-details tbody tr td {
    padding: 2px 4px;
    background-color: rgba(255,255,255,.45);
    border: 1px solid #c9c9e3;
    font-size: 0.85em;
  }






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









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

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

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


div#rightCol div.feature-box-container div.feature-box ul.icon-legend li {
  margin-left: 0 !important;
  white-space: nowrap;
  list-style-type: none !important;
  background: none !important;
}
div#rightCol div.feature-box-container div.feature-box ul.icon-legend li img {
  display: inline;
  width: 20px;
}
div.feature-box.legend-closure-home {
  float: none;
  width: auto;
  margin-left: 10px;
}
div.feature-box.legend-closure-home div {
  padding-left: 10px;
  white-space: nowrap;
}
html body div#container div#content div div#mainCol.col-sm-12 div.Feature.public-notice div.Feature div.legend-closure-home ul {
  margin: 0 0 0 -10px;
}

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

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



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

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

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



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







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







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


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




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





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





/*--==Licence Plate Program==--*/

#mainCol #page-title #breadcrumbs {
	clear: both;
	margin: 0 auto; padding: 15px 18% 10px 18%;
	text-align: left;
	
	background-color: rgba(0, 51, 102, 0);
	color: #fff;
}
#mainCol #page-title #breadcrumbs a {
	color: #fff;
}
#mainCol #page-title {
	position: relative;
	z-index: 3000;
	clear: both;
	background-color: rgba(0, 51, 102, 0.8);
	color: #fff;
}
#mainCol #page-title h1 {
	margin: 0 !important; padding: 5px 0 10px 0;
	text-shadow: 2px 2px 2px #000;
	/*background-color: rgba(0, 51, 102, 0.8);*/
	color: #fff;
}
html body div#container.feature-page-2018 div#content div div#mainCol .feature-photo-container {
  width: 100%; min-width: 280px;
}
html body div#container.feature-page-2018 div#content div div#mainCol #feature-photo {
  float: right; max-width: 35%; min-width: 280px;
}

html body div#container.feature-page-2018 div#content div div#mainCol #feature-photo.lp-feature-photo {
  height: 0px; z-index: 99999; overflow: visible; position: relative; top: 10px; right: 30px;
}
html body div#container.feature-page-2018 div#content div div#mainCol #feature-photo.lp-feature-photo img {
  min-width: 280px; max-height: 380px;
  -moz-box-shadow:    2px 2px 8px #000, 2px 2px 5px #000;
  -webkit-box-shadow: 2px 2px 8px #000, 2px 2px 5px #000;
  box-shadow:         2px 2px 8px #000, 2px 2px 5px #000;
}
html body div#container.feature-page-2018 div#content div div#mainCol #feature-photo img {
  width: 100%;
}
html body div#container.feature-page-2018 div#content div div#mainCol div.licence-plates-carousel {
  
}
#mainCol.licence-plates .Feature {

}
.Feature.licence-plates {
  max-width: 100% !important;
  padding-right: 15vw; padding-left: 15vw;
}

.feature-stats-container {
  z-index: 9999;
  float: left; position: relative; top: 5px; left: 5px;
  height: 0px;
}
.Feature.lp-feature-stats {
  width: 320px;
  padding: 20px 40px;
  text-align: left;
  font-size: 1.5em;
  line-height: 1.5em;
}
.Feature.lp-feature-stats ul {
  margin-left: 0px; padding-left: 0;
}
.Feature.lp-feature-stats ul li {
  padding-left: 0;
  list-style-type: none;
  background-image: none;
}

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

div.lp-project-list {
  margin-top: 25px;
  text-align: left;
}
div.lp-project-list ul {
  margin-left: 0;
  list-style-type: none !important;
}
div.lp-project-list ul li {
  clear: left;
  padding: 5px 0 0 0;
  list-style-type: none !important;
  list-style-image: none;
  background-image: none;
}
div.lp-project-list ul li a {
  color: #fff;
}
div.lp-project-list ul li img {
  float: left;
  width: 77px; height: 58px;
  margin: 0 10px 0 0;
  border-radius: 3px;
}
div.lp-project-list ul li img:hover {
  border: 1px solid #234075;
}
div.lp-project-list ul li p {
  margin-bottom: 0 !important;
}


#container.feature-page-2018 {
	width: 100% !important;
	margin-top: 0;
}
#container.feature-page-2018 #content {
	margin-top: 0; padding-top: 0;
	text-align: center;
}
#container.feature-page-2018 #content #mainCol {
	width: 100%;
	margin: 0 auto; padding: 0;
}
html body div#container.feature-page-2018 div#content div div#mainCol div.Feature.licence-plates div.feature-right.blue div.feature-box {
  text-align: left;
  background-color: rgba(0,51,102,.7) !important;
  -moz-box-shadow:    1px 1px 3px #000, 1px 1px 3px #000;
  -webkit-box-shadow: 1px 1px 3px #000, 1px 1px 3px #000;
  box-shadow:         1px 1px 3px #000, 1px 1px 3px #000;
}
html body div#container.feature-page-2018 div#content div div#mainCol div.Feature.licence-plates div.feature-right.blue h2 {
  margin: 0;
  padding: 8px 10px;
  font-size: 1.7em; background-color: #002142;
}
html body div#container.feature-page-2018 div#content div div#mainCol div.Feature.licence-plates div.feature-right.blue div.feature-box h5 {
  margin: 0;
  padding: 5px 10px;
}
html body div#container.feature-page-2018 div#content div div#mainCol div.Feature.licence-plates div.feature-right.blue div.feature-box ul {
  margin: 0 5px;
  padding: 2px 10px;
}
html body div#container.feature-page-2018 div#content div div#mainCol div.Feature.licence-plates div.feature-right.blue div.feature-box iframe {
  width: 88%;
  margin: 0 15px;

}
html body div#container.feature-page-2018 div#content div div#mainCol div.Feature div.intro div.feature-right.blue div.feature-box {
  background-color: rgba(0,51,102,.7) !important;
  -moz-box-shadow:    1px 1px 3px #000, 1px 1px 3px #000;
  -webkit-box-shadow: 1px 1px 3px #000, 1px 1px 3px #000;
  box-shadow:         1px 1px 3px #000, 1px 1px 3px #000;
}
html body div#container.feature-page-2018 div#content div div#mainCol div.Feature div.intro div.feature-right.blue div.feature-box h2 {
  margin: 0;
  padding: 8px 10px;
  font-size: 1.7em; background-color: #002040;
}
html body div#container.feature-page-2018 div#content div div#mainCol div.Feature div.intro div.feature-right.blue div.feature-box h5 {
  margin: 0;
  padding: 5px 10px;
}
html body div#container.feature-page-2018 div#content div div#mainCol div.Feature div.intro div.feature-right.blue div.feature-box ul {
  margin: 0 5px;
  padding: 2px 10px;
}
html body div#container.feature-page-2018 div#content div div#mainCol div.Feature div.intro div.feature-right.blue div.feature-box iframe {
  margin: 0 15px;
}

#container.feature-page-2018 #content #mainCol .Feature {
	width: 100%;
	margin: 0 auto 5px auto;
}

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

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


div.lp-home-buttons {
  /*float: right; max-width: 360px; padding: 0 15px;*/
  text-align: center;
}
div.intro div.lp-home-buttons {display: none;}
div.feature-images div.lp-home-buttons {display: block;}

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


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

div.feature-images .feature-slide.lp-feature-stats {
  position: relative; left: 6px;
  min-width: 345px; max-width: 360px;
  min-height: auto; max-height: auto;
  margin-left: 15px;
  padding: 15px 0 15px 0px;
  text-align: left;
  font-size: 1.2em;
}
div.feature-images .feature-slide.lp-feature-stats ul {
  width: 80%;
  margin: 0 auto;

}
div.feature-images .feature-slide.lp-feature-stats ul li {
  padding-left: 0;
  background-image: none;
  white-space: nowrap;
}

.Feature .project-profile {
	width: 75%;
	padding-left: 20%;
	text-align: left;
}
.Feature .project-profile .learn-more {
	
}
.Feature .project-profile .project-photo {
float: right;
margin: 0 0 15px 15px;
}
html body div#container.feature-page-2018 div#content div div#mainCol div.Feature.licence-plates div.feature-images {
  float: right;
  max-width: 25%;
  margin: 15px;
}
html body div#container.feature-page-2018 div#content div div#mainCol div.Feature.licence-plates div.feature-images .feature-slide {float: right;}
html body div#container.feature-page-2018 div#content div div#mainCol div.Feature.licence-plates div.feature-images div.feature-photo {
   width: 342px; min-width: 342px;
}
html body div#container.feature-page-2018 div#content div div#mainCol div.Feature.licence-plates div.feature-images div.feature-photo img {
  width: 100%;
  border-radius: 5px;
}
html body div#container.feature-page-2018 div#content div div#mainCol div.Feature.licence-plates div.feature-images div.feature-photo .caption {
  position: relative; bottom: 20px; left: 15px;
  text-align: left;
  color: #fff;
  text-shadow: 1px 1px 1px #000;
}

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

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


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

div.feature-left {
  float: left;
  max-width: 300px;
  margin: 0 0 15px 15px;
  margin: 0 15px 15px 0;
}


div.feature-left h2,div.feature-left h5 {
 padding-left:  8px;
}

div.feature-left.blue {
  text-align: left;
 /*background-color: rgba(0,51,102,.7) !important;*/
}



.feature-left div.feature-box {
    background-color: rgba(0,51,102,.7) !important;
    -moz-box-shadow: 1px 1px 3px #000, 1px 1px 3px #000;
    -webkit-box-shadow: 1px 1px 3px #000, 1px 1px 3px #000;
    box-shadow: 1px 1px 3px #000, 1px 1px 3px #000;
}

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

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

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

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

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





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

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








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







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









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








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

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

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

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

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


div#student-rangers-carousel.carousel.slide div.carousel-inner div.item div.custom-caption {
  padding: 8px 0 0 0 !important;
  font-size: 1.1em; font-weight: normal;
}
  
@media screen and (max-width: 850px) {
  /*#mainCol {min-height: 2500px;}*/
}
@media screen and (max-width: 560px) {
  /*#mainCol {min-height: 4800px;}*/
}
@media screen and (max-width: 425px) {
  /*#mainCol {min-height: 4800px;}*/
}
@media screen and (max-width: 400px) {
  /*#mainCol {min-height: 7500px;}*/
  #photo-gallery div.photo-container {width: 97%;}
}




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



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









/*--==[2019 Theme Adjustments]==--*/
html body.theme-2019 div#topNavContainer {
  -moz-box-shadow: 0px 0px 2px rgba(0,0,0,.4), 0px 0px 2px rgba(0,0,0,.4) !important;
  -webkit-box-shadow: 0px 0px 2px rgba(0,0,0,.4), 0px 0px 2px rgba(0,0,0,.4) !important;
  box-shadow: 0px 0px 2px rgba(0,0,0,.4), 0px 0px 2px rgba(0,0,0,.4) !important;
}
html body.theme-2019 div#topNavContainer nav.navbar {
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none;
}
html body.theme-2019 div#container {
  top: 90px;
}
html body.theme-2019 #content {
  border-radius: 0 !important;
}
html body.theme-2019 div#container div#content.oneCol div div#mainCol {
  float: none;
  margin: 10px auto;
  width: 65%; min-height: 680px;
  border: 0px solid red;
}
html body.theme-2019 div#container div#content.twoCol div div#mainCol {
  float: left;
  width: 65%; min-height: 680px;
  border: 0px solid red;
}
html body.theme-2019 #content #page-title {
  margin-bottom: 5px;
  width: 100%;
  position: relative;
  z-index: 3000;
  clear: both;
  background-color: rgba(0, 51, 102, 0.8);
  color: #fff;
  -moz-box-shadow: 2px 2px 8px rgba(0,0,0,.5), 2px 2px 5px rgba(0,0,0,.5);
  -webkit-box-shadow: 2px 2px 8px rgba(0,0,0,.5), 2px 2px 5px rgba(0,0,0,.5);
  box-shadow: 2px 2px 8px rgba(0,0,0,.5), 2px 2px 5px rgba(0,0,0,.5);
}
html body.theme-2019 #content #page-title h1 {
  margin: 0 !important;
  padding: 5px 0 10px 0;
  text-shadow: 2px 2px 2px #000;
  /*background-color: rgba(0, 51, 102, 0.8);*/
  color: #fff;
}
html body.theme-2019 #content .content-white #page-title {
  background-color: transparent;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none;
}
html body.theme-2019 #content .content-white #page-title h1 {
  color: #3a4e7e;
  text-shadow: none;
}
html body.theme-2019 #content #page-title #breadcrumbs {
  display: none;
  clear: both;
  margin: 0 auto;
  padding: 15px 18% 10px 18%;
  text-align: left;
  background-color: rgba(0, 51, 102, 0);
  color: #fff;
}
html body.theme-2019 #content #page-title #breadcrumbs a {
  color: #fff;
}
html body.theme-2019 div#container.feature-page-2018 div#content div div#leftCol {

  float: left;
  
  width: 15%; min-width: 200px;
  margin-right: 15px; padding: 0;
  -moz-box-shadow: 2px 2px 8px rgba(0,0,0,.4), 2px 2px 5px rgba(0,0,0,.4);
  -webkit-box-shadow: 2px 2px 8px rgba(0,0,0,.4), 2px 2px 5px rgba(0,0,0,.4);
  box-shadow: 2px 2px 8px rgba(0,0,0,.4), 2px 2px 5px rgba(0,0,0,.4);
}
html body.theme-2019 div#container.feature-page-2018 div#content div div#leftCol ul {
  text-align: left;
}
html body.theme-2019 div#container.feature-page-2018.container-fluid div#bottomNav {
  display: none;
  float: none;
  background-color: rgba(0, 51, 102, 0.75); color: #fff;
  text-align: left;
}
html body.theme-2019 div#container.feature-page-2018.container-fluid div#bottomNav ul {
  margin: 0; padding: 5px 0;
}
html body.theme-2019 div#container.feature-page-2018.container-fluid div#bottomNav ul li {
  margin-left: 10px; padding-left: 8px;
  list-style-type: none;
  background: none;
  background-color: rgba(0, 51, 102, 0.5);
}
html body.theme-2019 div#container.feature-page-2018.container-fluid div#bottomNav ul li:hover {
  background-color: rgba(30, 72, 168, 0.5);
}
html body.theme-2019 div#container.feature-page-2018.container-fluid div#bottomNav ul li a {
  width: 100%;
  padding: 10px auto;
  color: #fff;
  text-decoration: none;
}
html body.theme-2019 div#container.feature-page-2018 div#bottomNav ul li a:hover {text-decoration: underline;}



html body.theme-2019 div.reserve-buttons {
  overflow: hidden;
  width: 100%;
  margin: 10px 15px 15px 5px;
  padding: 0 0 5px 1px;
  
}
html body.theme-2019 div.reserve-buttons div {
  float: left;
  display: inline-block; overflow: visible;
  width: 131px; 
  margin: 0 5px 0 0;
}
html body.theme-2019 div.reserve-buttons div img {
  width: 100%;
  position: relative;
  right: 0;
  margin: 3px;
  border: 1px solid rgba(92,98,111,.9);

  -moz-box-shadow:    2px 2px 8px rgba(0,0,0,.6), 2px 2px 5px rgba(0,0,0,.6);
  -webkit-box-shadow: 2px 2px 8px rgba(0,0,0,.6), 2px 2px 5px rgba(0,0,0,.6);
  box-shadow:         2px 2px 8px rgba(0,0,0,.6), 2px 2px 5px rgba(0,0,0,.6);

  -moz-transition: width .1s, right .1s;
  -webkit-transition: width .1s, right .1s;
  transition: width .1s, right .1s;
}
html body.theme-2019 div.reserve-buttons div img:hover {
  width: 103%;
  right: .15em;
  border: 1px solid #234075;
}

html body.theme-2019 div#container.feature-page-2018 div#content div#rightCol {
  float: right; overflow: visible; z-index: 2000;
  width: 22%; min-width: 250px; max-width: 320px;
}



/* [Reservations Feature Boxes] */
div.feature-box dl#make-a-reservation dd {
  text-align: center;
}
div.feature-box dl#make-a-reservation dd div {
  margin: 15px 0;
}
div.feature-box dl#make-a-reservation dd div#get-day-pass {

}
div.feature-box dl#make-a-reservation dd div#reservation-details {

}



html body.theme-2019 div#container.feature-page-2018 div#content div div#rightCol div.feature-box-container div.feature-box dl#make-a-reservation h4 {
  padding: 10px 0 0 0px;
}
html body.theme-2019 div#container.feature-page-2018 div#content div div#rightCol div.feature-box-container div.feature-box dl#make-a-reservation p {
  padding: 5px 0 0 5px;
}
html body.theme-2019 div#container.feature-page-2018 div#content div div#rightCol div.feature-box-container div.feature-box dl#make-a-reservation p a {white-space: nowrap;}
html body.theme-2019 div#container.feature-page-2018 div#content div div#rightCol div.feature-box-container div.feature-box dl#make-a-reservation p a.btn {
  /*text-transform: uppercase;*/
}
html body.theme-2019 div#container.feature-page-2018 div#content div div#rightCol div.feature-box-container div.feature-box dl#make-a-reservation dd p.note {
  font-size: 0.88em;
}


html body.theme-2019 div#container.feature-page-2018 div#content div#rightCol div.feature-box-container div.feature-box .btn.reservation {
  font-size: 16px; font-weight: 525; font-family: BCSans-Regular;
  background-color: #e3a82b !important; color: #036 !important;
  border: 1px outset #b68318 !important;
  border-radius: 6px;
}
html body.theme-2019 div#container.feature-page-2018 div#content div#rightCol div.feature-box-container div.feature-box .btn.reservation:hover {
  background-color: #f8be43 !important;
}
a.btn.make-a-reservation.gold {
  padding-top: 7px;
  font-weight: 525; font-size: 16px; font-family: BCSans-Regular; line-height: 16px;
  background-color: #e3a82b !important; color: #036 !important;
  border: 2px outset #234075 !important;
  border-radius: 6px;
}
a.btn.make-a-reservation.gold img {
  position: relative; bottom: 1px;
  width: 30px !important; margin: 0 5px 0 0;
}
html body div#container div#content div#sectHome div#mainCol div.Feature div a.btn.make-a-reservation.gold:hover {
  background-color: #f8be43 !important;
}



html body.theme-2019 div#container.feature-page-2018 div#content div#rightCol div.feature-box-container div.feature-box .btn.reservation-light {
  
  background-color: #f9f9f9 !important; color: #036 !important;
}
html body.theme-2019 div#container.feature-page-2018 div#content div#rightCol div.feature-box-container div.feature-box .btn.reservation-light span {
  color: #e3a82b;
}


/* [/Reservations Feature Boxes] */

html body.theme-2019 div#container.feature-page-2018 div#content div#rightCol .feature-box-container {
  float: right; overflow: visible; z-index: 2000;
  width: 100%; min-width: 240px;
  padding: 0;
  text-align: left; font-size: 1em; 
  background-color: rgba(0, 51, 102, 0.95);
  color: #fff;
}
html body.theme-2019 div#container.feature-page-2018 div#content div#rightCol .feature-box-container .feature-box {

  margin: 0 0 0px 0; padding: 0;
  background-color: transparent;
  color: #fff;
}
html body.theme-2019 div#container.feature-page-2018 div#content div#rightCol .feature-box-container .feature-box h3 {
  background-color: #234075;
  text-shadow: 1px 1px 2px #000;
}
html body.theme-2019 div#container.feature-page-2018 div#content div#rightCol .feature-box-container .feature-box dl {
  width: 100% !important;
  margin-bottom: 5px;
}
html body.theme-2019 div#container.feature-page-2018 div#content div#rightCol .feature-box-container .feature-box dl dt {
  padding: 5px 15px !important;
  background-color: #036;
  color: #fff;
  font-size: 1.4em;
  text-shadow: 1px 1px 2px #000;
}
html body.theme-2019 div#container.feature-page-2018 div#content div#rightCol .feature-box-container .feature-box dl dd {
  
  padding: 0 10px 10px 10px !important;
}
html body.theme-2019 div#container.feature-page-2018 div#content div#rightCol .feature-box-container .feature-box dl.accordion dd {
  display: block;
}
html body.theme-2019 div#container.feature-page-2018 div#content div#rightCol .feature-box-container .feature-box dl dd p {
  padding-right: 0; padding-left: 0;
}
html body.theme-2019 div#container.feature-page-2018 div#content div#rightCol .feature-box-container .feature-box dl dd h4 {
  padding-right: 0; padding-left: 0;
}

html body.theme-2019 div#container.feature-page-2018 div#content div#rightCol .feature-box-container .feature-box h4 {
  background-color: transparent;
}
html body.theme-2019 div#container.feature-page-2018 div#content div#rightCol .feature-box-container .feature-box h4 .note {
 font-size: 0.7em;
}
html body.theme-2019 div#container.feature-page-2018 div#content div#rightCol .feature-box-container .feature-box p {
  margin: 0;
  color: #fff;
}
html body.theme-2019 div#container.feature-page-2018 div#content div#rightCol .feature-box-container .feature-box a {
  color: #fff;
}
html body.theme-2019 div#container.feature-page-2018 div#content div#rightCol .feature-box-container .feature-box .note {
  font-size: .9em;
  color: #fff;
}
html body.theme-2019 div#container.feature-page-2018 div#content div#rightCol .feature-box-container .feature-box ul {
  
  list-style-type: square;
}
html body.theme-2019 div#container.feature-page-2018 div#content div#rightCol .feature-box-container .feature-box ul li {
  margin-left: 15px; padding-left: 3px;
  list-style-type: square;
  background: none;
  background-color: transparent;
}
html body.theme-2019 div#container.feature-page-2018 div#content div#rightCol .feature-box-container .feature-box ul li a {
  color: #fff;
}

html body.theme-2019 div#container.feature-page-2018 div#content div#mainCol div.Feature.feature-box-right {
  float: right;
  width: 22%; min-width: 250px; max-width: 320px;
  padding: 10px 15px;
  text-align: left; font-size: 1em; 
  background-color: rgba(0, 51, 102, 0.95);
}
html body.theme-2019 div#container.feature-page-2018 div#content div#mainCol div.Feature.feature-box-right p {
  
}
html body.theme-2019 div#container.feature-page-2018 div#content div#mainCol div.Feature.feature-box-right a {
  white-space: nowrap;
}
html body.theme-2019 div#container.feature-page-2018 div#content div#mainCol div.Feature.feature-box-right .note {
  font-size: 0.8em;
}

html body.theme-2019 div#container.feature-page-2018 div#content div#mainCol .Feature {
  margin: 0;
  -moz-box-shadow: 2px 2px 8px rgba(0,0,0,.8), 2px 2px 5px rgba(0,0,0,.8);
  -webkit-box-shadow: 2px 2px 8px rgba(0,0,0,.8), 2px 2px 5px rgba(0,0,0,.8);
  box-shadow: 2px 2px 8px rgba(0,0,0,.8), 2px 2px 5px rgba(0,0,0,.8);
}
html body.theme-2019 div#container.feature-page-2018 div#content div#mainCol .Feature.content {
  float: none;
  position: relative; top: 0px; right: 0px;
  clear: both;
  width: 100%;
  margin: 15px 0 0 0;
  text-align: left;
}
html body.theme-2019 div#container.feature-page-2018.container-fluid div#content div div#mainCol div.Feature.content h2 {
  margin-top: 0;
  line-height: 1em;
}
html body.theme-2019 div#container.feature-page-2018.container-fluid div#content div div#mainCol div.Feature.content p {
  font-size: 1em;
  line-height: 1.3em;
}


html body.theme-2019 div#container.feature-page-2018 div#content div#mainCol div.Feature.content.alert {
  background-color: #ffffc9; color: #036;
}
html body.theme-2019 div#container.feature-page-2018 div#content div#mainCol div.Feature.content.alert h2 {
  color: #036;

  -moz-text-shadow: none;
  -webkit-text-shadow: none;
  text-shadow: none;
}
html body.theme-2019 div#container.feature-page-2018 div#content div#mainCol div.Feature.content.alert p {
  font-size: 1.1em !important;
  font-family: BCSans-Regular, Myriad-Pro, Calibri, 'sans serif';
  color: #036;
}
html body.theme-2019 div#container.feature-page-2018 div#content div#mainCol div.Feature.content.alert a {color: #0059b1;}



html body.theme-2019 div#container.feature-page-2018 div#content div#mainCol .Feature.content .accCtrl {font-size: 12px;}
html body.theme-2019 div#container.feature-page-2018 div#content div#mainCol .Feature.content dl dt {color: #fff;}

html body.theme-2019 div#container.feature-page-2018 div#content div#mainCol .content-white {
  margin: 10px 0 0 0;
  padding: 10px 15px;
  text-align: left;
  background-color: #fff;
  color: #333;
  border-radius: 10px;
  -moz-box-shadow: 2px 2px 8px rgba(0,0,0,.3), 2px 2px 5px rgba(0,0,0,.3);
  -webkit-box-shadow: 2px 2px 8px rgba(0,0,0,.3), 2px 2px 5px rgba(0,0,0,.3);
  box-shadow: 2px 2px 8px rgba(0,0,0,.3), 2px 2px 5px rgba(0,0,0,.3);
}
html body.theme-2019 div#container.feature-page-2018 div#content div#mainCol .content-white h1 {margin-bottom: 20px; font-size: 2.5em; text-align: center;}

html body.theme-2019 div#container.feature-page-2018 div#content div#mainCol .content-white a {color: #1e48a8; text-decoration: underline;}
html body.theme-2019 div#container.feature-page-2018 div#content div#mainCol .content-white a:hover {color: #2e59bd; text-decoration: none;}

html body.theme-2019 div#container.feature-page-2018 div#content div#mainCol .content-white dl {margin: 20px;}
html body.theme-2019 div#container.feature-page-2018 div#content div#mainCol .content-white dl dt {color: #036;}
html body.theme-2019 div#container.feature-page-2018 div#content div#mainCol .content-white dl dt h2 {color: #036;}
html body.theme-2019 div#container.feature-page-2018 div#content div#mainCol .content-white .accCtrl a {color: #fff;}
html body.theme-2019 div#container.feature-page-2018 div#content div#mainCol .content-white .accCtrl a:hover {color: #036;}
html body.theme-2019 div#container.feature-page-2018 div#content div#mainCol .content-white dl dd {

}
html body.theme-2019 div#container.feature-page-2018 div#content div#mainCol .content-white dl dd dl {
  margin: 0px;
}

html body.theme-2019 div#container.feature-page-2018 div#content div#mainCol .content-white table.gov3 td {
  /*border: 1px solid #234075;*/
}

html body.theme-2019 div#container.feature-page-2018 div#content div#leftCol {
  background: none;
}
html body.theme-2019 div#container.feature-page-2018 div#content div#leftCol #primaryMenu {
  padding: 0;
  background-color: transparent;
  background: none;
}
html body.theme-2019 div#container.feature-page-2018 div#content div#leftCol #primaryMenu ul {
  background-color: rgba(0, 51, 102, 0.5);
  color: #fff;
}
html body.theme-2019 div#container.feature-page-2018 div#content div#leftCol div#primaryMenu ul li {
  background-color: rgba(0, 51, 102, 0.5);
  color: #fff;
}
html body.theme-2019 div#container.feature-page-2018 div#content div#leftCol div#primaryMenu ul a {
  color: #fff;
}
html body.theme-2019 div#container.feature-page-2018 div#content div#leftCol div#primaryMenu ul li:hover {

}
html body.theme-2019 div#container.feature-page-2018 div#content div#leftCol div#primaryMenu ul li a:hover {
  background-color: rgba(0, 51, 102, 0.95) !important;
}
html body.theme-2019 div#container.feature-page-2018.container-fluid div#content div#mainCol div.Feature p {
  font-size: 1.05em;
}
html body.theme-2019 div#container.feature-page-2018.container-fluid div#content div#mainCol div.Feature div.note.accCtrl {
  background-color: rgba(0, 51, 102, 0.95);
  border: 1px solid rgba(255,255,255,.75);
}
html body.theme-2019 div#container.feature-page-2018.container-fluid div#content div#mainCol div.Feature div.note.accCtrl .bar {
  color: rgba(255,255,255,.25);
}
/*--==[/2019 Theme Adjustments]==--*/




/*--==[Scheduled Content]==--*/
.schedule {display: none;}
.schedule time {display: block; background-color: #ccc; max-width: 130px; text-align: center;}
.schedule time.start {color: #00f;}
.schedule time.end {color: #f00;}




/*--==[/Scheduled Content]==--*/



html body.theme-2019 div#container.feature-page-2018.container-fluid div#content.twoCol div#sectHome div#rightCol div.feature-box-container div.feature-box dl#make-a-reservation.accordion dt h3 {
  text-decoration: underline;
}
html body.theme-2019 div#container.feature-page-2018.container-fluid div#content.twoCol div#sectHome div#rightCol div.feature-box-container div.feature-box a {
  text-decoration: underline;
}
html body.theme-2019 div#container.feature-page-2018.container-fluid div#content.twoCol div#sectHome div#rightCol div.feature-box-container div.feature-box a:hover {
  text-decoration: none;
}



#cta {
  float: right; overflow: visible;
  max-width: 19%;
  margin: 18px 20px 5px 5px;
  
  background-color: transparent;
  overflow: hidden;
  border: 1px solid transparent;
  /*
  -moz-box-shadow:    2px 2px 3px rgba(0,0,0,.3), 2px 2px 3px rgba(0,0,0,.3);
  -webkit-box-shadow: 2px 2px 3px rgba(0,0,0,.3), 2px 2px 3px rgba(0,0,0,.3);
  box-shadow:         2px 2px 3px rgba(0,0,0,.3), 2px 2px 3px rgba(0,0,0,.3);
  */
}
#cta a {
  display: block; overflow: visible;
  width: 100%;
  padding: 6px 8px 7px 8px;
  color: #0A1D3F;
  background-color: rgba(227,168,43,1);
  text-decoration: none;
  border-radius: 3px;
  border: 1px solid transparent;
  line-height: 1.35em;
}
#cta a:hover {
  background-color: #efac1e;
  border: 1px solid transparent;
}
#cta a span {text-decoration: underline;}


#progress-bar {
  background-image: url('/_shared/images/icons/loading.gif');
  background-repeat: no-repeat;
}



/*--==[Responsive Adjustment]==--*/
@media screen and (max-width: 1912px) {
  #cta {
    max-width: 20%;
  }
}
@media screen and (max-width: 1850px) {
  #cta {
    max-width: 19%;
    margin-top: 0px;
    padding-top: 10px;
  }
}
@media screen and (max-width: 1796px) {
  #cta {max-width: 18%;}
}
@media screen and (max-width: 1736px) {
  #cta {max-width: 17%;}
}
@media screen and (max-width: 1684px) {
  #cta {max-width: 16%;}
}
@media screen and (max-width: 1633px) {
  #cta {
    margin: 0px 3px 0 0; 
  }
}
@media screen and (max-width: 1586px) {
  #cta {
    margin: 0px 3px 0 0 !important; max-width: 15%;
    padding-top: 1px;
  }
}
@media screen and (max-width: 1527px) {
  #cta {
    float: right; 
    margin: 0px 5px 0 0px; max-width: 25%; width: auto;
    padding-top: 0px;
  }
  #cta a {padding: 0px 3px 3px 5px;}
  /*
  #cta.cta-blue {clear: both; width: 100%;}
  #cta.cta-blue a {width: 100%;}
  */
}
@media screen and (max-width: 1372px) {
  #cta {
    float: right; 
    margin: 0px 5px 0px 0px; max-width: 23%; width: auto;
    padding-bottom: 3px;
  }
  #cta a {
    padding: 2px 3px 3px 5px;
    
  }
}
@media screen and (max-width: 1270px) {
  #cta {max-width: 22%;}
}
@media screen and (max-width: 1225px) {
  #cta {max-width: 20%;}
}
@media screen and (max-width: 1200px) {
  #cta {
    max-width: 40%;
    padding: 0 4px 4px 0;
  }
  #cta a {
    width: 100%;
    -moz-box-shadow:    2px 2px 3px rgba(0,0,0,.3), 2px 2px 3px rgba(0,0,0,.3);
    -webkit-box-shadow: 2px 2px 3px rgba(0,0,0,.3), 2px 2px 3px rgba(0,0,0,.3);
    box-shadow:         2px 2px 3px rgba(0,0,0,.3), 2px 2px 3px rgba(0,0,0,.3);
  }
  #cta a {
    /* color: #fff;   / removed (SC) */
    /* background-color: rgba(56,89,138,.8);  / removed (SC) */
  }
}
@media screen and (max-width: 1077px) {
  #cta {max-width: 40%;}
}
@media screen and (max-width: 1012px) {
  #cta {max-width: 45%;}
}
@media screen and (max-width: 905px) {
  #cta {max-width: 50%;}
}
@media screen and (max-width: 825px) {
  #cta {max-width: 55%;}
}
@media screen and (max-width: 740px) {
  #cta {max-width: 60%;}
}
@media screen and (max-width: 615px) {
  #cta {max-width: 65%;}
  
  #cta {width: 100% !important; max-width: 100% !important;
    margin: 0 5px 10px 5px !important;
    padding: 0 7px 0 5px !important;
  }
  #cta a {
    width: 100% !important;
    margin: 0 5px 0px 5px !important;
    padding: 3px 5px 5px 8px !important;
  }
}
@media screen and (max-width: 568px) {
  #cta {max-width: 70%;}
}
@media screen and (max-width: 530px) {
  #cta {max-width: 75%;}
}
@media screen and (max-width: 495px) {
  #cta {max-width: 80%;}
}
@media screen and (max-width: 466px) {
  #cta {max-width: 85%;}
}
@media screen and (max-width: 438px) {
  #cta {
    max-width: 100%;
    margin: 0 0 0 5px;
  }
}
@media screen and (max-width: 425px) {
  #cta {
    margin: 0 0 0 2px;
  }
}
@media screen and (max-width: 400px) {
  #cta {
    margin: 18px 0 0 2px !important;
  }
  #cta a {
    margin: 0 0px 0px 0px !important;
  }
}


@media screen and (max-width: 1700px) {
  html body.theme-2019 div#container div#content.twoCol div div#mainCol {width: 64%;}
}
@media screen and (max-width: 1620px) {
  html body.theme-2019 div#container div#content.twoCol div div#mainCol {width: 63%;}
}
@media screen and (max-width: 1540px) {
  html body.theme-2019 div#container div#content.twoCol div div#mainCol {width: 62%;}
}
@media screen and (max-width: 1475px) {
  html body.theme-2019 div#container div#content.twoCol div div#mainCol {width: 80%;}
  html body.theme-2019 div#container.feature-page-2018.container-fluid div#content.twoCol div#sectHome div#mainCol {width: 61%;}
  html body div#container.feature-page-2018 div#content div#sectHome div#mainCol div.Feature.licence-plates div.Feature.feature-projects {width: 48%;}
  html body div#container.feature-page-2018 div#content div#sectHome div#mainCol div.Feature.licence-plates div.Feature.feature-projects div.lp-project-list ul li a img {margin: 3px 10px 3px 0;}
  html body div#container.feature-page-2018 div#content div#sectHome div#mainCol div.Feature.licence-plates div.Feature.feature-projects div.lp-project-list ul li h4 {margin-bottom: 3px;}
  html body div#container.feature-page-2018 div#content div#sectHome div#mainCol div.Feature.licence-plates div.Feature.feature-projects div.lp-project-list ul li p {font-size: 1em;}
}

@media screen and (max-width: 1370px) {
  html body div#container.feature-page-2018 div#content div#sectHome div#mainCol div.Feature.licence-plates div.Feature.feature-projects {width: 46%;}
}
@media screen and (max-width: 1310px) {
  html body.theme-2019 div#container.feature-page-2018.container-fluid div#content.twoCol div#sectHome div#mainCol {width: 59%;}
  html body div#container.feature-page-2018 div#content div#sectHome div#mainCol div.Feature.licence-plates div.Feature.feature-projects {width: 44%;}
}

@media screen and (max-width: 1280px) {
  /*
  html body.theme-2019 div#container.feature-page-2018.container-fluid div#content.twoCol div#sectHome div#mainCol
  */
  html body.theme-2019 div#container div#content.twoCol div div#mainCol {}

  html body div#container.feature-page-2018 div#content div#sectHome div#mainCol div.Feature.licence-plates {padding-right: 20px; padding-left: 20px;}


  html body div#container.feature-page-2018 div#content div#sectHome div#mainCol div.Feature.licence-plates div.Feature.feature-projects {float: none; clear: both; width: 90%; margin: 20px auto;}
  div.intro div.lp-home-buttons {display: block;}
  div.feature-images div.lp-home-buttons {display: none;}
}

@media screen and (max-width: 1240px) {
  html body div#container.feature-page-2018 div#content div#sectHome div#mainCol div.Feature.licence-plates div.licence-plate-feature {width: 40%;}
}

@media screen and (max-width: 1225px) {
  html body.theme-2019 div#container div#content.oneCol div div#mainCol {width: 95%;}
}
@media screen and (max-width: 1200px) {
  #site-logo {margin-left: 10px;}
  #container {width: 90%;}
  #container.feature-page {width: 890px;}
  table.feature-set td {display: block; float: left;}
  
  #sectHome #mainCol #Updates {}
	.twoCol div #mainCol {width: 76%;}
  
  div#container div#content div#sectHome div#mainCol.col-sm-12 div.Feature.InBCParks div.Feature.wildfire-home h2 {font-size: 1.6em;}

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

  div#container div#content div#sectHome div#mainCol.col-sm-12 div.Feature.InBCParks div.Feature.wildfire-home h2 {font-size: 1.4em;}
  div#container div#content div#sectHome div#mainCol.col-sm-12 div.Feature.InBCParks div.tile-home-feature {max-width: 550px;}
  div#container div#content div#sectHome div#mainCol.col-sm-12 div.Feature.InBCParks div.tile-home-feature div {width: 110px;}
  div#container div#content div#sectHome div#mainCol.col-sm-12 div.Feature.InBCParks div.tile-home-feature div a.tile.s2 {font-size: 1em;}


  html body.theme-2019 div#container.feature-page-2018 div#content div#mainCol .Feature.content {width: 100%; margin-top: 15px;}
  html body.theme-2019 div#container.feature-page-2018 div#content div#mainCol div.Feature.feature-box-right {width: 250px; padding: 5px 12px;}


}

@media screen and (max-width: 1190px) {
  html body div#container.feature-page-2018 div#content div#sectHome div#mainCol div.Feature.licence-plates div.licence-plate-feature div.intro {padding: 0 15px 0 0;}
  html body.theme-2019 div#container.feature-page-2018.container-fluid div#content.twoCol div#sectHome div#mainCol {width: 58%;}

}
@media screen and (max-width: 1180px) {
  #container {
    /*top: 145px;*/
    top: 80px;
  }
	.twoCol div #mainCol {width: 76%;}

  html body.theme-2019 div#container.feature-page-2018 div#content div#rightCol {padding: 0;}
  html body.theme-2019 div#container div#content.twoCol div div#mainCol {}

}

@media screen and (max-width: 1150px) {
  html body.theme-2019 div#container div#content.twoCol div div#mainCol {}
  html body.theme-2019 div#container.feature-page-2018.container-fluid div#content.twoCol div#sectHome div#mainCol {width: 57%;}

  html body div#container.feature-page-2018 div#content div#sectHome div#mainCol div.Feature.licence-plates div.licence-plate-feature {width: 38%;}
  div.intro div.lp-home-buttons {display: block;}
  div.feature-images div.lp-home-buttons {display: none;}
  html body div#container.feature-page-2018 div#content div#sectHome div#mainCol div.Feature.licence-plates div.licence-plate-feature {width: 70%;}
  html body div#container.feature-page-2018 div#content div#sectHome div#mainCol div.Feature.licence-plates div.feature-images.lp-home {width: 70%; max-width: 70%; float: left; margin: 0 0 15px 0;}
  html body div#container.feature-page-2018 div#content div#sectHome div#mainCol div.Feature.licence-plates div.feature-images.lp-home div.feature-slide.lp-feature-stats {margin: 5px 0; float: left;}
  html body div#container.feature-page-2018 div#content div#sectHome div#mainCol div.Feature.licence-plates div.feature-images.lp-home div.lp-home-buttons {width: 357px;}
}

@media screen and (max-width: 1130px) {
  html body.theme-2019 div#container div#content.twoCol div div#mainCol {}
}
@media screen and (max-width: 1090px) {
  html body.theme-2019 div#container div#content.twoCol div div#mainCol {width: 75%;}
  html body.theme-2019 div#container.feature-page-2018.container-fluid div#content.twoCol div#sectHome div#mainCol {width: 75%; padding-left: 10px;}
  html body.theme-2019 div#container.feature-page-2018.container-fluid div#content.twoCol div#sectHome div#leftCol {display: none;}

  html body div#container.feature-page-2018 div#content div#sectHome div#mainCol div.Feature.licence-plates div.licence-plate-feature {width: 65%;}
  html body div#container.feature-page-2018 div#content div#sectHome div#mainCol div.Feature.licence-plates div.feature-images.lp-home {width: 65%;}
  html body div#container.feature-page-2018 div#content div#sectHome div#mainCol div.Feature.licence-plates div.feature-images.lp-home div.feature-photo {float: right; width: 48%; min-width: auto; max-width: auto; margin: 0 0 10px 10px;}
  html body div#container.feature-page-2018 div#content div#sectHome div#mainCol div.Feature.licence-plates div.feature-images.lp-home div.feature-slide.lp-feature-stats {margin-top: 0; width: 49%; min-width: auto; max-width: auto;}
  div.intro div.lp-home-buttons {display: block; margin-bottom: 20px;}
  div.feature-images div.lp-home-buttons {display: none;}
}
@media screen and (max-width: 1040px) {
  html body.theme-2019 div#container div#content.twoCol div div#mainCol {}
  html body.theme-2019 div#container.feature-page-2018.container-fluid div#content.twoCol div#sectHome div#mainCol {width: 73%;}
}
@media screen and (max-width: 1015px) {
  html body.theme-2019 div#container div#content.twoCol div div#mainCol {}
  html body.theme-2019 div#container.feature-page-2018.container-fluid div#content.twoCol div#sectHome div#mainCol {width: 70%;}
  html body div#topNavContainer nav.navbar.navbar-inverse.navbar-static-top div.container {width: 100%;}

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

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


}

@media screen and (max-width: 990px) {
	#leftCol:not(.docked) {display: none;}
  /*
  html body div#container div#content.twoCol div#sectParks div#leftCol.docked {right: -240px;}
  */
	.twoCol div #mainCol {width: 100%;}
  #header .container {width: 100%;}
  #container {
    /*top: 145px;*/
    top: 80px;
  }
  html body.theme-2019 div#container.feature-page-2018.container-fluid div#content.twoCol div div#leftCol {display: none;}
  html body.theme-2019 div#container.feature-page-2018 div#footer div#bottomNav {display: block;}
  div#container div#content div#sectHome div#mainCol.col-sm-12 div.Feature.InBCParks div.tile-home-feature {max-width: 60%;}

  html body.theme-2019 div#container.feature-page-2018 div#content.twoCol div div#mainCol {
    float: none; clear: both;
    width: 98%;
    margin: 10px auto;
  /*
  width: 72%;
  */
  }
  html body.theme-2019 div#container.feature-page-2018.container-fluid div#content.twoCol div#sectHome div#mainCol {width: 98%; padding-top: 10px;}
  html body.theme-2019 div#container.feature-page-2018 div#content.twoCol div div#mainCol div.reserve-buttons {margin-left: 0; margin-right: 0;}
}

@media screen and (max-width: 950px) {
  html body div#container.feature-page-2018 div#content div#sectHome div#mainCol div.Feature.licence-plates div.licence-plate-feature {width: 60%;}
  html body div#container.feature-page-2018 div#content div#sectHome div#mainCol div.Feature.licence-plates div.feature-images.lp-home {width: 60%;}
  html body div#container.feature-page-2018 div#content div#sectHome div#mainCol div.Feature.licence-plates div.feature-images.lp-home div.feature-slide.lp-feature-stats {font-size: 1em;}
}

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

  html body.theme-2019 div#container.feature-page-2018 div#content.twoCol div div#mainCol {min-height: 300px;}
}

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

  .student-rangers-logos {bottom: 0 !important;}
  html body.theme-2019 div#footer {margin-top: 10px;}

}

@media screen and (max-width: 880px) {
  html body.theme-2019 div#container.feature-page-2018 div#content.twoCol div div#mainCol {}
  html body div#container.feature-page-2018 div#content div#sectHome div#mainCol div.Feature.licence-plates {padding-right: 3%; padding-left: 3%;}
  html body div#container.feature-page-2018 div#content div#sectHome div#mainCol div.Feature.licence-plates div.licence-plate-feature {font-size: 1em;}
}

@media screen and (max-width: 850px) {
  html body div#container.feature-page-2018 div#content div#sectHome div#mainCol div.Feature.licence-plates {padding: 15px 5px;}
  html body div#container.feature-page-2018 div#content div#sectHome div#mainCol div.Feature.licence-plates div.licence-plate-feature {width: 58%;}
  html body div#container.feature-page-2018 div#content div#sectHome div#mainCol div.Feature.licence-plates div.feature-images.lp-home {width: 58%;}

}
@media screen and (max-width: 830px) {
  div#container div#content div#sectHome div#mainCol.col-sm-12 div.Feature.InBCParks div.tile-home-feature {max-width: 100%;}
  div#container div#content div#sectHome div#mainCol.col-sm-12 div.Feature.InBCParks div.tile-home-feature div {width: 20%; min-width: 90px;}
  html body.theme-2019 div#container.feature-page-2018 div#content.twoCol div div#leftCol {display: none !important;}
}

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

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


  #logo_VolunteersExt img {width: 100%;}


  html body div#container.feature-page-2018 div#content div#sectHome div#mainCol div.Feature.licence-plates div.feature-images.lp-home div.feature-slide.lp-feature-stats ul {margin: 0 5%;}
}


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

  #header-row2 #banner-nav {/*padding-top: 20px;*/}

  html body div#container.feature-page-2018 div#content div#sectHome div#mainCol div.Feature.licence-plates div.licence-plate-feature {width: 56%;}
  html body div#container.feature-page-2018 div#content div#sectHome div#mainCol div.Feature.licence-plates div.feature-images.lp-home {width: 56%;}
}
@media screen and (max-width: 760px) {
  
  div.tile-home-feature {}
  div.tile-home-feature div {display: inline;}

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

  a.tile.s2 {padding-bottom: 15px;}
  div#sectFuture #mainCol div.Feature .sub {width: 45%;}
  div#sectFuture #mainCol div.Feature .sub.center {width: 95%;}
  div#sectVisiting #leftCol {display: none;}
  
  #alphaList {clear: both; white-space: normal;}
  #alphaList a:not(:first-child) {display: none;}
 
  html body div#container.feature-page-2018 div#content div#sectHome div#mainCol div.Feature.licence-plates div.feature-right.blue {width: 35%;}
  html body div#container.feature-page-2018 div#content div#sectHome div#mainCol div.Feature.licence-plates div.feature-right.blue div.feature-box h2 {font-size: 1.4em;}
  html body div#container.feature-page-2018 div#content div#sectHome div#mainCol div.Feature.licence-plates div.feature-right.blue div.feature-box h5 {font-size: 1em;}
  html body div#container.feature-page-2018 div#content div#sectHome div#mainCol div.Feature.licence-plates div.feature-right.blue div.feature-box iframe.feature-video {width: 88%; height: 8rem;}
  
  html body div#container.feature-page-2018 div#content div#sectHome div#mainCol div.Feature.licence-plates div.licence-plate-feature {width: 62%;}
  html body div#container.feature-page-2018 div#content div#sectHome div#mainCol div.Feature.licence-plates div.feature-images.lp-home {width: 62%;}
}

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

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


  html body.theme-2019 div#container.feature-page-2018 div#content div#rightCol {width: 100%;}
  html body.theme-2019 div#container.feature-page-2018 div#content div#mainCol {width: 100%;}
  html body.theme-2019 div#container.feature-page-2018 div#content.twoCol div div#mainCol div.content-white h1 {font-size: 2em;}
  html body.theme-2019 div#container.feature-page-2018 div#content.twoCol div div#mainCol div.content-white dl {margin: 15px 10px;}
  html body.theme-2019 div#container.feature-page-2018 div#content.twoCol div div#mainCol div.reserve-buttons div {width: 120px;}

  html body div#container.feature-page-2018 div#content div#sectHome div#mainCol div.Feature.licence-plates div.feature-images.lp-home {overflow: visible;}
}

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


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

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


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

  #header .container #header-row1 #searchwidget form#searchForm input#global-search {
    width: 60%; min-width: 235px;
    /*
    margin-right: 30px;
    */
  }
  #header .container #header-row1 #searchwidget form#searchForm div.search-trigger {
    width: 25px; height: 30px;
    /*background-image: url('/_shared/images/icons/search-open-mobile.png');*/
  }


  /*licence plate page feature slides*/
  div.feature-images .feature-slide div h2 {
    font-size: 14px;
  }

  html body div#container.feature-page-2018 div#content div#sectHome div#mainCol div.Feature.licence-plates div.licence-plate-feature {float: none; width: 100%; padding-left: 15px;}
  html body div#container.feature-page-2018 div#content div#sectHome div#mainCol div.Feature.licence-plates div.licence-plate-feature div.intro p {font-size: 1em;}
  html body div#container.feature-page-2018 div#content div#sectHome div#mainCol div.Feature.licence-plates div.feature-images.lp-home {height: auto; width: 60%; max-width: 100%; padding-bottom: 20px;}
  html body div#container.feature-page-2018 div#content div#sectHome div#mainCol div.Feature.licence-plates div.feature-images.lp-home div.feature-photo {float: left; width: 100%;}
  html body div#container.feature-page-2018 div#content div#sectHome div#mainCol div.Feature.licence-plates div.feature-images.lp-home div.feature-slide.lp-feature-stats {float: left; min-width: 70%;}
  html body div#container.feature-page-2018 div#content div#sectHome div#mainCol div.Feature.licence-plates div.feature-images.lp-home div.feature-slide.lp-feature-stats ul li {white-space: normal;}
  html body div#container.feature-page-2018 div#content div#sectHome div#mainCol div.Feature.licence-plates div.feature-images.lp-home div.lp-home-buttons {float: left;}
  html body div#container.feature-page-2018 div#content div#sectHome div#mainCol div.Feature.licence-plates div.Feature.feature-projects {margin-top: 50px;}
  div.intro div.lp-home-buttons {display: none;}
  div.feature-images div.lp-home-buttons {display: block;}
}  
  
@media screen and (max-width: 575px) {
  #social-media {}
  /*#container {top: 60px;}*/
  #container {top: 90px;}
  #photoCredit {bottom: 50px; right: 30px;}
	.newsList {
		clear: both;
	}

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

  .student-rangers-logos {width: 25% !important;}
  .student-rangers-logos img {width: 100% !important;}

  html body div#container.feature-page-2018 div#content div#sectHome div#mainCol div.Feature.licence-plates div.feature-right.blue div.feature-box h2 {font-size: 1.1em;}
  html body div#container.feature-page-2018 div#content div#sectHome div#mainCol div.Feature.licence-plates div.feature-right.blue div.feature-box h5 {font-size: 0.95em; padding: 4px 4px 5px 6px;}
  html body div#container.feature-page-2018 div#content div#sectHome div#mainCol div.Feature.licence-plates div.feature-right.blue div.feature-box iframe.feature-video {width: 100%; height: 6rem; margin: 0;}
  html body div#container.feature-page-2018 div#content div#sectHome div#mainCol div.Feature.licence-plates div.feature-right.blue div.feature-box dl.accordion dt h5 {padding: 0 4px 0 6px;}
  html body div#container.feature-page-2018 div#content div#sectHome div#mainCol div.Feature.licence-plates div.feature-right.blue div.feature-box dl.accordion dd {padding: 0 4px;}
  html body div#container.feature-page-2018 div#content div#sectHome div#mainCol div.Feature.licence-plates div.feature-right.blue div.feature-box dl.accordion dd ul {margin: 0; padding: 0 3px 0 4px; font-size: 0.95em; line-height: 1.1em;}
  html body div#container.feature-page-2018 div#content div#sectHome div#mainCol div.Feature.licence-plates div.feature-images.lp-home div.feature-slide.lp-feature-stats {width: 100%; min-width: 100%;}
}
@media screen and (max-width: 550px) {
  a.btn.large {width: 100%; white-space: normal; line-height: 1.3em;}
  
	#mainCol div.Feature.InBCParks .container-fluid .row {padding-left: 10%;}
	#mainCol div.Feature.InBCParks .container-fluid .row .col {width: 45%;}
	#mainCol div.Feature.InBCParks .container-fluid .row .col-sm-3 {width: 45%;}
	
	div.sideBarContainer {
		width: 100%;
	}
	div.sideBarContainer .sideBar200 {
		width: 100%;
	}
	
  #header #header-row1 #site-logo {width: 50%; margin: 0 0 0 10px; white-space: nowrap;}
  #header #header-row1 #site-logo #bcparks-text {max-width: 100px;}

  div#container div#content div#sectHome div#mainCol.col-sm-12 div.Feature.InBCParks div.tile-home-feature div {width: 33%;}

  html body div#container.feature-page-2018 div#content div#sectHome div#mainCol div.feature-photo-container div.feature-stats-container {float: none; clear: both;}
  html body div#container.feature-page-2018 div#content div#sectHome div#mainCol div.feature-photo-container div.feature-stats-container div.Feature.lp-feature-stats {clear: both;}
}
@media screen and (max-width: 480px) {
	div.advert {width: 35%;}
	div.advert img {width: 100%;}
	
	.licence-plate-spread div img {width: 50%;}
	div.feature-right {width: 100%;}
	#mainCol div.Feature h3 {margin: 10px 0 5px 5px !important;}
	
  #header #header-row1 #site-logo img {max-width: 60%;}
  html body div#header div.container div#header-row1 div#site-logo img#bcparks-text {max-width: 40%; margin-top: 2%;}
  #header #header-row1 #social-media-header img {max-width: 20%;}
  #header #social-media-header img {max-width: 25%;}

  div#container div#content div#sectHome div#mainCol.col-sm-12 div.Feature.InBCParks div.Feature.wildfire-home ul {margin-left: 5px;}


  html body.theme-2019 div#container.feature-page-2018.container-fluid div#content.twoCol div div#rightCol {width: 100%; max-width: 100%;}
  html body.theme-2019 div#container.feature-page-2018.container-fluid div#content.twoCol div#sectHome div#mainCol div.reserve-buttons {padding: 0 auto;}
  html body.theme-2019 div#container.feature-page-2018.container-fluid div#content div div#mainCol div.Feature.content {padding: 5px 10px !important;}
  html body.theme-2019 div#container.feature-page-2018.container-fluid div#content div div#mainCol div.Feature.content h2 {margin-top: 5px; font-size: 1.6em;}


  html body div#container.feature-page-2018 div#content div#sectHome div#mainCol div.feature-photo-container div#feature-photo.lp-feature-photo {
    /*clear: right;*/
    right: 5px;
  }
  html body div#container.feature-page-2018 div#content div#sectHome div#mainCol div.Feature.licence-plates div.licence-plate-feature div.feature-images {
    padding-left: 0;
  }
  html body div#container.feature-page-2018 div#content div#sectHome div#mainCol div.Feature.licence-plates div.licence-plate-feature div.feature-images {margin: 0 10% 20px 10% !important;}

  img.photo.float-right {width: 100% !important;}
  img.photo.floatRight {width: 100% !important;}
  img.photo.res {width: 100% !important;}
  
  html body div#container div#content div#sectHome div#mainCol.col-sm-12 div.Feature.InBCParks div.Feature.wildfire-home {float: none; width: auto !important; margin: 0 0 10px 0;}
  div#container div#content div#sectHome div#mainCol.col-sm-12 div.Feature.InBCParks div.tile-home-feature {width: 100%; margin: 5px 0 10px 0; padding-bottom: 10px;}
  div#container div#content div#sectHome div#mainCol.col-sm-12 div.Feature.InBCParks div.tile-home-feature div {width: 33%;}


  html body.theme-2019 div#container.feature-page-2018.container-fluid div#content.twoCol div#sectHome div#mainCol {width: 100%; margin: 0 !important; padding: 5px !important;}
  #header #header-row1 #social-media-header {width: 40%; margin: 12px 10px 10px 0px;}
  html body.theme-2019 div#header div.container div#header-row2 {margin-top: 2px;}
}


@media screen and (max-width: 450px) {
  html body div#container div#content.twoCol div#sectParks div#mainCol div#public-advisory.park-feature {padding-right: 5px;}
  div.park-feature img.park_photo {width: 100%; max-width: 100%;}
  div.park-feature div.park_photo {width: 100%; max-width: 100%;}
  html body div#container div#content.twoCol div#sectParks div#mainCol div#Introduction.park-feature div.park-feature-content div#ActFac {width: 100%; max-width: 100%;}
  html body div#container div#content.twoCol div#sectParks div#mainCol div#Introduction.park-feature div.park-feature-content div.park_photo a img.photo {width: 100%; max-width: 100%;}
  html body div#container div#content.twoCol div#sectParks div#mainCol div#Introduction.park-feature div.park-feature-content div.park_photo {width: 100% !important; text-align: center !important;}
  html body div#container div#content.twoCol div#sectParks div#mainCol div#Introduction.park-feature div.park-feature-content div.park_photo img {width: 100% !important;}
  
}

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

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

  html body.theme-2019 div#container.feature-page-2018.container-fluid {top: 75px;}
  html body.theme-2019 div#container.feature-page-2018.container-fluid div#content.twoCol div div#rightCol {width: 100%; max-width: 100%;}
  html body.theme-2019 div#container.feature-page-2018.container-fluid div#content.twoCol div#sectHome div#mainCol {}
  html body.theme-2019 div#container.feature-page-2018.container-fluid div#content.twoCol div#sectHome div#mainCol div.reserve-buttons {margin: 10px 0;}
  html body.theme-2019 div#container.feature-page-2018.container-fluid div#content.twoCol div#sectHome div#mainCol div.reserve-buttons div {width: 31.5%;}
  html body.theme-2019 div#container.feature-page-2018.container-fluid div#content.twoCol div#sectHome div#mainCol div.Feature.content h3 {font-size: 1.5em; margin-top: 5px;}
  html body.theme-2019 div#container.feature-page-2018.container-fluid div#content.twoCol div#sectHome div#mainCol div.Feature.content .accCtrl {font-size: 11px;}

}

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

  #container {top: 60px;}
  html body div#container.feature-page-2018 div#content div#sectHome div#mainCol div.Feature.licence-plates div.licence-plate-feature div.feature-images {margin: 0 3% 20px 3% !important;}
}

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

  html body.theme-2019 div#container.feature-page-2018 div#content div div#mainCol div.content-white dl.accordion dt h3 {
    font-size: 1em;
  }
}

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

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


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

  #container {top: 80px;}

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


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


@media print {
}