/*
    Bootstrap v3.3.4
    The Bootstrap 3 grid system has four tiers of classes: 
    xs (phones), sm (tablets), md (desktops), and lg (larger desktops).
    
    Min-Width: Refers to everything greater than or equal to the amount given. 
    Max-Width: Refers to everything less than or equal to the amount given. 

    Each tier of classes scales up, meaning if you plan on setting 
    the same widths for xs and sm, you only need to specify xs.
 
    scotch.io/tutorials/understanding-the-bootstrap-3-grid-system

    col-xs-$	Extra Small	Phones Less than 768px
    col-sm-$	Small Devices	Tablets 768px and Up
    col-md-$	Medium Devices	Desktops 992px and Up
    col-lg-$	Large Devices	Large Desktops 1200px and Up

*/
/*==================================================
=            Bootstrap 3 Media Queries             =
==================================================*/

/*==========  Mobile First Method  Min-Width: Refers to everything greater than or equal to the amount given. ==========*/

    /* Custom, iPhone Retina */ 
    @media only screen and (min-width: 320px) {
        
    }

    /* Extra Small Devices, Phones */ 
    @media only screen and (min-width: 480px) {

    }

    /* Small Devices, Tablets */
    @media only screen and (min-width: 768px) {

    }

    /* Medium Devices, Desktops */
    @media only screen and (min-width: 992px) {

    }

    /* Large Devices, Wide Screens */
    @media only screen and (min-width: 1200px) {

    }


/*==========  Non-Mobile First Method  Max-Width: Refers to everything less than or equal to the amount given. ==========*/

    /* Large Devices, Wide Screens */
    @media only screen and (max-width: 1200px) {

    }

    /* Medium Devices, Desktops */
    @media only screen and (max-width: 992px) {

    }

    /* Small Devices, Tablets */
    @media only screen and (max-width: 768px) {

    }

    /* Extra Small Devices, Phones */ 
    @media only screen and (max-width: 480px) {

    }

    /* Custom, iPhone Retina */ 
    @media only screen and (max-width: 320px) {
        
    }

/*------------------------------------------------*/
/* Common Site Stuff */
/*------------------------------------------------*/
html {
  -webkit-text-size-adjust: 100%;
      -ms-text-size-adjust: 100%;
}

body {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 18px;
	color: #333;
	background-color: #fff;
  	margin: 0px;
	padding: 0px;

}
*, *:before, *:after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-font-smoothing: antialiased;
}
.col-nopadleft {
    padding-left: 0px;
}

.col-nopadright {
    padding-right: 0px;
}
.col-padright20 {
    padding-right: 20px;
}
@media only screen and (max-width : 992px) {
    .col-padright20 {
        padding-right: 0px;
    }
}

/*------------------------------------------------*/
/* Header area */
/*------------------------------------------------*/


/* Google Custom Search fixes */
.cse .gsc-search-button input.gsc-search-button-v2, input.gsc-search-button-v2 {
    width: 55px !important;
    height: 25px !important;
    padding: 5px 20px !important;
    min-width: 50px !important;
    margin-top: 2px !important;
}
.cse .gsc-control-cse, .gsc-control-cse {
    padding: 0 !important;
    width: auto !important;
}

/* Top Alert Area Content Section Module */
#TopAlert {
    width: 100%;
    margin: 0;
}
.alert-wrapper {
    z-index: 1000;
}
.csm-alert-wrapper {
/*    background-color: rgba(0,91,130,.8);*/
/*    color:#ffffff;*/
    z-index: 1000;
}
.csm-alert-wrapper .csm-item-content {
    margin: 0;
    padding: 10px;
}
.csm-alert-wrapper .content-cols h1,.csm-alert-wrapper .content-cols h2,.csm-alert-wrapper .csm-content-cols h3,.csm-alert-wrapper .csm-content-cols h4,.csm-alert-wrapper .content-cols h5,.csm-alert-wrapper .content-cols h6 {
    padding: 0;
    margin: 0 0 6px 0;
}
/* Open Conent - Content Section Module */
.content-section-module {
    width: 100%;
    height: auto;
    position: relative;
    display: block;
    overflow: inherit;
    background-position: center;
    background-size: cover;
}
.csm-item-wrapper {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex; 
	display: flex;
    flex-direction: row;
    justify-content: center;
    width: calc(100% + 30px);
    margin: -15px;
}
.content-cols .csm-item-content h1,
.content-cols .csm-item-content h2,
.content-cols .csm-item-content h3,
.content-cols .csm-item-content h4,
.content-cols .csm-item-content h5,
.content-cols .csm-item-content h6 {
    color: inherit;
	color: unset;
}
.content-section-module .content-cols h1 {
    margin-bottom: 14px;
}
.content-section-module .content-cols h1.pageTitle {
    padding-top: 30px;
    margin-bottom: -22px;
}
.content-cols .csm-item-content a {
    text-decoration: underline;
    color: inherit;
    color: unset;
}
.content-cols .csm-item-content a:hover {
    text-decoration: none;
    color: inherit;
    color: unset;
}
.csm-item-content,
.csm-item-img,
.csm-item-video {
    margin: 15px;
    padding: 30px 0;
}
.content-cols .csm-item-content p:last-child,
.content-cols .csm-item-img p:last-child,
.content-cols .csm-item-video p:last-child {
    margin-bottom: 0px;
}
.content-cols .csm-item-content ul:last-child,
.content-cols .csm-item-img ul:last-child,
.content-cols .csm-item-video ul:last-child {
    margin-bottom: 0px;
}

#TopHeader {
    width: 100%;
    margin: 0;
    overflow: hidden;
/*    background-color: #ffb400;*/ /* marigold */
    background-color: #000000;
    padding: 0px 0px 0px 0px;
}

#HeaderTopRow { /* Not used anymore */
    padding: 0px 0px 0px 0px;
/*    height: 28px;*/
}
#HeaderTopRow a { /* Not used anymore */
    color: #f3ead9;
    text-decoration: none;
    font-weight: bold;
}
#HeaderTopRow a:hover,
#HeaderTopRow a:focus { /* Not used anymore */
    color: #fff;
    text-decoration: none;
}

#HeaderTopRow .hdr-1a { /* Not used anymore */
    padding: 5px 15px 0px 0px;
    color: #f3ead9;
    font-size: 12px;
    line-height: 18px;
    text-align: right;
}


/* HeaderMidRow area */
#HeaderMidRow {
    padding: 12px 0px 10px 0px;
 /*   height: 100px;*/
}
#HeaderMidRow a {
    color: #f3ead9;
    text-decoration: none;
    font-weight: bold;
}
#HeaderMidRow a:hover,
#HeaderMidRow a:focus {
    color: #fff;
    text-decoration: none;
}

#HeaderMidRow .hdr-2a { /* Not used anymore */
    padding: 0px 15px 0px 15px;
    color: #f3ead9;
    font-size: 12px;
    line-height: 18px;
}
#HeaderMidRow .hdr-2a .parks-icon { /* not used anymore */
    width:162px; 
    height:124px; 
    float: left;
    margin: -5px 40px 0px 0px;
/*    background: url("img/LSParks-logo-wTagline-162x124.png") top left no-repeat; */ /* black logo */
    background: url("img/LSParks-logo-wTagline-162x124-white.png") top left no-repeat; /* white logo */
}
#HeaderMidRow .hdr-2a .links-row {  /* Not used anymore */
    float: left;
    margin: 27px 0px 20px 4px;
}
#HeaderMidRow .hdr-2a .links-row a {padding: 0px 28px 0px 0px; } /* Not used anymore */

#HeaderMidRow .hdr-2a .parks-tagline { /* Not used anymore */
    width:350px; 
    height:37px;
    float: left;
    margin: -3px 0px 10px -5px; 
    background: url("img/Parks-tagline325x38-highlighted2.png") top left no-repeat;
}


#HeaderMidRow .hdr-2a2 {
    padding: 0px 15px 0px 15px;
    color: #f3ead9;
    font-size: 12px;
    line-height: 18px;
}
/* 2019 Normal Logo for Parks */
#HeaderMidRow .hdr-2a2 .parks-icon { 
    width:154px; 
    height:65px; 
    float: left;
    margin: 0px 40px 0px 4px; 
    background: url("img/2019-LSPR-logo-white-154x65.png") top left no-repeat;
}
/* Old Logo for the 50th Anniversary 2018 */
/*
#HeaderMidRow .hdr-2a2 .parks-icon {
    width: 171px;
    height: 65px;
    float: left;
    margin: 0px 40px 0px 0px;
    background: url(img/50-anniversary/LSPR-logo-50-white-171x65.png) top left no-repeat;
}
*/
/* old Normal Logo for Parks */
/*
#HeaderMidRow .hdr-2a2 .parks-icon { 
    width:110px; 
    height:65px; 
    float: left;
    margin: 0px 40px 0px 4px; 
    background: url("img/LSPR-logo-white-110x65.png") top left no-repeat;
}
*/
#HeaderMidRow .hdr-2a2 .links-row {  /* Not used anymore */
    float: left;
    margin: 0px 0px 4px 4px;
}
#HeaderMidRow .hdr-2a2 .links-row a {padding: 0px 28px 0px 0px; } /* Not used anymore */

/* horz scaled tagline for use with the 2019 logo */
#HeaderMidRow .hdr-2a2 .parks-tagline {
    width: 539px;
    height: 60px;
    float: left;
    margin: 10px 0px 0px 0px;
    opacity: 0.75;
    background: url(img/Parks-tagline-539x60-FFB400.png) top left no-repeat;
}
/* horz scaled taglone for use with the 50th Anniversary 2018 */
/*
#HeaderMidRow .hdr-2a2 .parks-tagline {
    width: 539px;
    height: 60px;
    float: left;
    margin: 10px 0px 0px 0px;
    background: url(img/50-anniversary/Parks-tagline-50-539x60-C2A23F.png) top left no-repeat;
}
*/
/* old Normal Tagline for Parks */
/*
#HeaderMidRow .hdr-2a2 .parks-tagline { 
    width:600px; 
    height:60px;
    float: left;
    margin: 10px 0px 0px 0px;
    background: url("img/Parks-tagline-600x60-FFB400.png") top left no-repeat;
}
*/

#HeaderMidRow .hdr-2b { /* Not used anymore */
    padding: 0px 15px 0px 15px;
    color: #f3ead9;
    font-size: 12px;
    line-height: 18px;
    text-align: center;
}



#HeaderMidRow .hdr-2c { /* Used for Online Registration. Not used for cols logo anymore */
    padding: 0px 15px 0px 15px;
    color: #f3ead9;
    font-size: 12px;
    line-height: 18px;
}
#HeaderMidRow .hdr-2c .cols-icon { /* Not used anymore */
    width:78px; 
    height:98px; 
    margin: 4px 0px 0px 0px;
    border: none;
    opacity: .80; 
    filter: alpha(opacity=80); 
}
#HeaderMidRow .hdr-2c .cols-icon-img { /* Not used anymore */
    width:78px; 
    height:72px; 
    margin: 0px 0px 0px 0px;
    border-radius: 0px;
/*    border: 2px solid #8f5a00;*/
    border: 2px solid #ffffff;
    background: url("img/LS-icon-white70x76.png") top left no-repeat; 
}  
#HeaderMidRow .hdr-2c .cols-icon:hover {opacity: .90; filter: alpha(opacity=90); } /* Not used anymore */
#HeaderMidRow .hdr-2c .cols-icon-text {padding: 0px 0px 0px 0px; text-align:center; } /* Not used anymore */
#HeaderMidRow .hdr-2c .cols-icon-text a {color: #fff; } /* Not used anymore */

#HeaderMidRow .hdr-2c .cols-icon-xs { /* Div is used for Online Registration text. */
 /*   width:55px; */
 /*   height:77px; */
 /*   margin: 0px 4px 0px 0px; */
    margin: 0px 0px 0px 0px;
    border: none;
    opacity: .80; 
    filter: alpha(opacity=80);  
} 
#HeaderMidRow .hdr-2c .cols-icon-img-xs { /* Not used anymore */
    width:55px; 
    height:51px; 
    margin: 0px 0px 0px 0px;
    border-radius: 0px;
    border: 1px solid #ffffff;
    background: url("img/LS-icon-white50x54.png") top left no-repeat; 
}
#HeaderMidRow .hdr-2c .cols-icon-xs:hover {opacity: .90; filter: alpha(opacity=90); } /* Not used anymore */
#HeaderMidRow .hdr-2c .cols-icon-text-xs {padding: 12px 0px 0px 0px; text-align:right; font-size: 20px; line-height: 20px; } /* Used for Online Registration. */
/*#HeaderMidRow .hdr-2c .cols-icon-text-xs {padding: 0px 0px 0px 0px; text-align:right; font-size: 13px; line-height: 16px; }*/ /* Used for Online Registration. */
#HeaderMidRow .hdr-2c .cols-icon-text-xs a {color: #fff; } /* Used for Online Registration. */



#HeaderMidRow .hdr-2d { /* not used */
    padding: 2px 0px 0px 0px;
}
#HeaderMidRow .hdr-2d .weather-widget { /* not used */
    width:300px; 
    height:100px; 
    float: left;
    overflow: hidden;
    margin: 4px 0px 0px 0px;
	-moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
/*  border: 2px solid #8f5a00;*/
    border: none;
    opacity: .8; 
    filter: alpha(opacity=80);
    text-align:center; 
    font-size: 12px; 
    line-height: 18px;
}
#HeaderMidRow .hdr-2d .weather-widget:hover {opacity: 1; filter: alpha(opacity=100); } /* not used */

#HeaderMidRow .hdr-2d .weather-widget-sub { /* not used */
 /*   width:300px; */
    width:150px; 
  /*   height:100px; */
    height:92px; 
    float: left;
    overflow: hidden;
    margin: 4px 0px 0px 0px;
	-moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    border: 2px solid #8f5a00;
/*    border: none;*/
    opacity: .8; 
    filter: alpha(opacity=80);
    text-align:center; 
    font-size: 12px; 
    line-height: 18px;
}
#HeaderMidRow .hdr-2d .weather-widget-sub:hover {opacity: 1; filter: alpha(opacity=100); } /* not used */

/* HeaderBottomRow area */
#HeaderBottomRow {
    padding: 0px 0px 0px 0px;
    height: 16px;
}
#HeaderBottomRow2 {
    padding: 0px 0px 0px 0px;
    height: 2px;
}
#HeaderBottomRow a {
    color: #f3ead9;
    text-decoration: none;
    font-weight: bold;
}
#HeaderBottomRow a:hover,
#HeaderBottomRow a:focus {
    color: #fff;
    text-decoration: none;
}

#HeaderBottomRow .hdr-3a {
    padding: 0px 0px 0px 0px;
    color: #f3ead9;
    font-size: 12px;
    line-height: 14px;
}
#HeaderBottomRow .hdr-3a .links-row {  
    float: left;
    margin: 8px 0px 8px 15px; 
}
#HeaderBottomRow .hdr-3a .links-row a {padding: 0px 28px 0px 0px; }


/*------------------------------------------------*/
/* Banner area - use with DNNGo LayerGallery module */
/*------------------------------------------------*/

#BannerContentArea {
    width: 100%;
    position: relative;
    margin: 0px;
    overflow: hidden;
    background: url("img/bg-pattern-tan.png") repeat;
/*    background-color: #333; */
/*    border-top: 1px solid #8a9414; */
}

.container-banner { /* use if using a fixed width banner area */
    position: relative;
    overflow: hidden;
    width: 100%;
    padding: 0;
    margin: 0 auto;
    padding: 0px 14px 10px 14px;
    opacity: .60; 
    filter: alpha(opacity=60);
}

.container-banner2 { /* use if using a full width banner area */
  margin-right: auto;
  margin-left: auto;
}

#dnn_BannerPane {
	background-color:#fff;
    margin: 0px;
    -webkit-box-shadow: 0 0 3px 0 #3e3e3e;
    -moz-box-shadow: 0 0 3px 0 #3e3e3e;
    box-shadow: 0 0 3px 0 #3e3e3e;     
}

    
/*==========  Non-Mobile First Method  Max-Width: Refers to everything less than or equal to the amount given. ==========*/
/*==========  Mobile First Method  Min-Width: Refers to everything greater than or equal to the amount given. ==========*/

@media (min-width: 768px) {
  .container-banner {
    width: 750px;
  }
}
@media (min-width: 992px) {
  .container-banner {
    width: 970px;
  }
}
@media (min-width: 1200px) {
  .container-banner {
    width: 1170px;
  }
}

 /*banner*/
.SliderRevolution3D *,
.SliderRevolution3D *:before,
.SliderRevolution3D *:after{
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	background-color:transparent;
}

.SliderRevolution3D,
.SliderRevolution3D a,
.SliderRevolution3D a:link,
.SliderRevolution3D a:active,
.SliderRevolution3D a:visited,
.SliderRevolution3D a:hover {
	color: #FFF;
	text-decoration: none;
	-webkit-text-size-adjust: none;
}

.SliderRevolution3D .tp-bullets{
	z-index:900;
}

.SliderRevolution3D .tp-leftarrow.default,
.SliderRevolution3D .tp-rightarrow.default{
	background:transparent;
	width:95px;
	height:95px;
	border-radius:			50%;
	-moz-border-radius:		50%;
	-webkit-border-radius:	50%;
	transition: 		background-color ease-in 200ms;
	-moz-transition: 	background-color ease-in 200ms; /* Firefox 4 */
	-webkit-transition: background-color ease-in 200ms; /* Safari and Chrome */
	-o-transition: 		background-color ease-in 200ms; /* Opera */
	-ms-transition: 	background-color ease-in 200ms; /* IE9? */
}
.SliderRevolution3D .tp-leftarrow.default:hover,
.SliderRevolution3D .tp-rightarrow.default:hover{
	background-color:rgba(0,0,0,0.35);
}

.SliderRevolution3D .tp-leftarrow.default:before,
.SliderRevolution3D .tp-rightarrow.default:before{
	content:"";
	width:22px;
	height:22px;
	border-bottom:4px solid #FFF;
	border-left:4px solid #FFF;
	position:absolute;
	top:50%;
	left:50px;
	margin:-9px 0px 0px -9px;
	transform:rotate(45deg);
	-ms-transform:rotate(45deg); /* IE 9 */
	-moz-transform:rotate(45deg); /* Firefox */
	-webkit-transform:rotate(45deg); /* Safari and Chrome */
	-o-transform:rotate(45deg); /* Opera */
}
.SliderRevolution3D .tp-rightarrow.default:before{
	transform:rotate(-135deg);
	-ms-transform:rotate(-135deg); /* IE 9 */
	-moz-transform:rotate(-135deg); /* Firefox */
	-webkit-transform:rotate(-135deg); /* Safari and Chrome */
	-o-transform:rotate(-135deg); /* Opera */
	margin:-9px 0px 0px -17px;
}

.SliderRevolution3D .tp-bullets.simplebullets.round .bullet{
	background:transparent;
	border:2px solid #ffffff;
	border-radius:			50%;
	-moz-border-radius:		50%;
	-webkit-border-radius:	50%;
	width:13px;
	height:13px;
	transition: 		background-color ease-in 200ms;
	-moz-transition: 	background-color ease-in 200ms; /* Firefox 4 */
	-webkit-transition: background-color ease-in 200ms; /* Safari and Chrome */
	-o-transition: 		background-color ease-in 200ms; /* Opera */
	-ms-transition: 	background-color ease-in 200ms; /* IE9? */
}
.SliderRevolution3D .tp-bullets.simplebullets.round .bullet.selected{
	background-color:#FFF;
}



.tp-banner-container *,
.tp-banner-container *:before,
.tp-banner-container *:after{
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	background-color:transparent;
}

.tp-banner-container,
.tp-banner-container a,
.tp-banner-container a:link,
.tp-banner-container a:active,
.tp-banner-container a:visited,
.tp-banner-container a:hover {
	color: #FFF;
	text-decoration: none;
	-webkit-text-size-adjust: none;
}



.bannertitle1 {
	font-size:50px;
	letter-spacing:3px;
}
.bannercontent1 {
	font-size:22px;
	letter-spacing:1px;
	
}

.bannermore1 {
	line-height:50px;	
	font-size:15px;
	letter-spacing:1px;
}

.bannermore1 a,
.bannermore1 a:link,
.bannermore1 a:active,
.bannermore1 a:visited{
	border:1px solid #ffffff;
	border-width:1px !important;
	font-size:inherit;
	font-weight:bold;
	border-radius:			3px;
	-moz-border-radius:		3px;
	-webkit-border-radius:	3px;
	display:inline-block;
	padding:0px 30px;
	color:#FFF !important;
	line-height:inherit;
}
.bannermore1 a:hover {
	background-color:#3cceda;
	border:2px solid #3cceda;
}

.bannertitle3 {
	font-size:48px;
	letter-spacing:1px;
	line-height:1.2;
}
.bannercontent3 {
	font-size:18px;
	line-height:1.5;
}

.bannermore3{
	padding: 9px 25px;
	font-size: 14px;
	display: inline-block;
	white-space: nowrap;
	color:#FFF;
	background-color:#3cceda;
	margin: 0px 12px 10px 0;
	border-radius:			5px;
	-moz-border-radius:		5px;
	-webkit-border-radius:	5px;
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	-webkit-transform: translate3d(0,0,0);
	-moz-transform: translate3d(0,0,0);
	transition: background-color ease-in 200ms;
	-moz-transition: background-color ease-in 200ms; /* Firefox 4 */
	-webkit-transition: background-color ease-in 200ms; /* Safari and Chrome */
	-o-transition: background-color ease-in 200ms; /* Opera */
	-ms-transition: background-color ease-in 200ms; /* IE9? */
}
.bannermore3:hover {
	background-color: #2e2e2e!important;
	color: #FFF;
	text-decoration: none;
}
.bannermore3 a,
.bannermore3 a:hover{
	display:block;
	padding:9px 25px;
	margin:-9px -25px;
	color:#FFF!important;
}




#dnn_wrapper .tp-leftarrow.round,
#dnn_wrapper .tp-rightarrow.round{
	width:52px;
	height:52px;
	border-radius:50%;
	-moz-border-radius:50%;
	-webkit-border-radius:50%;
	background:none;
	background-color:rgba(0,0,0,0.35);
	}
#dnn_wrapper .tp-leftarrow.round:before,
#dnn_wrapper .tp-rightarrow.round:before{
	content: "";
	border-left: 2px solid #fff;
	border-top: 2px solid #fff;
	width: 14px;
	height: 14px;
	top: 50%;
	left: 50%;
	position: absolute;
	margin: -7px 0 0 -5px;
	transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-webkit-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);	
	}
#dnn_wrapper .tp-rightarrow.round:before{
	border-left: none;
	border-top:none;
	border-right:2px solid #fff;
	border-bottom:2px solid #fff;
	margin: -7px 0 0 -10px;
	}
#dnn_wrapper .tp-bullets.simplebullets.round .bullet{
	width:13px;
	height:13px;
	border:2px solid #fff;
	background:none;
	border-radius:50%;
	-moz-border-radius:50%;
	-webkit-border-radius:50%;
	}
#dnn_wrapper .tp-bullets.simplebullets .bullet.selected{
	background-color:#fff;
	}



/*==========  Non-Mobile First Method  Max-Width: Refers to everything less than or equal to the amount given. ==========*/
/*==========  Mobile First Method  Min-Width: Refers to everything greater than or equal to the amount given. ==========*/

@media only screen and (min-width: 1200px) {
		.bannermore1 a,
		.bannermore1 a:link,
		.bannermore1 a:active,
		.bannermore1 a:visited{
			padding:0px 40px;
		}
	}
@media only screen and (min-width: 768px) and (max-width: 979px) {
		.bannermore1 a,
		.bannermore1 a:link,
		.bannermore1 a:active,
		.bannermore1 a:visited{
			padding:0px 20px;
		}
	}
	
@media only screen and (max-width: 767px) {
	#dnn_wrapper .tp-leftarrow.round,
	#dnn_wrapper .tp-rightarrow.round{
		display:none;
		}
	.bannermore1 a,
	.bannermore1 a:link,
	.bannermore1 a:active,
	.bannermore1 a:visited{
		padding:0px 15px;
	}
	
	 }


/*------------------------------------------------*/
/* Round piture buttons area */
/*------------------------------------------------*/

.dyk-c {
  width: 100%;
  position: relative;
/*  top: 3px;*/
  margin: -240px 0px 0px 0px;
  padding: 6px 0px 34px 0px;
}

  .dyk-c .dyk {
    margin-top: 20px; }

    .dyk-c .dyk h2 {
/*      color: #d5653f; */
      color: #d5653f;
      font-weight: 700;
      font-size: 4em;
      text-align: center;
      margin: 0px 0 25px 0; }

    .dyk-c .dyk small {
      display: block;
      text-transform: uppercase;
      color: #7c7972;
      text-align: center;
      font-size: .8em;
      font-weight: 700;
      opacity: 1; 
      filter: alpha(opacity=1); 
      margin: 0px 0 8px 0; }

    .dyk-c .dyk .stat-c {
      margin: 0px 0 3px 0;
    }

      .dyk-c .dyk .stat-c .stat {
        width: 180px;
        height: 180px;
        margin: 0 auto;
        /*font-family: "adelle",serif;*/
        font-family: 'Times New Roman', Times, serif;
        text-shadow: 1px 1px 1px rgba(37, 37, 37, 0.4); }

        .dyk-c .dyk .stat-c .stat .stat-circle {
          position: relative;
          -webkit-transition: all 0.5s ease-in-out;
          -moz-transition: all 0.5s ease-in-out;
          -o-transition: all 0.5s ease-in-out;
          -ms-transition: all 0.5s ease-in-out;
          transition: all 0.5s ease-in-out;
          text-align: center;
          color: white;
          border-radius: 100%;
          overflow: hidden;
          -webkit-transition: all 0.5s ease-in-out;
          -moz-transition: all 0.5s ease-in-out;
          -o-transition: all 0.5s ease-in-out;
          -ms-transition: all 0.5s ease-in-out;
          transition: all 0.5s ease-in-out;
          -webkit-transform: scale(0);
          -moz-transform: scale(0);
          -o-transform: scale(0);
          -ms-transform: scale(0);
          transform: scale(0);
          width: 180px;
          height: 180px; }
          .dyk-c .dyk .stat-c .stat .stat-circle:hover, .dyk-c .dyk .stat-c .stat .stat-circle .hover_effect {
            cursor: none;
            -webkit-user-select: none;
            -webkit-touch-callout: none; }

    .dyk-c .dyk .parks-stat {
      pointer: cursor;
      background: url("img/button-bubble-parks.png") no-repeat center center;
      font-size: 1em;
      line-height: 14px; }
      .dyk-c .dyk .parks-stat .stat-circle {
        background: #0d9644; }
        .dyk-c .dyk .parks-stat .stat-circle span {
          position: absolute;
          top: 64px;
          left: 23%; }
          .dyk-c .dyk .parks-stat .stat-circle span small {
            color: #fff; 
            letter-spacing: 1px; }
      .dyk-c .dyk .parks-stat:hover .stat-circle, .dyk-c .dyk .parks-stat .hover_effect {
        vertical-align: middle;
        opacity: 0.9;
        font-size: 2.5em;
        line-height: 45px;
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -o-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1); }

    .dyk-c .dyk .recreation-stat {
      pointer: cursor;
      background: url("img/button-bubble-recreation.png") no-repeat center center;
      font-size: 1em;
      line-height: 14px; }
      .dyk-c .dyk .recreation-stat .stat-circle {
        background: #ffb400; }
        .dyk-c .dyk .recreation-stat .stat-circle span {
          position: absolute;
          top: 64px;
          left: 5%; }
          .dyk-c .dyk .recreation-stat .stat-circle span small {
            color: #fff;
            letter-spacing: -3px;
           /* font-size: 20%;*/
           /* padding: 25px 0 0; */}
      .dyk-c .dyk .recreation-stat:hover .stat-circle, .dyk-c .dyk .recreation-stat .hover_effect {
        vertical-align: middle;
        opacity: 0.9;
        font-size: 2.5em;
        line-height: 45px;
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -o-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1); }

    .dyk-c .dyk .facilities-stat {
      pointer: cursor;
      background: url("img/button-bubble-facilities.png") no-repeat center center;
      font-size: 1em;
      line-height: 14px; }
      .dyk-c .dyk .facilities-stat .stat-circle {
        background: #d31f39; }
        .dyk-c .dyk .facilities-stat .stat-circle span {
          position: absolute;
          top: 64px;
          left: 6%; }
          .dyk-c .dyk .facilities-stat .stat-circle span small {
            color: #fff;
           /* letter-spacing: 0px;*/
           /* font-size: 20%;*/
           /* padding: 10px 0 0; */}
      .dyk-c .dyk .facilities-stat:hover .stat-circle, .dyk-c .dyk .facilities-stat .hover_effect {
          vertical-align: middle;
        opacity: 0.9;
        font-size: 2.5em;
        line-height: 45px;
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -o-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1); }

    .dyk-c .dyk .calendar-stat {
      pointer: cursor;
      background: url("img/button-bubble-calendar.png") no-repeat center center;
      margin: 0;
      font-size: 1em;
      line-height: 14px; }
      .dyk-c .dyk .calendar-stat .stat-circle {
        background: #25aae1; }
        .dyk-c .dyk .calendar-stat .stat-circle span {
          position: absolute;
          top: 64px;
          left: 6%; }
          .dyk-c .dyk .calendar-stat .stat-circle span small {
            color: #fff;
           /* letter-spacing: 0px;*/
           /* font-size: 20%;*/}
      .dyk-c .dyk .calendar-stat:hover .stat-circle, .dyk-c .dyk .calendar-stat .hover_effect {
        vertical-align: middle;
        opacity: 0.9;
        font-size: 2.5em;
        line-height: 45px;
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -o-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1); }




/*------------------------------------------------*/
/* Middle Content area Home Page */
/*------------------------------------------------*/

#ContentDividerRow {
    padding: 0px 0px 0px 0px;
}
#ContentDividerRow .contentdivider {
    border-top: 1px solid #c0beb7; /* tan grey */
}

#MidContentArea {
   /* min-height: 400px;*/
    width: 100%;
    margin: 0;
    padding: 0px 0px 0px 0px;
    overflow: hidden;
    background: url("img/bg-pattern-tan.png") repeat;
/*    border-top: 1px solid #c0beb7; */
}
#MidContentArea a { /* same as an unvisited link below - a normal, unvisited link */
/*  color: #337ab7;*/
  color: #019dd0;
  text-decoration: underline;
}
/* unvisited link - a normal, unvisited link */
#MidContentArea a:link {
/*  color: #337ab7;*/
  color: #019dd0;
  text-decoration: underline;
}
/* visited link - a link the user has visited */
#MidContentArea a:visited {
  color: #019dd0;
}
/* mouse over link - a link when the user mouses over it */
#MidContentArea a:hover,
#MidContentArea a:focus {
/*  color: #23527c;*/
/*  color: #337ab7;*/
  color: #333333;
}
/* selected link - a link the moment it is clicked */
#MidContentArea a:active {
/*  color: #337ab7;*/
  /*color: #a8b400;*/ /*kiwi*/
  color: #0d9644; /* Parks Green lighter */
  text-decoration: none;
}
#MidContentArea img {
    border: 0;
    max-width: 100% !important;
    height: auto !important;
}
#MidContentArea h1 {
    /*color: #005b82;*/ /* Sapphire */
    color: #004784; /* Parks 541C Blue lighter */
    font-size: 38px;
    font-weight: bold;
}
#MidContentArea h1 a,
#MidContentArea h1 a:link,
#MidContentArea h1 a:visited {
    color: #019dd0;
    text-decoration: underline;
}
#MidContentArea h1 a:hover,
#MidContentArea h1 a:focus {
    /*color: #005b82;*/ /* Sapphire */
    color: #004784; /* Parks 541C Blue lighter */
}
#MidContentArea h1 a:active {
  /*color: #a8b400;*/ /*kiwi*/
  color: #0d9644; /* Parks Green lighter */
  text-decoration: none;
}
#MidContentArea .park-happening h1 {
    margin-top: 0;
}
#MidContentArea .park-happening hr {
    margin-top: 10px;
    margin-bottom: 10px;
}
#MidContentArea h2 {
    /*color: #005b82;*/ /* Sapphire */
    color: #004784; /* Parks 541C Blue lighter */
}
#MidContentArea h2 a,
#MidContentArea h2 a:link,
#MidContentArea h2 a:visited {
    color: #019dd0;
    text-decoration: underline;
}
#MidContentArea h2 a:hover,
#MidContentArea h2 a:focus {
    /*color: #005b82;*/ /* Sapphire */
    color: #004784; /* Parks 541C Blue lighter */
}
#MidContentArea h2 a:active {
  /*color: #a8b400;*/ /*kiwi*/
  color: #0d9644; /* Parks Green lighter */
  text-decoration: none;
}
#MidContentArea .park-happening h2 {
    /*color: #005b82;*/ /* Sapphire */
    color: #004784; /* Parks 541C Blue lighter */
    font-size: 22px;
}
#MidContentArea .park-happening h2 a,
#MidContentArea .park-happening h2 a:link,
#MidContentArea .park-happening h2 a:visited {
    /*color: #005b82;*/ /* Sapphire */
    color: #004784; /* Parks 541C Blue lighter */
    text-decoration: underline;
}
#MidContentArea .park-happening h2 a:hover,
#MidContentArea .park-happening h2 a:focus {
    color: #019dd0;
}
#MidContentArea .park-happening h2 a:active {
  /*color: #a8b400;*/ /*kiwi*/
  color: #0d9644; /* Parks Green lighter */
  text-decoration: none;
}

.park-happening {
  width: 100%;
  padding: 0px 20px 0px 20px;
/*  min-height: 300px;*/
/*  max-height: 300px;*/
  margin-top: 20px; }

  .park-happening .happening-wrapper {
    background: #fff;
    width: 100%;
    float: left;
    -webkit-box-shadow: 0 0 3px 0 #3e3e3e;
    -moz-box-shadow: 0 0 3px 0 #3e3e3e;
    box-shadow: 0 0 3px 0 #3e3e3e;
  }


  .park-happening .happening-contentleft {
    float: left;
    width: 32%;
    min-height: 320px; 
    position: relative;
    text-align: center;
    margin: 0 auto;
    padding: 0;   
  }

  .park-happening h3 {
    min-width: 220px;
    /*background: #005b82;*/ /* Sapphire */
    background: #004784; /* Parks 541C Blue lighter */
    color: white;
    text-transform: uppercase;
/*    white-space: nowrap; */
    position: absolute;
/*    width: 153px; */
    padding: 10px 10px 10px 20px;
/*    font-family: 'Times New Roman', Times, serif;*/
    font-size: 18px;
    font-weight: bold;
    -webkit-box-shadow: 0 0 2px 0 #999;
    -moz-box-shadow: 0 0 2px 0 #999;
    box-shadow: 0 0 2px 0 #999;
    margin-top: 10px;
    margin-left: -7px; }

  .park-happening .happening-scroller-wrapper {
    padding: 68px 20px 0px 20px;
  }

  .park-happening .happening-contentright {
    float: left;
    width: 68%;
    position: relative;
    padding: 0;
    margin: 0;     
  }

  .park-happening .happening-content {
    padding: 16px 14px 0px 10px;
    float: left;
    width: 100%;
  }
.park-happening .happening-content ul {
    list-style: outside disc;
    margin-left: 1em;
}
.park-happening .happening-content li {
    position: relative;
    left: 1em;
    padding-right: 1em;
    padding-bottom: 4px;
}
    .park-happening .happening-content p {
      padding: 0px 0px 10px 0px; }
    .park-happening .happening-content p.lastchild {
      padding: 0px 0px 0px 0px; }


  .park-happening .happening-contentleft .social-nav-wrapper {
      margin: 0 auto;
      padding: 0px;
      text-align: center;
  }

    .park-happening .happening-contentleft .social-nav {
      padding: 26px 0px 0px 0px; }
      .park-happening .happening-contentleft .social-nav li {
        display: -moz-inline-stack;
        display: inline-block;
        vertical-align: middle;
        *vertical-align: auto;
        zoom: 1;
        *display: inline;
        margin: 0px 14px 14px 0px; }
        .park-happening .happening-contentleft .social-nav li a {
          display: block;
          width: 48px;
          height: 48px;
          background: url("img/social-nav.png") no-repeat;
          text-indent: -9999px; }
        .park-happening .happening-contentleft .social-nav li .fb {
          background-position: 0 bottom; }
          .park-happening .happening-contentleft .social-nav li .fb:hover {
            background-position: 0 top; }
        .park-happening .happening-contentleft .social-nav li .tw {
          background-position: -48px bottom; }
          .park-happening .happening-contentleft .social-nav li .tw:hover {
            background-position: -48px top; }
        .park-happening .happening-contentleft .social-nav li .yt {
          background-position: -96px bottom; }
          .park-happening .happening-contentleft .social-nav li .yt:hover {
            background-position: -96px top; }
        .park-happening .happening-contentleft .social-nav li .igram {
          background-position: -144px bottom; }
          .park-happening .happening-contentleft .social-nav li .igram:hover {
            background-position: -144px top; }

/* css for EasyDNNnews Article listings */
.article {
    text-align: left;
    margin: 0px 0px 20px 0px;
}
.eds_news_CityofLS.eds_subCollection_news .edn_article.article-parks {
    margin: 10px 0px 20px 0px !important;
}
.eds_news_CityofLS.eds_subCollection_news .article-parks .edn_PrevNextArticleNavigation a {
    text-decoration: none !important;
}
.eds_news_CityofLS.eds_subCollection_news .edn_PrevNextArticleNavigation.topPrevNext {
    margin: 0 0 4px 0;
}
.eds_news_CityofLS.eds_subCollection_news .edn_PrevNextArticleNavigation.topPrevNext a.edn_previusArticle {
    padding: 0px 0px 0px 12px;
}
.eds_news_CityofLS.eds_subCollection_news .edn_PrevNextArticleNavigation.topPrevNext .edn_PrevArticleNavigation {
    width: auto;
}
h2.articleHeadline {
    color: #004784; /* Parks 541C Blue lighter */
    font-size: 22px;
    font-weight: bold;
    line-height: 1.1 !important;
    margin: 0px !important;
    padding: 0px !important;
}
h2.articleHeadline a, h2.articleHeadline a:link, h2.articleHeadline a:visited, h2.articleHeadline a:active {
    color: #004784;
    text-decoration: none;
}
.articleEntry {
    margin: 5px 5px;
}
p.articleEntry {
    padding: 0px !important;
}
.single_meta {
    margin: 7px 0px 5px 0px!important;
    padding: 0px!important;
}
.single_meta li {
    list-style: none;
    display: inline-block;
    background: #eee;
    margin-right: 5px;
    padding: 2px 6px;
    line-height: 18px !important;
    margin-bottom: 5px;
}
.single_meta li span, .single_meta a {
    font-size: 12px;
    text-decoration: none;
    color: #666666;
}
.single_meta li span, .single_meta a {
    font-size: 12px;
    text-decoration: none;
    color: #666666;
}
.hline {
    border-bottom: 1px dotted #D8D8D8;
    line-height: 0px;
    margin-bottom: 0px;
    padding: 0px 0px 0px 0px;
    clear: both;
}
.icon-email {
    display: inline-block;
    width: 14px;
    height: 14px;
    line-height: 14px;
    vertical-align: text-top;
    background-image: url(img/glyphicons-halflings.png);
    background-position: -73px 0 !important;
    background-repeat: no-repeat;
    margin-top: 1px;
}
.eds_news_CityofLS.eds_subCollection_news .edn_mediaContainer.media-parks-thumb {
    margin: 8px 10px 5px 0 !important;
}
#MidContentArea .eds_news_CityofLS.eds_subCollection_news .article_pager, 
#MidContentArea .eds_news_CityofLS.eds_subCollection_news .article_pagination table, 
#MidContentArea .eds_news_CityofLS.eds_subCollection_news .ednMoreArticlesTriggerWrapper .trigger {
    border: solid 2px #004784;
}
#MidContentArea .eds_news_CityofLS.eds_subCollection_news .article_pager a, 
#MidContentArea .eds_news_CityofLS.eds_subCollection_news .article_pagination a {
    color: #202020;
    text-decoration: none;
}
#MidContentArea .eds_news_CityofLS.eds_subCollection_news .article_pager a.active, 
#MidContentArea .eds_news_CityofLS.eds_subCollection_news .article_pagination > span {
    color: #fff;
    background-color: #004784;
}
#MidContentArea .eds_news_CityofLS.eds_subCollection_news .article_pager a:hover, 
#MidContentArea .eds_news_CityofLS.eds_subCollection_news .article_pagination a:hover {
    color: #fff;
    background-color: #019dd0;
}
#MidContentArea .eds_news_CityofLS.eds_subCollection_news .article_pager a.active, 
#MidContentArea .eds_news_CityofLS.eds_subCollection_news .article_pagination > span {
    color: #fff;
    background-color: #004784;
}
#MidContentArea .eds_news_CityofLS.eds_subCollection_news .article_pager a.active:hover {
    color: #fff;
    background-color: #004784;
}
#MidContentArea .eds_news_CityofLS.eds_subCollection_news .article_pager a, 
#MidContentArea .eds_news_CityofLS.eds_subCollection_news .article_pager > span, 
#MidContentArea .eds_news_CityofLS.eds_subCollection_news .article_pagination a, 
#MidContentArea .eds_news_CityofLS.eds_subCollection_news .article_pagination > span {
    border-left: solid 1px #004784;
}
#MidContentArea .eds_news_CityofLS.eds_subCollection_news .article_pager a:first-child {
    border-left: none;
}
#TabContentSub h2.articleHeadline a, #TabContentSub h2.articleHeadline a:link, #TabContentSub h2.articleHeadline a:visited {
    color: #004784;
}
#TabContentSub h2.articleHeadline a:hover, #TabContentSub h2.articleHeadline a:focus {
    color: #019dd0;
}
#TabContentSub .eds_news_CityofLS.eds_subCollection_news .article_pager, 
#TabContentSub .eds_news_CityofLS.eds_subCollection_news .article_pagination table, 
#TabContentSub .eds_news_CityofLS.eds_subCollection_news .ednMoreArticlesTriggerWrapper .trigger {
    border: solid 2px #004784;
}
#TabContentSub .eds_news_CityofLS.eds_subCollection_news .article_pager a, 
#TabContentSub .eds_news_CityofLS.eds_subCollection_news .article_pagination a {
    color: #202020;
    text-decoration: none;
}
#TabContentSub .eds_news_CityofLS.eds_subCollection_news .article_pager a.active, 
#TabContentSub .eds_news_CityofLS.eds_subCollection_news .article_pagination > span {
    color: #fff;
    background-color: #004784;
}
#TabContentSub .eds_news_CityofLS.eds_subCollection_news .article_pager a:hover, 
#TabContentSub .eds_news_CityofLS.eds_subCollection_news .article_pagination a:hover {
    color: #fff;
    background-color: #019dd0;
}
#TabContentSub .eds_news_CityofLS.eds_subCollection_news .article_pager a.active, 
#TabContentSub .eds_news_CityofLS.eds_subCollection_news .article_pagination > span {
    color: #fff;
    background-color: #004784;
}
#TabContentSub .eds_news_CityofLS.eds_subCollection_news .article_pager a.active:hover {
    color: #fff;
    background-color: #004784;
}
#TabContentSub .eds_news_CityofLS.eds_subCollection_news .article_pager a, 
#TabContentSub .eds_news_CityofLS.eds_subCollection_news .article_pager > span, 
#TabContentSub .eds_news_CityofLS.eds_subCollection_news .article_pagination a, 
#TabContentSub .eds_news_CityofLS.eds_subCollection_news .article_pagination > span {
    border-left: solid 1px #004784;
}
#TabContentSub .eds_news_CityofLS.eds_subCollection_news .article_pager a:first-child {
    border-left: none;
}

/*Boxes*/
.content-cols-col-100 {
    float: none;
    margin: 0px 0px 15px 0px;
    width: 100%;
}
.content-cols-col-left-75 {
    float: left;
    margin: 0px 15px 15px 0px;
    position: relative;
    width: calc(75% - 15px);
    z-index: 10;
}
.content-cols-col-right-75 {
    float: right;
    margin: 0px 0px 15px 15px;
    position: relative;
    width: calc(75% - 15px);
    z-index: 10;
}
.content-cols-col-left-75.box-gray, .content-cols-col-right-75.box-gray {
    width: calc(75% - 15px);
}
.content-cols-col-left-66 {
    float: left;
    margin: 0px 15px 15px 0px;
    position: relative;
    width: calc(66.666667% - 15px);
    z-index: 10;
}
.content-cols-col-right-66 {
    float: right;
    margin: 0px 0px 15px 15px;
    position: relative;
    width: calc(66.666667% - 15px);
    z-index: 10;
}
.content-cols-col-left-66.box-gray, .content-cols-col-right-66.box-gray {
    width: calc(66.666667% - 15px);
}
.content-cols-col-left-50 {
    float: left;
    margin: 0px 15px 15px 0px;
    position: relative;
    width: calc(50% - 15px);
    z-index: 10;
}
.content-cols-col-right-50 {
    float: right;
    margin: 0px 0px 15px 15px;
    position: relative;
    width: calc(50% - 15px);
    z-index: 10;
}
.content-cols-col-left-50.box-gray, .content-cols-col-right-50.box-gray {
    width: calc(50% - 15px);
}
.content-cols-col-left-33 {
    float: left;
    margin: 0px 15px 15px 0px;
    position: relative;
    width: calc(33.333333% - 15px);
    z-index: 10;
}
.content-cols-col-right-33 {
    float: right;
    margin: 0px 0px 15px 15px;
    position: relative;
    width: calc(33.333333% - 15px);
    z-index: 10;
}
.content-cols-col-left-33.box-gray, .content-cols-col-right-33.box-gray {
    width: calc(33.333333% - 15px);
}
.content-cols-col-left-25 {
    float: left;
    margin: 0px 15px 15px 0px;
    position: relative;
    width: calc(25% - 15px);
    z-index: 10;
}
.content-cols-col-right-25 {
    float: right;
    margin: 0px 0px 15px 15px;
    position: relative;
    width: calc(25% - 15px);
    z-index: 10;
}
.content-cols-col-left-25.box-gray, .content-cols-col-right-25.box-gray {
    width: calc(25% - 15px);
}
.content-cols-col-left {
    float: left;
    margin: 0px 15px 15px 0px;
    position: relative;
    z-index: 10;
}
.content-cols-col-right {
    float: right;
    margin: 0px 0px 15px 15px;
    position: relative;
    z-index: 10;
}
.box-gray {
    background-color: rgba(0,0,0,0.035);
    border: 1px solid #c1c1c1;
    padding: 10px;
    display: inline-block;
}
.box-gray p:last-child {
    margin-bottom: 0px !important;
}

/*==========  Non-Mobile First Method  Max-Width: Refers to everything less than or equal to the amount given. ==========*/
/*==========  Mobile First Method  Min-Width: Refers to everything greater than or equal to the amount given. ==========*/

    /* less than or equal to the amount given - Large Devices, Wide Screens */
    @media only screen and (max-width: 1200px) {
 .park-happening .happening-contentleft .social-nav {
      padding: 26px 0px 0px 0px; }
      .park-happening .happening-contentleft .social-nav li {
        display: -moz-inline-stack;
        display: inline-block;
        vertical-align: middle;
        *vertical-align: auto;
        zoom: 1;
        *display: inline;
        margin: 0px 10px 14px 0px; }
        .park-happening .happening-contentleft .social-nav li a {
          display: block;
          width: 34px;
          height: 34px;
          background: url("img/social-nav.png") no-repeat;
          text-indent: -9999px; }
        .park-happening .happening-contentleft .social-nav li .fb {
          background-position: 0 bottom;
          background-size: 135px; }
          .park-happening .happening-contentleft .social-nav li .fb:hover {
            background-position: 0 top; }
        .park-happening .happening-contentleft .social-nav li .tw {
          background-position: -34px bottom;
          background-size: 135px; }
          .park-happening .happening-contentleft .social-nav li .tw:hover {
            background-position: -34px top; }
        .park-happening .happening-contentleft .social-nav li .yt {
          background-position: -67px bottom;
          background-size: 135px; }
          .park-happening .happening-contentleft .social-nav li .yt:hover {
            background-position: -68px top; }
        .park-happening .happening-contentleft .social-nav li .igram {
          background-position: -101px bottom;
          background-size: 135px; }
          .park-happening .happening-contentleft .social-nav li .igram:hover {
            background-position: -102px top; }
    }

    /* less than or equal to the amount given - Medium Devices, Desktops */
    @media only screen and (max-width: 992px) {
.dyk-c { padding: 6px 0px 16px 0px;}
.dyk-c .dyk .stat-c {margin: 0px 0 20px 0px;}
.dyk-c .dyk .stat-c .parks-stat {margin-left: -15;}
.dyk-c .dyk .stat-c .recreation-stat {margin-left: -15;}
.dyk-c .dyk .stat-c .facilities-stat {margin-left: -15;}
.dyk-c .dyk .stat-c .calendar-stat {margin-left: -15;}

.park-happening h3 {white-space: nowrap; }
.park-happening .happening-content {padding: 10px 15px 0px 15px; }
    }

    /* less than or equal to the amount given - Small Devices, Tablets*/
    @media only screen and (max-width: 768px) {
.dyk-c { padding: 10px 0px 0px 0px; margin: 0px 0px 0px 0px;}
.dyk-c .dyk .stat-c .parks-stat {margin: 0 auto;}
.dyk-c .dyk .stat-c .recreation-stat {margin: 0 auto;}
.dyk-c .dyk .stat-c .facilities-stat {margin: 0 auto;}
.dyk-c .dyk .stat-c .calendar-stat {margin: 0 auto;}
.dyk-c .dyk .parks-stat .stat-circle span {top: 64px;}
.dyk-c .dyk .recreation-stat .stat-circle span {top: 64px;}
.dyk-c .dyk .facilities-stat .stat-circle span {top: 64px;}
.dyk-c .dyk .calendar-stat .stat-circle span {top: 64px;}

/* Makes bubbles stack 2 x 2, scale down, and bring background opacity up */
.dyk-c .dyk {margin: 10px 0px 0px -10px;}
.dyk-c .dyk .stat-c {margin: -10px 0px -10px 0px; width: 50%; float: left; padding: 0;
-ms-transform: scale(0.8, 0.8); /* IE 9 */
-webkit-transform: scale(0.8, 0.8); /* Safari */
transform: scale(0.8, 0.8);
}
.dyk-c .dyk .parks-stat .stat-circle,
.dyk-c .dyk .recreation-stat .stat-circle,
.dyk-c .dyk .facilities-stat .stat-circle,
.dyk-c .dyk .calendar-stat .stat-circle {
    vertical-align: middle;
    font-size: 2.5em;
    line-height: 45px;
    -webkit-transform: scale(1) !important;
    -moz-transform: scale(1) !important;
    -o-transform: scale(1) !important;
    -ms-transform: scale(1) !important;
    transform: scale(1) !important;
}
.dyk-c .dyk .parks-stat .stat-circle {opacity: 0.7;}
.dyk-c .dyk .recreation-stat .stat-circle {opacity: 0.8;}
.dyk-c .dyk .facilities-stat .stat-circle {opacity: 0.7;}
.dyk-c .dyk .calendar-stat .stat-circle {opacity: 0.8;}
.dyk-c .dyk small {
    opacity: 1;
    filter: alpha(opacity=100);
}

.park-happening .happening-contentleft { float: left; width: 100%;}
.park-happening .happening-contentright { width: 100%; padding-top: 6px;}

    .park-happening .happening-contentleft .social-nav {
      padding: 26px 0px 10px 0px; }
      .park-happening .happening-contentleft .social-nav li {
        display: -moz-inline-stack;
        display: inline-block;
        vertical-align: middle;
        *vertical-align: auto;
        zoom: 1;
        *display: inline;
        margin: 0px 14px 14px 0px; }
        .park-happening .happening-contentleft .social-nav li a {
          display: block;
          width: 48px;
          height: 48px;
          background: url("img/social-nav.png") no-repeat;
          text-indent: -9999px; }
        .park-happening .happening-contentleft .social-nav li .fb {
          background-position: 0 bottom;
          background-size: 192px;}
          .park-happening .happening-contentleft .social-nav li .fb:hover {
            background-position: 0 top; }
        .park-happening .happening-contentleft .social-nav li .tw {
          background-position: -48px bottom;
          background-size: 192px;}
          .park-happening .happening-contentleft .social-nav li .tw:hover {
            background-position: -48px top; }
        .park-happening .happening-contentleft .social-nav li .yt {
          background-position: -96px bottom;
          background-size: 192px;}
          .park-happening .happening-contentleft .social-nav li .yt:hover {
            background-position: -96px top; }
        .park-happening .happening-contentleft .social-nav li .igram {
          background-position: -144px bottom;
          background-size: 192px;}
          .park-happening .happening-contentleft .social-nav li .igram:hover {
            background-position: -144px top; }

.content-cols-col-left-75, .content-cols-col-right-75,
.content-cols-col-left-66, .content-cols-col-right-66,
.content-cols-col-left-50, .content-cols-col-right-50,
.content-cols-col-left-33, .content-cols-col-right-33,
.content-cols-col-left-25, .content-cols-col-right-25,
.content-cols-col-left, .content-cols-col-right {
    float: none;
    margin: 0px 0px 15px 0px;
    width: 100%;
}
.content-cols-col-left-75.box-gray, .content-cols-col-right-75.box-gray,
.content-cols-col-left-66.box-gray, .content-cols-col-right-66.box-gray,
.content-cols-col-left-50.box-gray, .content-cols-col-right-50.box-gray,
.content-cols-col-left-33.box-gray, .content-cols-col-right-33.box-gray,
.content-cols-col-left-25.box-gray, .content-cols-col-right-25.box-gray {
    width: 100%;
}
.videoWrapper {
    position: relative;
    padding-bottom: 56.25% !important;
    height: 0;
    overflow: hidden;
    max-width: 100%;
}
.videoWrapper iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
}

    /* less than or equal to the amount given - Extra Small Devices, Phones */ 
    @media only screen and (max-width: 480px) {

    }

    /* less than or equal to the amount given - Custom, iPhone Retina */ 
    @media only screen and (max-width: 320px) {
        
    }


/*------------------------------------------------*/
/* Middle Content area Sub Page */
/*------------------------------------------------*/

#MidContentAreaSub {
   /* min-height: 400px;*/
    width: 100%;
    margin: 0;
    padding: 0px 0px 30px 0px;
    overflow: hidden;
    background: url("img/bg-pattern-tan.png") repeat;
/*    border-top: 1px solid #c0beb7; */
}
#MidContentAreaSub a {
  color: #019dd0;
  text-decoration: underline;
}
#MidContentAreaSub a:hover {
  color: #333333;
}
#MidContentAreaSub a:active {
    /*color: #a8b400;*/ /*kiwi*/
  	color: #0d9644; /* Parks Green lighter */
    text-decoration: none;
}
#MidContentAreaSub img {
    border: 0;
    max-width: 100% !important;
    height: auto !important;
}
#MidContentAreaSub .subpageitem .subheader h1 {
    /*font-family: 'Times New Roman', Times, serif;*/
    font-size: 38px;
    display: inline-block;
    margin-top: 0;
}

#MidContentAreaSub .subpageitem .subheader hr {
    width: 100%;
    height: 1px;
    background-color:#aaaaaa;
    color:#aaaaaa;
    border: 0 none;
    margin: 6px 0 14px 0;
}


#MidContentAreaSub h1 {
    /*color: #005b82;*/ /* Sapphire */
    color: #004784; /* Parks 541C Blue lighter */
    font-weight: bold;
}
#MidContentAreaSub h1 a,
#MidContentAreaSub h1 a:link,
#MidContentAreaSub h1 a:visited {
    color: #019dd0;
    text-decoration: underline;
}
#MidContentAreaSub h1 a:hover,
#MidContentAreaSub h1 a:focus {
    /*color: #005b82;*/ /* Sapphire */
    color: #004784; /* Parks 541C Blue lighter */
}
#MidContentAreaSub h1 a:active {
  /*color: #a8b400;*/ /*kiwi*/
  color: #0d9644; /* Parks Green lighter */
  text-decoration: none;
}

.subpageitem {
  width: 100%;
  padding: 0px 20px 0px 20px;
/*  min-height: 300px;*/
/*  max-height: 300px;*/
  margin-top: 30px; }

  .subpageitem .subpageitem-wrapper {
    background: #fff;
    width: 100%;
    min-height: 400px;
    float: left;
/*    -webkit-box-shadow: 0 0 3px 0 #3e3e3e;
    -moz-box-shadow: 0 0 3px 0 #3e3e3e;
    box-shadow: 0 0 3px 0 #3e3e3e;*/
    border: 1px solid #aaaaaa;
/*    -moz-border-radius: 4px; -webkit-border-radius: 4px; -khtml-border-radius: 4px; border-radius: 4px; */
  }

  .subpageitem .subpageitem-wrapper-lower {
    background: #fff;
    width: 100%;
/*   min-height: 400px;*/
    float: left;
/*    -webkit-box-shadow: 0 0 3px 0 #3e3e3e;
    -moz-box-shadow: 0 0 3px 0 #3e3e3e;
    box-shadow: 0 0 3px 0 #3e3e3e;*/
    border: 1px solid #aaaaaa;
/*    -moz-border-radius: 4px; -webkit-border-radius: 4px; -khtml-border-radius: 4px; border-radius: 4px; */
  }

    .subpageitem .subpage-contenttop {
    float: left;
    width: 100%;
    position: relative;
    padding: 0;
    margin: 0;    
  }

  .subpageitem .subpage-content {
    width: 100%;
    padding: 20px 18px 20px 20px;
    float: left;     
  }

 .subpageitem .subpage-contenttop h2 {
  font-size: 22px;
  /*color: #99a40a;*/ /*kiwi-darker*/
  color: #008444; /* Parks Green */
  font-weight:bold;
  margin: 6px 0px 0px 0px;
  padding: 4px 0px 4px 0px;
}

.subpageitem .subpage-contenttop h3 {
  font-size: 18px;
  /*color: #005b82;*/ /* Sapphire */
  color: #004784; /* Parks 541C Blue lighter */
  font-weight:bold;
  margin: 4px 0px 0px 0px;
  padding: 6px 0px 6px 0px;
}
#TopContentSub .subpageitem .subpage-contenttop h3 a:hover {
    /*color: #005b82;*/ /* Sapphire */
    color: #004784; /* Parks 541C Blue lighter */
}

    .subpageitem .subpage-content p {
      padding: 0px 0px 10px 0px; }
    .subpageitem .subpage-content p.lastchild {
      padding: 0px 0px 0px 0px; }

  .subpageitem .subpage-content img {
/*  display: block;*/
  max-width: 100%;
  height: auto;     
  }

.subpageitem .subpage-content ul {list-style-position: inside; position: relative;}
.subpageitem .subpage-content ol {list-style-position: inside; position: relative;}
.subpageitem .subpage-content ul li, .subpageitem .subpage-content ol li{padding: 0px 0px 2px 0px;}
.subpageitem .subpage-content ul.treeview li {padding: 3px 0 2px 16px;}
.subpageitem .subpage-content .sitemap ul li {padding: 8px 0px 0px 0px;}


/* Table Styles */

#MidContentAreaSub .tablesyle1 table{
    border-collapse: collapse;
    width: 100%;
    font-size: 14px;
    line-height: 18px;
}

#MidContentAreaSub .tablesyle1 table td, #MidContentAreaSub .tablesyle1 table th{
    /*border: 1px solid #005b82;*/ /* Sapphire */
    border: 1px solid #004784; /* Parks 541C Blue lighter */
    padding: 5px 5px 5px 8px; 
    white-space:normal;
}

#MidContentAreaSub .tablesyle1 table > tbody > tr:nth-of-type(odd) {
  background-color:rgba(0,91,130,0.09); /*Sapphire transparent*/
}

#MidContentAreaSub .tablesyle1 table th{
  font-weight: bold;
}

#MidContentAreaSub .tablesyle1 table td{
}

#MidContentAreaSub .tablesyle2 table{
    border-collapse: collapse;
    width: 100%;
    font-size: 14px;
    line-height: 18px;
}

#MidContentAreaSub .tablesyle2 table td, #MidContentAreaSub .tablesyle2 table th{
    /*border: 1px solid #005b82;*/ /* Sapphire */
    border: 1px solid #004784; /* Parks 541C Blue lighter */
    padding: 5px 5px 5px 8px; 
    white-space:normal;
}

#MidContentAreaSub .tablesyle2 table > tbody > tr:nth-of-type(odd) {
  /*background-color:rgba(0,91,130,0.09);*/ /*Sapphire transparent*/
}

#MidContentAreaSub .tablesyle2 table th{
  font-weight: bold;
}

#MidContentAreaSub .tablesyle2 table td{
}

#MidContentAreaSub .tablesyle3 table{
    border-collapse: collapse;
    width: 100%;
    font-size: 14px;
    line-height: 18px;
}

#MidContentAreaSub .tablesyle3 table td, #MidContentAreaSub .tablesyle3 table th{
    /*border: 1px solid #005b82;*/ /* Sapphire */
    padding: 10px 10px 10px 10px; 
    white-space:normal;
}

#MidContentAreaSub .tablesyle3 table > tbody > tr:nth-of-type(odd) {
  /*background-color:rgba(0,91,130,0.09);*/ /*Sapphire transparent*/
}

#MidContentAreaSub .tablesyle3 table th{
  font-weight: bold;
}

#MidContentAreaSub .tablesyle3 table td{
}


#MidContentAreaSub .tablesyle4 table{
    border-collapse: collapse;
    width: 100%;
    font-size: 14px;
    line-height: 18px;
}

#MidContentAreaSub .tablesyle4 table td, #MidContentAreaSub .tablesyle4 table th{
    /*border: 1px solid #005b82;*/ /* Sapphire */
    border: 1px solid #004784; /* Parks 541C Blue lighter */
    padding: 5px 5px 5px 8px; 
    white-space:normal;
}

#MidContentAreaSub .tablesyle4 table > tbody > tr:nth-of-type(odd) {
  background-color:rgba(255,180,0,0.09); /*Marigold transparent*/
}

#MidContentAreaSub .tablesyle4 table th{
  background-color:rgba(255,180,0,1); /*Marigold*/
  font-weight: bold;
}

#MidContentAreaSub .tablesyle4 table td{
}


/********* LS Illustrated page ***********/

#MidContentAreaSub .issuuembed {height: 750px;}


/********* Parks List ***********/

.parksList {
	float: left;
	width: 25%;
}
.parksList ul {
	padding: 0 0 0 0;
}
.parksList ul li {
	list-style-type: none;
	padding-top: 5px;
}
.parksMap {
	width: 74%;
	float: right;
}
/*	This is the new interactive map that is hidden on 992px and less. See below. */
.parksMapAmenities {
	width: 74%;
	float: right;
    display:inline;
}
.parksListHeader {display:inline;}
.parksListHeaderPhone {float:left; width: 100%; display:none;}

/********* Common List Button ***********/

#MidContentAreaSub .listcontent-button {
	margin: 10px auto 15px;
	text-align: center;
}

#MidContentAreaSub .listcontent-button a.listcontent-item {
	/*background-color: #005b82;*/ /* Sapphire */
	background-color: #004784; /* Parks 541C Blue lighter */
/*	border: 2px solid #aaaaaa; */
	border-radius: 2px;
/*	color: #019dd0;; */
	color: #FFFFFF;
	cursor: pointer;
	overflow: visible;
	margin: 0;
	padding: 4px 14px;
	position: relative;
    text-decoration:none;
    text-transform:uppercase;
    font-weight:bold;
}

#MidContentAreaSub .listcontent-button a.listcontent-item:hover {
/*	background-color: #00b9e4;*/
    background-color: #019dd0;
	color: #FFFFFF;
    text-decoration:none;
}

/********* Parks List ***********/


  .subpageitem .subpage-listcontentparks {
    width: 100%;
    padding: 0px 0px 0px 0px;
    float: left;     
  }

    .subpageitem .subpage-listcontentparks p {
      padding: 0px 0px 4px 0px; }
    .subpageitem .subpage-listcontentparks p.lastchild {
      padding: 0px 0px 0px 0px; }

.subpageitem .subpage-listcontentparks hr {
    width: 100%;
    height: 1px;
    background-color:#aaaaaa;
    color:#aaaaaa;
    border: 0 none;
    margin: 6px 0 14px 0;
}

/* ---- .element-item is the box---- */

.element-item {
  display:block;
  position: relative;
  float: left;
  width: 19%;
  margin: 0 1% 1% 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

.subpageitem .element-item {
    background: white;
    padding: 1%;
    height: 244px;
    overflow: hidden auto;
    -webkit-box-shadow: 0 0 3px 0 #3e3e3e;
    -moz-box-shadow: 0 0 3px 0 #3e3e3e;
    box-shadow: 0 0 3px 0 #3e3e3e; }

.subpageitem .subpage-listcontentparks .listitem {padding: 12px 12px 0px 12px;}

#MidContentAreaSub .thumbnailparks img {
  /*border: 2px solid #a8b400;*/ /*kiwi*/
  border: 2px solid #0d9644; /* Parks Green lighter */
  display: block;
  max-width: 100%;
  height: auto;
}

#MidContentAreaSub .titleparks {
  text-align: center;
  font-size: 14px;
  line-height: 18px;
  font-weight: bold;
  /*color: #005b82;*/ /* Sapphire */
  color: #004784; /* Parks 541C Blue lighter */
  margin: 8px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
}
#MidContentAreaSub .addressparks {
  text-align: center;
  font-size: 12px;
  line-height: 14px;
  margin: 2px 0px 0px 0px;
  padding: 0px 0px 3px 0px;
}

/********* Parks filters ***********/

.grid {
  width:100%;
  margin: 6px auto;
}
.subpageitem .subpage-listcontentparks .grid p {
  padding: 0px 0px 0px 0px; }
.subpageitem .subpage-listcontentparks .grid p.lastchild {
  padding: 0px 0px 0px 0px; }

/* the dropdown selctions */
#MidContentAreaSub select.filters-select {
  font-size: 16px;
  margin: 2px 0px 6px 0px;
}

#filter-display {
/*  float:right;	
  font-size: 14px;
  padding: 4px;
  border: 1px solid #CCC;
  margin: 0px 0px 0px 0px; */
}

/* ---- view on map button ---- */

#MidContentAreaSub a.button-park-map {
    color: #FFF;
    text-decoration: none;
}

.button-park-map {
  display: inline-block;
  padding: 3px 8px 2px 8px;
  margin: 0px 0px 0px 4px;
  /*background-color: #005b82;*/ /* Sapphire */
  background-color: #004784; /* Parks 541C Blue lighter */
  border: none;
  border-radius: 2px;
  background-image: linear-gradient( to bottom, hsla(0, 0%, 0%, 0), hsla(0, 0%, 0%, 0.2) );
  color: #FFF;
  font-family:Arial, Helvetica, sans-serif;
  font-size: 12px;
/*  text-shadow: 0 1px white;*/
  cursor: pointer;
  text-decoration: none;
  text-transform:uppercase;
  font-weight:bold;
}

.button-park-map:hover {
  background-color: #489ffb;
/*  background-color: #019dd0;*/
/*  text-shadow: 0 1px hsla(0, 0%, 100%, 0.5);*/
  color: #FFF;
}


/* clear fix */
.isotope:after {
  content: '';
  display: block;
  clear: both;
}





/********* Shelters List ***********/

  .subpageitem .subpage-listcontentshelters {
    width: 100%;
    padding: 0px 0px 0px 0px;
    float: left;     
  }

    .subpageitem .subpage-listcontentshelters p {
      padding: 0px 0px 10px 0px; }
    .subpageitem .subpage-listcontentshelters p.lastchild {
      padding: 0px 0px 0px 0px; }

.subpageitem .subpage-listcontentshelters .col3 {
    background: white;
    position: relative;
    padding: 2%;
    height: 396px;
    overflow: hidden auto;
    -webkit-box-shadow: 0 0 3px 0 #3e3e3e;
    -moz-box-shadow: 0 0 3px 0 #3e3e3e;
    box-shadow: 0 0 3px 0 #3e3e3e; }

.subpageitem .subpage-listcontentshelters .listitem {padding: 20px 20px 0px 20px;}

#MidContentAreaSub .thumbnailshelter img {
  /*border: 2px solid #a8b400;*/ /*kiwi*/
  border: 2px solid #0d9644; /* Parks Green lighter */ 
  display: block;
  max-width: 100%;
  height: auto;
}

#MidContentAreaSub .titleshelter {
  text-align: center;
  line-height: 16px;
  font-weight: bold;
  /*color: #005b82;*/ /* Sapphire */
  color: #004784; /* Parks 541C Blue lighter */
  margin: 10px 0px 4px 0px;
  padding: 0px 0px 0px 0px;
}

#MidContentAreaSub .addressshelter {
  text-align: center;
  margin: 2px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
}

#MidContentAreaSub .capacityshelter {
  text-align: center;
  font-weight: bold;
  margin: 2px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
}

/********* Recreation List ***********/

  .subpageitem .subpage-listcontentrecreation {
    width: 100%;
    padding: 0px 0px 0px 0px;
    float: left;     
  }

    .subpageitem .subpage-listcontentrecreation p {
      padding: 0px 0px 10px 0px; }
    .subpageitem .subpage-listcontentrecreation p.lastchild {
      padding: 0px 0px 0px 0px; }

.subpageitem .subpage-listcontentrecreation .col3 {
    background: white;
    position: relative;
    padding: 2%;
    height: 340px;
    overflow: hidden auto;
    -webkit-box-shadow: 0 0 3px 0 #3e3e3e;
    -moz-box-shadow: 0 0 3px 0 #3e3e3e;
    box-shadow: 0 0 3px 0 #3e3e3e; }

.subpageitem .subpage-listcontentrecreation .listitem {padding: 20px 20px 0px 20px;}

#MidContentAreaSub .thumbnailrecreation img {
  /*border: 2px solid #a8b400;*/ /*kiwi*/
  border: 2px solid #0d9644; /* Parks Green lighter */ 
  display: block;
  max-width: 100%;
  height: auto;
}

#MidContentAreaSub .titlerecreation {
  text-align: center;
  font-size: 16px;
  line-height: 18px;
  font-weight: bold;
  /*color: #005b82;*/ /* Sapphire */
  color: #004784; /* Parks 541C Blue lighter */
  margin: 12px 0px 12px 0px;
  padding: 0px 0px 0px 0px;
}

/********* Youth Activities List ***********/

  .subpageitem .subpage-listcontentYactivities {
    width: 100%;
    padding: 0px 0px 0px 0px;
    float: left;     
  }

    .subpageitem .subpage-listcontentYactivities p {
      padding: 0px 0px 10px 0px; }
    .subpageitem .subpage-listcontentYactivities p.lastchild {
      padding: 0px 0px 0px 0px; }

.subpageitem .subpage-listcontentYactivities .col3 {
    background: white;
    position: relative;
    padding: 2%;
    height: 380px;
    overflow: hidden auto;
    -webkit-box-shadow: 0 0 3px 0 #3e3e3e;
    -moz-box-shadow: 0 0 3px 0 #3e3e3e;
    box-shadow: 0 0 3px 0 #3e3e3e; }

.subpageitem .subpage-listcontentYactivities .listitem {padding: 20px 20px 0px 20px;}

#MidContentAreaSub .thumbnailYactivities img {
  /*border: 2px solid #a8b400;*/ /*kiwi*/
  border: 2px solid #0d9644; /* Parks Green lighter */ 
  display: block;
  max-width: 100%;
  height: auto;
}

#MidContentAreaSub .titleYactivities {
  text-align: center;
  font-size: 18px;
  line-height: 20px;
  font-weight: bold;
  /*color: #005b82;*/ /* Sapphire */
  color: #004784; /* Parks 541C Blue lighter */
  margin: 10px 0px 4px 0px;
  padding: 0px 0px 0px 0px;
}
#MidContentAreaSub .activitiesYactivities {
  text-align: center;
  margin: 4px 0px 14px 0px;
  padding: 0px 0px 0px 0px;
}

/********* Adult Activities List ***********/

  .subpageitem .subpage-listcontentAactivities {
    width: 100%;
    padding: 0px 0px 0px 0px;
    float: left;     
  }

    .subpageitem .subpage-listcontentAactivities p {
      padding: 0px 0px 10px 0px; }
    .subpageitem .subpage-listcontentAactivities p.lastchild {
      padding: 0px 0px 0px 0px; }

.subpageitem .subpage-listcontentAactivities .col3 {
    background: white;
    position: relative;
    padding: 2%;
    height: 380px;
    overflow: hidden auto;
    -webkit-box-shadow: 0 0 3px 0 #3e3e3e;
    -moz-box-shadow: 0 0 3px 0 #3e3e3e;
    box-shadow: 0 0 3px 0 #3e3e3e; }

.subpageitem .subpage-listcontentAactivities .listitem {padding: 20px 20px 0px 20px;}

#MidContentAreaSub .thumbnailAactivities img {
  /*border: 2px solid #a8b400;*/ /*kiwi*/
  border: 2px solid #0d9644; /* Parks Green lighter */ 
  display: block;
  max-width: 100%;
  height: auto;
}

#MidContentAreaSub .titleAactivities {
  text-align: center;
  font-size: 18px;
  line-height: 20px;
  font-weight: bold;
  /*color: #005b82;*/ /* Sapphire */
  color: #004784; /* Parks 541C Blue lighter */
  margin: 10px 0px 4px 0px;
  padding: 0px 0px 0px 0px;
}
#MidContentAreaSub .activitiesAactivities {
  text-align: center;
  margin: 4px 0px 14px 0px;
  padding: 0px 0px 0px 0px;
}

/********* Facilities List ***********/

  .subpageitem .subpage-listcontentfacilities {
    width: 100%;
    padding: 0px 0px 0px 0px;
    float: left;     
  }

    .subpageitem .subpage-listcontentfacilities p {
      padding: 0px 0px 10px 0px; }
    .subpageitem .subpage-listcontentfacilities p.lastchild {
      padding: 0px 0px 0px 0px; }

.subpageitem .subpage-listcontentfacilities .col3 {
    background: white;
    position: relative;
    padding: 2%;
    height: 374px;
    overflow: hidden auto;
    -webkit-box-shadow: 0 0 3px 0 #3e3e3e;
    -moz-box-shadow: 0 0 3px 0 #3e3e3e;
    box-shadow: 0 0 3px 0 #3e3e3e; }

.subpageitem .subpage-listcontentfacilities .listitem {padding: 20px 20px 0px 20px;}

#MidContentAreaSub .thumbnailfacilities img {
  /*border: 2px solid #a8b400;*/ /*kiwi*/
  border: 2px solid #0d9644; /* Parks Green lighter */ 
  display: block;
  max-width: 100%;
  height: auto;
}

#MidContentAreaSub .titlefacilities {
  text-align: center;
  line-height: 16px;
  font-weight: bold;
  /*color: #005b82;*/ /* Sapphire */
  color: #004784; /* Parks 541C Blue lighter */
  margin: 10px 0px 4px 0px;
  padding: 0px 0px 0px 0px;
}
#MidContentAreaSub .addressfacilities {
  text-align: center;
  margin: 2px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
}

/********* Park Board image div containers ***********/

  .colleft-board {
  float: left;
  text-align: center;
  font-size: 12px;
  line-height: 14px;
  width:106px;
  overflow: hidden;
  margin: 5px 5px 5px 5px;
  border: 1px solid #a5a5a5;
  padding: 2px 2px 4px 2px; }

  .colleft-board table {
  text-align: center;
  font-size: 12px;
  line-height: 14px;}

  .colleft-board img {margin-bottom: 3px !important;}
  .colleft-board p {margin: 0px; padding: 0px;}


/********* LS Arts Council div containers ***********/

  .colleft-50 {
  float: left;
  width:50%;
  padding-right: 2%; }



    /* less than or equal to the amount given - Large Devices, Wide Screens */
    @media only screen and (max-width: 1200px) {
#MidContentAreaSub .issuuembed {height: 610px;}
} 

    @media only screen and (max-width: 992px) {
#MidContentAreaSub .tablesyle1 table td, #MidContentAreaSub .tablesyle1 table th{border: 1px solid #004784; padding: 3px 1px 3px 3px; white-space:normal;}
#MidContentAreaSub .tablesyle1 table {font-size: 12px; line-height: 16px;}
#MidContentAreaSub .tablesyle2 table td, #MidContentAreaSub .tablesyle2 table th{border: 1px solid #004784; padding: 3px 1px 3px 3px; white-space:normal;}
#MidContentAreaSub .tablesyle2 table {font-size: 12px; line-height: 16px;}

#MidContentAreaSub .issuuembed {height: 460px;}
.parksList {float: left; display:block; width: 100%;}
.parksMap {float: left; width: 100%;}
.parksMapAmenities {display:none;}
.parksListHeader {display:none;}
.parksListHeaderPhone {display:block;}
} 

    @media only screen and (max-width: 768px) {
#MidContentArea img,
#MidContentAreaSub img {
    float: none !important;
    margin-left: 0 !important;
    clear: both;
}
#MidContentAreaSub .subpageitem .subheader {text-align: center;}
#MidContentAreaSub .tablesyle1 table{border: 1px solid #004784;}
#MidContentAreaSub .tablesyle1 table td, #MidContentAreaSub .tablesyle1 table th{border: 1px solid #004784; padding: 3px 1px 3px 3px; white-space:normal;}
#MidContentAreaSub .tablesyle1 table {font-size: 10px; line-height: 13px;}
#MidContentAreaSub .tablesyle2 table{border: 1px solid #004784;}
#MidContentAreaSub .tablesyle2 table td, #MidContentAreaSub .tablesyle2 table th{border: 1px solid #004784; padding: 3px 1px 3px 3px; white-space:normal;}
#MidContentAreaSub .tablesyle2 table {font-size: 10px; line-height: 13px;}
#MidContentAreaSub .tablesyle4 table{border: 1px solid #004784;}
#MidContentAreaSub .tablesyle4 table td, #MidContentAreaSub .tablesyle4 table th{border: 1px solid #004784; padding: 3px 1px 3px 3px; white-space:normal;}
#MidContentAreaSub .tablesyle4 table {font-size: 10px; line-height: 13px;}

#MidContentAreaSub .issuuembed {height: 360px; position: relative; top: 0px;} /* originaly I had top:-132; to help with display on my older phone. New phone is ok now  */

.colleft-50 {width:100%; padding-right: 0;}
} 

.visible-xs-wide { /* I added this for horz phone display */
  display: none !important;
}
            /* less than or equal to the amount given - Extra Small Devices, Phones turned sideways */ 
    @media (min-width: 480px) and (max-width: 767px) {
  .visible-xs-wide {display: block !important;}
} 
        /* less than or equal to the amount given - Extra Small Devices, Phones */ 
    @media only screen and (max-width: 480px) {

} 


/*------------------------------------------------*/
/* Tab Content area Sub Page */
/*------------------------------------------------*/

#TabContentSub a {
  color: #019dd0;
  text-decoration: underline;
}
#TabContentSub a:hover {
  color: #333333;
}
#TabContentSub a:active {
    /*color: #a8b400;*/ /*kiwi*/
	color: #0d9644; /* Parks Green lighter */
    text-decoration: none;
}
#TabContentSub .ui-state-active a.ui-tabs-anchor { /*This is the active color of the tabs text*/
  /*color: #99a40a;*/ /*kiwi-darker*/
  color: #008444; /* Parks Green */
  text-decoration: none;
  font-weight: bold;
}

#TabContentSub h1 {
    /*color: #005b82;*/ /* Sapphire */
    color: #004784; /* Parks 541C Blue lighter */
}
#TabContentSub h1 a,
#TabContentSub h1 a:link,
#TabContentSub h1 a:visited {
    color: #019dd0;
    text-decoration: underline;
}
#TabContentSub h1 a:hover,
#TabContentSub h1 a:focus {
    /*color: #005b82;*/ /* Sapphire */
    color: #004784; /* Parks 541C Blue lighter */
}
#TabContentSub h1 a:active {
	/*color: #a8b400;*/ /*kiwi*/
	color: #0d9644; /* Parks Green lighter */
	text-decoration: none;
}

#TabContentSub .subpagetabitem {
  width: 100%;
  padding: 0px 5px 0px 5px;
  margin: 20px 0px 0px 0px; }

#TabContentSub .subpagetabitem h2 {
  font-size: 22px;
  /*color: #99a40a;*/ /*kiwi-darker*/
  color: #008444; /* Parks Green */
  font-weight:bold;
  margin: 6px 0px 0px 0px;
  padding: 4px 0px 4px 0px;
}

#TabContentSub .subpagetabitem h3 {
  font-size: 18px;
  /*color: #005b82;*/ /* Sapphire */
  color: #004784; /* Parks 541C Blue lighter */
  font-weight:bold;
  margin: 4px 0px 0px 0px;
  padding: 6px 0px 6px 0px;
}
#TabContentSub .subpagetabitem h3 a:hover {
  /*color: #005b82;*/ /* Sapphire */
  color: #004784; /* Parks 541C Blue lighter */
}

#TabContentSub .subpagetabitem img {
/*  display: block;*/
  max-width: 100%;
  height: auto;     
  }

#TabContentSub .livetabsparks1 .ui-widget-header {
  font-size: 13px;}
#TabContentSub .livetabsparks1 {
    font-size: 14px; 
  line-height: 20px;
}

#TabContentSub .livetabsparks1inside .ui-widget-header {
  font-size: 13px;}
#TabContentSub .livetabsparks1inside {
  font-size: 14px; 
  line-height: 20px;
}


#TabContentSub .livetabsparks1 .ui-tabs .ui-tabs-nav li a {text-transform: uppercase;}
#TabContentSub .livetabsparks1 .ui-tabs .ui-tabs-panel h3 a:hover {color: #004784;}
#TabContentSub .livetabsparks1 .ui-tabs .ui-tabs-panel {min-height: 300px;}

#TabContentSub .livetabsparks1 .ui-tabs .ui-tabs-panel ul {padding-left: 15px;}
#TabContentSub .livetabsparks1 .ui-tabs .ui-tabs-panel ol {padding-left: 15px;}
#TabContentSub .livetabsparks1 .ui-tabs .ui-tabs-panel ul li {padding: 0px 0px 2px 0px;}
#TabContentSub .livetabsparks1 .ui-tabs .ui-tabs-panel ol li {padding: 0px 0px 2px 0px;}

/*This is for a form within a tab*/
#TabContentSub .livetabsparks1 .ui-tabs .ui-tabs-panel ul.form_list {padding-left: 0px;}

#TabContentSub .livetabsparks1inside .ui-tabs .ui-tabs-nav li a {text-transform: none;}

#TabContentSub .livetabsparks1inside.mleft .mleft.ui-tabs .mleft.ui-tabs-panel {width: 80%}

#TabContentSub .livetabsparks1inside .ui-tabs .ui-tabs-panel ul {padding-left: 15px;}
#TabContentSub .livetabsparks1inside .ui-tabs .ui-tabs-panel ol {padding-left: 15px;}
#TabContentSub .livetabsparks1inside .ui-tabs .ui-tabs-panel ul li {padding: 0px 0px 2px 0px;}
#TabContentSub .livetabsparks1inside .ui-tabs .ui-tabs-panel ol li {padding: 0px 0px 2px 0px;}

    @media only screen and (max-width: 992px) {
.subpageitem .subpage-content img {margin-bottom: 10px;} /* image area in top sub-pages */
}

    @media only screen and (max-width: 768px) {
#TabContentSub .livetabsparks1 .ui-tabs {width:98%}
#TabContentSub .livetabsparks1 .ui-tabs .ui-tabs-nav {border-radius:0; -moz-border-radius:0; webkit-border-radius:0;}
#TabContentSub .livetabsparks1 .ui-tabs .ui-tabs-nav li {width:100% !important; border-radius:0; -moz-border-radius:0; webkit-border-radius:0;}
#TabContentSub .livetabsparks1 .ui-tabs .ui-tabs-nav li a {width:100%; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box;}

#TabContentSub .livetabsparks1inside.mleft .mleft.ui-tabs .mleft.ui-tabs-panel {margin: 0px 0px 0px 0px; width: 100%}
#TabContentSub .livetabsparks1inside.mleft .mleft.ui-tabs .mleft.ui-tabs-nav {float: none; width: 100%;}
#TabContentSub .livetabsparks1inside.mleft .mleft.ui-tabs .mleft.ui-tabs-nav li.mleft{border-bottom: 1px solid #aaa !important; border-bottom-right-radius: 4px !important; border-right: 1px solid #aaa; border-top-right-radius: 4px; border-bottom-right-radius: 4px;}
#TabContentSub .livetabsparks1inside.mleft .mleft.ui-tabs .mleft.ui-tabs-panel {margin: 0px 0px 0px 0px;}
#TabContentSub .livetabsparks1inside.mleft .mleft.ui-tabs .mleft.ui-tabs-panel, .livetabsparks1inside.mright .mright.ui-tabs .mright.ui-tabs-panel {margin: 2px 0px 0px 0px;}
}

        /* less than or equal to the amount given - Extra Small Devices, Phones */ 
    @media only screen and (max-width: 480px) {
#TopContentSub img {float:none !important; display:block; clear: both; margin-left:0 !important;} /* to always push text under images for small displays */
#TabContentSub img {float:none !important; display:block; clear: both; margin-left:0 !important;} /* to always push text under images for small displays */
    }

    /* less than or equal to the amount given - Custom, iPhone Retina */ 
    @media only screen and (max-width: 320px) {
        
    }



/*------------------------------------------------*/
/* Bottom Content area */
/*------------------------------------------------*/

#BottomContentArea {
    width: 100%;
    margin: 0;
    padding: 20px 0px 10px 0px;
/*    overflow: hidden;*/
    background: url("img/bg-pattern-tan.png") repeat;
}

.col3 {
  float: left;
  width: 32%;
  margin: 0 2% 2% 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }
    .col3:nth-child(3n+3) {
        margin-right: 0;}


.btm-three {
  width: 100%;
  padding: 10px 20px 10px 20px;
  /*margin: 20px auto 0;*/ }

  .btm-three .ftr-feed .col3 {
    background: white;
    position: relative;
    padding: 2%;
    min-height: 450px;
    -webkit-box-shadow: 0 0 3px 0 #3e3e3e;
    -moz-box-shadow: 0 0 3px 0 #3e3e3e;
    box-shadow: 0 0 3px 0 #3e3e3e; }

  .btm-three .ftr-feed h3 {
    position: absolute;
    min-width: 220px;
    margin: 10px 0px 0px 0px;
    top: 0px;
    left: -7px;
    padding: 10px;
    font-size: 18px;
    font-weight: bold;
    color: white;
    text-shadow: 1px 1px 1px rgba(37, 37, 37, 0.4);
    -webkit-box-shadow: 0 0 2px 0 #999;
    -moz-box-shadow: 0 0 2px 0 #999;
    box-shadow: 0 0 2px 0 #999; }

.btm-three .ftr-feed .instagram-feed {padding: 20px 30px 20px 16px; }

  .btm-three .ftr-feed .instagram-feed h3 {
/*    background: #1188ea; */
    background: #00b9e4;
    letter-spacing: -1px;
  }
  .btm-three .ftr-feed .instagram-feed .instagram-main ul li {
    float: left; list-style: none; }
    .btm-three .ftr-feed .instagram-feed .instagram-main ul li img {
      width: 100%; }
  .btm-three .ftr-feed .instagram-feed .instagram-right { }
    .btm-three .ftr-feed .instagram-feed .instagram-right ul li {
      float: right; list-style: none; }
      .btm-three .ftr-feed .instagram-feed .instagram-right ul li img {
        width: 100%; }
  .btm-three .ftr-feed .instagram-feed .instagram-left {clear: both; }
    .btm-three .ftr-feed .instagram-feed .instagram-left ul li {
      float: left; display: inline; list-style: none; }
      .btm-three .ftr-feed .instagram-feed .instagram-left ul li:last-child {margin: 0; }
      .btm-three .ftr-feed .instagram-feed .instagram-left ul li img {
        width: 100%; }

#instafeed2 li a {padding:0px; float: left; width: 192px; margin: 0px 0px px 0px; }
#instafeed3 li a { padding:0px; float: right; width: 93px; margin: 0px 6px 6px 0px; }
#instafeed4 li a, #instafeed5 li a {padding:0px; float: left; width: 93px; margin: 0px 6px 6px 0px; }


.btm-three .ftr-feed .didyouknow {padding: 68px 20px 0px 20px;}

  .btm-three .ftr-feed .didyouknow h3 {
    background: #ffb400;
 /*   z-index: 22;*/
  }



  .btm-three .ftr-feed .getinvolved {
    background: #e3e6b2;
    font-size: 16px;
    line-height: 22px;
    /*color: #005b82;*/ /* Sapphire */
    color: #004784; /* Parks 541C Blue lighter */
    height: 450px;
  }
  .btm-three .ftr-feed .getinvolved h3 {
/*    background: #f5c211;*/
    /*background: #005b82;*/ /* Sapphire */
    background: #004784; /* Parks 541C Blue lighter */
  }
  .btm-three .ftr-feed .getinvolved a {
    font-weight: bold;
    text-decoration: none;
    /*color: #005b82;*/ /* Sapphire */
    color: #004784; /* Parks 541C Blue lighter */
  }
  .btm-three .ftr-feed .getinvolved a:hover {
    font-weight: bold;
    text-decoration: none;
    color: #00b9e4;
  }
  .btm-three .ftr-feed .getinvolved ul {
    margin: 50px 0px 0px 20px;
  }
  .btm-three .ftr-feed .getinvolved ul li {
    /*color: #005b82;*/ /* Sapphire */
    color: #004784; /* Parks 541C Blue lighter */
    list-style: disc;
    font-size: 16px;
    line-height: 24px;
    padding: 0px 0px 12px 0px;
  }

ul#getinvolvedlist li a { font-weight:bold;}

ul#getinvolvedlist li a:hover { 
	/*color:#8a9414;*/ /*kiwi-medium-dark*/
	color:#000;
}
	
	/* Get Involved button list */
	ul#getinvolvedlist							{ margin:35px 0px 0px 0px; padding:0px;}
	ul#getinvolvedlist li						{ margin:0px; padding:5px 0px 5px 0px; list-style:none;line-height:1em; border-bottom:1px  rgba(0,62,116,0.2) solid}
	ul#getinvolvedlist li a					{ line-height:1em; text-decoration:none; padding:7px 0; display:block; background:url("img/arrow30x30.png") 100% 50% no-repeat; display:block; -webkit-transition:all 0.5s ease;-moz-transition:all 0.5s ease;-o-transition:all 0.5s ease;transition:all 0.5s ease;}
	ul#getinvolvedlist li a:hover				{ background-position:0 50%; padding-left:20px;}
    ul#getinvolvedlist li.lastchild			{ margin-bottom:34px;}



/*==========  Non-Mobile First Method  Max-Width: Refers to everything less than or equal to the amount given. ==========*/
/*==========  Mobile First Method  Min-Width: Refers to everything greater than or equal to the amount given. ==========*/

    /* less than or equal to the amount given - Large Devices, Wide Screens */
    @media only screen and (max-width: 1200px) {
.btm-three .ftr-feed .col3 {min-height: 390px;}
.btm-three .ftr-feed .instagram-feed {height: 390px; padding: 20px 15px 10px 8px; }
#instafeed2 li a {padding:0px; float: left; width: 165px; margin: 0px 0px 5px 0px; }
#instafeed3 li a { padding:0px; float: right; width: 80px; margin: 0px 5px 5px 0px; }
#instafeed4 li a, #instafeed5 li a {padding:0px; float: left; width: 80px; margin: 0px 5px 5px 0px; }
.btm-three .ftr-feed .didyouknow {height: 390px; padding: 70px 20px 0px 20px;}
.btm-three .ftr-feed .getinvolved {height: 390px; font-size: 16px; line-height: 24px;}
.btm-three .ftr-feed .getinvolved ul li {font-size: 16px; line-height: 24px; padding: 0px 0px 8px 0px;}
	ul#getinvolvedlist {margin:40px 0px 0px 0px;}
	ul#getinvolvedlist li {padding:2px 0px 2px 0px;}
.element-item {width: 24%;margin: 0 1% 1% 0;}
.subpageitem .element-item {padding: 1%;height: 248px;}
.subpageitem .subpage-listcontentshelters .col3 {height: 346px;}
.subpageitem .subpage-listcontentrecreation .col3 {height: 292px;}
.subpageitem .subpage-listcontentYactivities .col3 {height: 332px;}
.subpageitem .subpage-listcontentAactivities .col3 {height: 332px;}
.subpageitem .subpage-listcontentfacilities .col3 {height: 326px;}
    }


    /* less than or equal to the amount given - Medium Devices, Desktops */
    @media only screen and (max-width: 992px) {
.btm-three .ftr-feed .col3 {min-height: 350px;}
.btm-three .ftr-feed .instagram-feed {height: 350px; padding: 60px 8px 0px 0px; }
#instafeed2 li a {padding:0px; float: left; width: 128px; margin: 0px 0px 4px 0px; }
#instafeed3 li a { padding:0px; float: right; width: 62px; margin: 0px 4px 4px 0px; }
#instafeed4 li a, #instafeed5 li a {padding:0px; float: left; width: 62px; margin: 0px 4px 4px 0px; }
.btm-three .ftr-feed .didyouknow {height: 350px; padding: 70px 20px 0px 20px;}
.btm-three .ftr-feed .getinvolved {height: 350px; font-size: 14px; line-height: 18px;}
.btm-three .ftr-feed .getinvolved ul li {font-size: 14px; line-height: 18px; padding: 0px 0px 7px 0px;}
	ul#getinvolvedlist {margin:38px 0px 0px 0px;}
	ul#getinvolvedlist li {padding:0px 5px 0px 5px;}
.element-item {width: 32%;margin: 0 1% 1% 0;}
.subpageitem .element-item {padding: 1%;height: 250px;}
.subpageitem .subpage-listcontentshelters .col3 {height: 310px;}
.subpageitem .subpage-listcontentrecreation .col3 {height: 240px;}
.subpageitem .subpage-listcontentYactivities .col3 {height: 300px;}
.subpageitem .subpage-listcontentAactivities .col3 {height: 300px;}
.subpageitem .subpage-listcontentfacilities .col3 {height: 290px;}

    }

    /* less than or equal to the amount given - Small Devices, Tablets*/
    @media only screen and (max-width: 768px) {
#BottomContentArea {padding: 0px 0px 10px 0px;}
.col3 {width: 310px; float: none; margin: 20px auto; padding: 0px 20px; }
.col3:nth-child(3n+3) {margin: 20px auto;}
.btm-three .ftr-feed .col3 {padding: 3%; min-height: 400px;}
.btm-three .ftr-feed .instagram-feed {height: 405px; padding: 10px 10px 0px 0px; }
#instafeed2 li a {padding:0px; float: left; width: 181px; margin: 0px 0px 5px 0px; }
#instafeed3 li a { padding:0px; float: right; width: 88px; margin: 0px 5px 5px 0px; }
#instafeed4 li a, #instafeed5 li a { padding:0px; float: left; width: 88px; margin: 0px 5px 5px 0px; }
.btm-three .ftr-feed .didyouknow {height: 405px; padding: 70px 20px 0px 20px; }
.btm-three .ftr-feed .getinvolved {height: 420px; font-size: 16px; line-height: 22px;}
.btm-three .ftr-feed .getinvolved ul li {font-size: 16px; line-height: 22px; padding: 0px 0px 10px 0px;}
	ul#getinvolvedlist {margin:36px 0px 0px 0px;}
	ul#getinvolvedlist li {padding:4px 0px 4px 0px;}
.grid {height:auto !important;}
.element-item {width: 310px; float: none; margin: 20px auto; padding: 0px 20px; }
.subpageitem .element-item {height: 308px; margin: 20px auto; position: relative !important;left: 0px !important;top: 0px !important;}
.subpageitem .subpage-listcontentparks .listitem {padding: 16px 16px 0px 16px;}
#MidContentAreaSub .titleparks {font-size: 16px;line-height: 18px;}
#MidContentAreaSub .addressparks {font-size: 14px;line-height: 16px;}
.subpageitem .subpage-listcontentshelters .col3 {height: 356px; margin: 20px auto;}
.subpageitem .subpage-listcontentrecreation .col3 {height: 302px;}
.subpageitem .subpage-listcontentYactivities .col3 {height: 340px;}
.subpageitem .subpage-listcontentAactivities .col3 {height: 340px;}
.subpageitem .subpage-listcontentfacilities .col3 {height: 334px;}

    }

    /* less than or equal to the amount given - Extra Small Devices, Phones */ 
    @media only screen and (max-width: 480px) {
  .btm-three .ftr-feed .getinvolved ul {margin: 56px 0px 0px 28px;}
  	ul#getinvolvedlist {margin:44px 0px 0px 0px;}
    }

    /* less than or equal to the amount given - Custom, iPhone Retina */ 
    @media only screen and (max-width: 320px) {
        
    }


/*------------------------------------------------*/
/* Footer area */
/*------------------------------------------------*/

#FooterArea {
    width: 100%;
    margin: 0 auto;
    padding: 30px 0px 30px 0px;
/*    overflow: hidden;*/
    /*background-color: #5b5617;*/ /* Olive */
    background-color: #003e74; /* Parks 541C Blue */
    /*color: #c0beb7;*/ /* tan grey */
    color: rgba(255,255,255,0.7); /* shade of white */
    font-size: 12px;
    line-height: 22px;
}

#FooterArea .bg_title {
	margin-bottom: 10px;
	background:url("img/bg_title_line-white.png") repeat-x 0 8px;
}
#FooterArea .bg_title h4, 
#FooterArea .bg_title h5, 
#FooterArea .bg_title h6 {
	margin-bottom:0px!important;
	/*background:#5b5617;*/ /* Olive */
	background:#003e74; /* Parks 541C Blue */
	padding: 0px 10px 0px 10px;
	display:inline-block;
	letter-spacing: normal; 
}

#FooterArea p {
    /*color: #c0beb7;*/ /* tan grey */
    color: rgba(255,255,255,0.7); /* shade of white */
}
#FooterArea a {
    /*color: #c0beb7;*/ /* tan grey */
    color: rgba(255,255,255,0.7); /* shade of white */
    text-decoration: none;
}
#FooterArea a:hover,
#FooterArea a:focus {
    color: #fff;
    text-decoration: none;
}

#FooterTopRow {
    padding: 0px 15px 0px 0px;
}
#FooterDividerRow {
    padding: 20px 15px 20px 15px;
}
#FooterDividerRow .footerdivider {
    /*border-top: 1px solid #c0beb7;*/ /* tan grey */
    border-top: 1px solid #fff;
}
#FooterBottomRow {
   
}


#FooterArea .ftr-1 {
    padding: 15px 16px 10px 16px;
    margin: 0px 0px 0px 0px;
}
    #FooterArea .ftr-1 h5 {
      color: white;
      font-size: 16px;
      font-weight: bold;
      margin: 0px 0px 6px 0px; 
    }
    #FooterArea .ftr-1 ul {
      list-style: none;
      padding-left: 15px;
    }
    #FooterArea .ftr-1 .social-nav li {
      display: -moz-inline-stack;
      display: inline-block;
      vertical-align: middle;
      *vertical-align: auto;
      zoom: 1;
      *display: inline;
      margin-right: 10px; }
      #FooterArea .ftr-1 .social-nav li a {
        display: block;
        width: 48px;
        height: 48px;
        background: url("img/social-nav.png") no-repeat;
        text-indent: -9999px; }
      #FooterArea .ftr-1 .social-nav li .fb {
        background-position: 0 bottom; }
      #FooterArea .ftr-1 .social-nav li .fb:hover {
          background-position: 0 top; }
      #FooterArea .ftr-1 .social-nav li .tw {
        background-position: -48px bottom; }
      #FooterArea .ftr-1 .social-nav li .tw:hover {
          background-position: -48px top; }
      #FooterArea .ftr-1 .social-nav li .yt {
        background-position: -96px bottom; }
      #FooterArea .ftr-1 .social-nav li .yt:hover {
          background-position: -96px top; }
      #FooterArea .ftr-1 .social-nav li .igram {
        background-position: -144px bottom; }
      #FooterArea .ftr-1 .social-nav li .igram:hover {
          background-position: -144px top; }
.skycast {
  padding: 18px 0px 34px 10px;
}
.weather-widget-footer { 
 /*   width:300px; */
    width:300px; 
  /*   height:100px; */
    height:92px; 
    /*float: left;*/
    overflow: hidden;
    margin: 6px 0px 10px 15px;
	-moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    /*border: 2px solid #ffffff;*/
    border:1px solid rgba(255,255,255,0.3);
/*    border: none;*/
    opacity: .8; 
    filter: alpha(opacity=80);
    text-align:center; 
    font-size: 12px; 
    line-height: 18px;
}
.weather-widget-footer:hover {opacity: 1; filter: alpha(opacity=100); }


#FooterArea .ftr-2 {
    padding: 15px 16px 10px 16px;
    font-size: 12px;
    line-height: 18px;
}
    #FooterArea .ftr-2 h5 {
      color: white;
      font-size: 16px;
      font-weight: bold;
      margin: 0px 0px 6px 0px; 
    }
    #FooterArea .ftr-2 ul {
      list-style: none;
      padding-left: 15px;
    }
    #FooterArea .ftr-2 ul li {
    }


#FooterArea .ftr-3 {
    padding: 15px 16px 10px 16px;
    font-size: 12px;
    line-height: 18px;
}
    #FooterArea .ftr-3 h5 {
      color: white;
      font-size: 16px;
      font-weight: bold;
      margin: 0px 0px 6px 0px; 
    }
    #FooterArea .ftr-3 ul {
      list-style: none;
      padding-left: 15px;
    }
    #FooterArea .ftr-3 ul li {
    }


/*------------------------------------------------*/
/* footer ul feature lists */
/*------------------------------------------------*/

.animate-expandup { height: auto;margin-top: 0px; visibility:hidden}

ul#featureslist li a { font-weight:bold;}

ul#featureslist li a:hover { color:#ffffff}
	
	/* Footer Features button list */
	ul#featureslist							{ margin:0px; padding:0px;}
	ul#featureslist li						{ margin:0px; padding:0px; list-style:none;line-height:1em; border-bottom:1px  rgba(255,255,255,0.2) solid}
	ul#featureslist li a					{ line-height:1em; text-decoration:none; padding:7px 0; display:block; background:url("img/arrow30x30.png") 100% 50% no-repeat; display:block; -webkit-transition:all 0.5s ease;-moz-transition:all 0.5s ease;-o-transition:all 0.5s ease;transition:all 0.5s ease;}
	ul#featureslist li a:hover				{ background-position:0 50%; padding-left:20px;}
    ul#featureslist li.lastchild			{ margin-bottom:34px;}


ul#addresslist li a { font-weight:bold;}
ul#addresslist li a:hover { color:#ffffff}
ul#addresslist	{ margin:0px; padding: 1px 0px 0px 0px;}
ul#addresslist li   { margin:0px; padding:2px 0px 2px 0px; list-style:none; font-size: 12px; line-height: 18px;}
ul#addresslist li.lastchild	{ margin-bottom:8px;}

ul#footerlist li a { font-weight:bold;}
ul#footerlist li a:hover { color:#ffffff}
ul#footerlist	{ margin:0px; padding: 0px 0px 10px 0px;}
ul#footerlist li   { margin:0px; padding:2px 0px 2px 0px; list-style:none; font-size: 12px; line-height: 18px;}

/* footer awards area all city website - hidden in parks for now */
#FooterAwards {
    width: 100%;
    margin: 0 auto;
}
.footer-awards-wrap {
    background-color: #ffffff;
    padding: 0;
}
.footer-awards > div:first-of-type {
    width: 100%;
}
.footer-awards ul {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex; 
	display: flex;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	justify-content: space-around;
	align-content: flex-start;
	list-style: none;
	width: 100%;
	height: auto;
	margin: 15px auto 15px;
	padding: 0;
	overflow: auto;
}
.footer-awards li {
	margin: 10px 5px;
    padding: 0;
}
.footer-awards li a {
	position: relative;
	display: inline-block;
	text-decoration: none;
}

/*==========  Non-Mobile First Method  Max-Width: Refers to everything less than or equal to the amount given. ==========*/
/*==========  Mobile First Method  Min-Width: Refers to everything greater than or equal to the amount given. ==========*/

    /* less than or equal to the amount given - Large Devices, Wide Screens */
    @media only screen and (max-width: 1200px) {
.weather-widget-footer {margin: 6px 0px 10px 0px;}

    }


    /* less than or equal to the amount given - Medium Devices, Desktops */
    @media only screen and (max-width: 992px) {
/* horz scaled taglone for use with the 2019 logo */
#HeaderMidRow .hdr-2a2 .parks-tagline {
    width: 389px;
    height: 45px;
    float: left;
    margin: 16px 0px 10px -15px;
    opacity: 0.75;
    background: url(img/Parks-tagline-389x45-FFB400.png) top left no-repeat;
}
/* horz scaled taglone for use with the 50th Anniversary 2018 */
/*
#HeaderMidRow .hdr-2a2 .parks-tagline {
    width: 389px;
    height: 45px;
    float: left;
    margin: 16px 0px 10px -15px;
    background: url(img/50-anniversary/Parks-tagline-50-389x45-C2A23F.png) top left no-repeat;
}
*/
/* old Normal Tagline for Parks */
/*
#HeaderMidRow .hdr-2a2 .parks-tagline { 
    width:450px; 
    height:45px;
    float: left;
    margin: 16px 0px 10px -5px; 
    background: url("img/Parks-tagline-450x45-FFB400.png") top left no-repeat;
}
*/

.center-block-md {display: block; margin-right: auto; margin-left: auto; float: none !important; }
.dyk-c .dyk small {margin: 0px 0 8px 0; }
.weather-widget-footer {margin: 6px 0px 10px 15px;}

    }

    /* less than or equal to the amount given - Small Devices, Tablets*/
    @media only screen and (max-width: 768px) {
#HeaderTopRow .hdr-1a {padding: 8px 25px 0px 0px; }
#HeaderMidRow .hdr-2c {padding: 0px 25px 0px 15px; }
.dyk-c .dyk small {margin: 0px 0 10px 0; }
#FooterDividerRow {padding: 18px 25px 20px 25px;}
#FooterTopRow {padding: 0px 15px 0px 10px; }
ul#featureslist	{padding-right: 15px;}
.centered {text-align: center; }
.center-block-sm {display: block; margin-right: auto; margin-left: auto; float: none !important;}
    }

    /* less than or equal to the amount given - Extra Small Devices, Phones */ 
    @media only screen and (max-width: 480px) {

    }

    /* less than or equal to the amount given - Custom, iPhone Retina */ 
    @media only screen and (max-width: 320px) {
        
    }



/*------------------------------------------------*/
/* other stuff */
/*------------------------------------------------*/


/*background title lines*/
.bg_title {
	margin-bottom:16px;
	background:url("img/bg_title_line.png") repeat-x 0 10px;
}
.bg_title h1, 
.bg_title h2, 
.bg_title h3, 
.bg_title h4, 
.bg_title h5, 
.bg_title h6 {
	margin-bottom:0px!important;
	background:#ffffff;
	padding-right:10px;
	display:inline-block;
	letter-spacing: normal; 
}

.padding8top {
    padding-top: 8px;
}
.padding28bottom {
    padding-bottom: 28px;
}


.Normal {
    font-size: 14px;
    line-height: 1.428;
}

.SkinLink {
    margin-top: 15px;
    text-align: center;
}


#nav-wrapper {
    background: url("img/bg-pattern-tan.png") repeat;
}

/* used to make nav bar stick to top when scrolling */
#nav.affix {
    position: fixed;
    top: 0;
    width: 100%
}

.navbar {
    margin-bottom: 0 !important;
    border-radius: 0 !important;
    z-index: 6000;
}

.navbar-brand {
    padding: 0 !important;
}

a.btn-info, a.btn-info:visited, a.btn-primary, a.btn-primary:visited {
    color: #fff;
}

/*override for dnnLabels in the bootstrap  used? */
.form-group .dnnLabel {
    text-align: left;
    width: auto;
}

.dnnLabel + span {
    white-space: normal;
}

.form_input label {
    display: inline-block;
    max-width: 100%;
    margin-bottom: 5px;
    margin-right: 10px;
    font-size: 14px;
    font-weight: normal;
}


/* ADMIN - used? */

#ControlBar, #ControlBar:before, #ControlBar:after, #ControlBar *:before, #ControlBar *:after,
#ControlBar li, #ControlBar li:before, #ControlBar li:after,
#ControlBar a, #ControlBar a:before, #ControlBar a:after,
.dnn_mact, .dnn_mact:before, .dnn_mact:after, .dnn_mact *:before, .dnn_mact *:after,
.dnn_mact li, .dnn_mact li:before, .dnn_mact li:after {
    -webkit-box-sizing: content-box !important; /* Safari/Chrome, other WebKit */
    -moz-box-sizing: content-box !important; /* Firefox, other Gecko */
    box-sizing: content-box !important; /* Opera/IE 8+ */
}


.navbar-default .navbar-nav > li > div > ul > li > a, .navbar-default .LoginLink {
    color: #ffffff;
}

    .navbar-default .navbar-nav > li > div > a:hover,
    .navbar-default .navbar-nav > li > div > a:focus,
    .navbar-default .navbar-nav > li > div > ul > li > a:hover,
    .navbar-default .navbar-nav > li > div > ul > li > a:focus {
        color: #ffffff;
        background-color: #178acc;
    }


/*------------------------------------------------*/
/* Right Nav area for search bar   */
/*------------------------------------------------*/

.navbar-right { /* not used   */
    height: 51px;
}

  .navbar-right2 { 
    float: right !important;
    margin-right: 0px;
  }
  .navbar-right2 ~ .navbar-right2 {
    margin-right: 0;
  }

.search2 {padding: 11px 0px 10px 0px; width:250px; }

.search2 textarea.NormalTextBox, .search2 input.NormalTextBox, .search2 select.normalTextBox{ /* This is old classes - NOT USEDED */
/*    border:1px solid #0f4c18;*/
        display: inline-block;
        height: 26px;
        width: 120px;
        margin: 0px 0px 10px 0px;
        padding: 5px;
        color: #4d721b;
        font-size: 12px;
        line-height: 16px;
        background: #e8f2da;
        border: 0;
        float: left;
        -moz-border-radius-topleft: 8px;
        -webkit-border-top-left-radius: 8px;
        border-top-left-radius: 8px;
        -moz-border-radius-bottomleft: 8px;
        -webkit-border-bottom-left-radius: 8px;
        border-bottom-left-radius: 8px; 
        -moz-border-radius-topright: 0px;
        -webkit-border-top-right-radius: 0px;
        border-top-right-radius: 0px;
        -moz-border-radius-bottomright: 0px;
        -webkit-border-bottom-right-radius: 0px;
        border-bottom-right-radius: 0px; }

/* this adjusts the Google default style from CSE   */
.search2 form.gsc-search-box {
    font-size: 12px;
    margin: 0px;
}
.search2 table.gsc-search-box {
    margin: 0px;
}
.search2 .gsc-search-box-tools .gsc-search-box .gsc-input {
    padding: 0px;
}
.search2 .gsc-input-box {
    border: 0;
    background: #fff;
    height: 26px;
    -moz-border-radius-topleft: 8px;
    -webkit-border-top-left-radius: 8px;
    border-top-left-radius: 8px;
    -moz-border-radius-bottomleft: 8px;
    -webkit-border-bottom-left-radius: 8px;
    border-bottom-left-radius: 8px;
    -moz-border-radius-topright: 0px;
    -webkit-border-top-right-radius: 0px;
    border-top-right-radius: 0px;
    -moz-border-radius-bottomright: 0px;
    -webkit-border-bottom-right-radius: 0px;
    border-bottom-right-radius: 0px;
}
.search2 input.gsc-input {
    background-image: none !important;
    font-size: 12px;
    height: unset !important;
    text-indent: 0px !important;
}
.search2 .gsst_a {
    padding-top: 7px;
}
.search2 .gsc-search-button {
    height: 28px !important;
    margin: 0px;
    -moz-border-radius-topright: 8px;
    -webkit-border-top-right-radius: 8px;
    border-top-right-radius: 8px;
    -moz-border-radius-bottomright: 8px;
    -webkit-border-bottom-right-radius: 8px;
    border-bottom-right-radius: 8px;
}
.search2 .cse .gsc-search-button-v2, .search2 .gsc-search-button-v2 {
    padding: 6px 10px;
    border-color: #666666;
    background-image: none;
    background-color: #788e91;
    background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#788e91), to(#5f7173));
    background-image: -webkit-linear-gradient(top, #788e91, #5f7173);
    background-image: -moz-linear-gradient(top, #788e91, #5f7173);
    background-image: -ms-linear-gradient(top, #788e91, #5f7173);
    background-image: -o-linear-gradient(top, #788e91, #5f7173);
}
.gsc-completion-container {
    font-size: 12px !important;
}
.gstl_50 .gsq_a {
    width: 170px !important;
}
.gstl_51 .gsq_a {
    width: 220px !important;
}
.gsq_a td {
    max-width:1px;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
}
.gstl_50.gssb_c, .gstl_51.gssb_c { /*auto complete for nav bar search in desktop and mobile view*/
    z-index: 6100;
}
.gsc-selected-option { /*fix for Sort by search results*/
    white-space: nowrap;
}

/* this replaces what is in Portal _default skin.css   */
/* you may need to alter the Admin/Skins/Search.ascx file also   */

textarea.NormalTextBox, input.NormalTextBox, select.normalTextBox {
    border:1px solid #CFCFCF;
	background:#fff;
	-moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}


/* this replaces what is in bootstrap.css   */
.btn-success {
/*  color: #fff;
  background-color: #5cb85c;
  border-color: #4cae4c;*/
        height: 26px;
        width: 54px;
        display: inline-block;
        background-color: #788e91;
        background-image: url();
        background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#788e91), to(#5f7173));
        background-image: -webkit-linear-gradient(top, #788e91, #5f7173);
        background-image: -moz-linear-gradient(top, #788e91, #5f7173);
        background-image: -ms-linear-gradient(top, #788e91, #5f7173);
        background-image: -o-linear-gradient(top, #788e91, #5f7173);
        padding: 5px 5px 5px 7px;
        border: 0;
        color: #fff;
        font-size: 12px;
        line-height: 16px;
        font-weight: bold;
        text-decoration: none;
        text-shadow: 1px 1px 1px rgba(37, 37, 37, 0.4);
        -moz-border-radius-topright: 8px;
        -webkit-border-top-right-radius: 8px;
        border-top-right-radius: 8px;
        -moz-border-radius-bottomright: 8px;
        -webkit-border-bottom-right-radius: 8px;
        border-bottom-right-radius: 8px;
        float: right; }
.btn-success:hover,
.btn-success:focus,
.btn-success.focus,
.btn-success:active,
.btn-success.active,
.open > .dropdown-toggle.btn-success {
  color: #000;
  /*  background-color: #449d44;
  border-color: #398439;*/
  /*background: #4d721b;*/ /*kiwi-medium-dark*/
  background: #007136; /*green-darker*/
  text-decoration: none;
  text-shadow: 0px 0px 0px rgba(37, 37, 37, 0.0);
}
.btn-success:active,
.btn-success.active,
.open > .dropdown-toggle.btn-success {
  background-image: none;
}


.searchBox { /* not used   */
    padding: 15px 15px 8px 15px;
    width: 300px;
}
    .searchBox .searchText {  /* not used   */
        color: #000;
        float: right;
    }

.searchSkinObjectPreview_group {  /* not used   */
    display: none;
}

ul.dnnAdminTabNav {  /* not used   */
    height: 40px;
    border-radius: 0 !important;
}

/*==========  Non-Mobile First Method  Max-Width: Refers to everything less than or equal to the amount given. ==========*/
/*==========  Mobile First Method  Min-Width: Refers to everything greater than or equal to the amount given. ==========*/

    /* less than or equal to the amount given - Large Devices, Wide Screens */
    @media only screen and (max-width: 1200px) {
.search2 {padding: 11px 0px 10px 0px; width:190px; }

    }

    /* less than or equal to the amount given - Medium Devices, Desktops */
    @media only screen and (max-width: 992px) {

    }

    /* less than or equal to the amount given - Small Devices, Tablets*/
    @media only screen and (max-width: 768px) {
.navbar-right2 {margin-right:10px;}
.search2 {padding: 12px 0px 32px 0px; width:275px;}
.search2 textarea.NormalTextBox, .search2 input.NormalTextBox, .search2 select.normalTextBox{width: 220px; margin: 0px 0px 20px 0px;} /* This is old classes - NOT USEDED */
    }

    /* less than or equal to the amount given - Extra Small Devices, Phones */ 
    @media only screen and (max-width: 480px) {

    }

    /* less than or equal to the amount given - Custom, iPhone Retina */ 
    @media only screen and (max-width: 320px) {
        
    }







/* styling for the Edit Profile and My Account links in User Profiles - used? */
.dnnActions {
    display: inline-block;
}

    .dnnActions li {
        margin-right: 5px;
        list-style: none;
        float: left;
    }



/* fix for carousel for large resolution displays - used? */

.carousel-inner > .item > img, .carousel-inner > .item > a > img {
    margin: 0 auto;
    width: 100%;
}


/* fix for DNN dropdown lists being cut off - used? */

.dnnDropDownList .selected-item, .dnnDropDownList .selected-item a  {
    height: 35px !important;
}


/* fix for coloring on DNN Check boxes and radio - used? */
.dnnCheckbox .mark, .dnnRadiobutton .mark{ background: none;}




/*************************************************************************
*                Sytles for HTML EDITOR             *
*************************************************************************/ 
.subpage-content-header1 {
    text-transform: uppercase;
    font-weight: bold;
	/*color: #005b82;*/ /* Sapphire */
    color: #004784; /* Parks 541C Blue lighter */
}

h2 {
  font-size: 22px;
  /*color: #99a40a;*/ /*kiwi-darker*/
  color: #008444; /* Parks Green */
  font-weight:bold;
  margin: 6px 0px 0px 0px;
  padding: 4px 0px 4px 0px;
}

h3 {
  font-size: 18px;
  /*color: #005b82;*/ /* Sapphire */
    color: #004784; /* Parks 541C Blue lighter */
  font-weight:bold;
  margin: 4px 0px 0px 0px;
  padding: 6px 0px 6px 0px;
}