:root 			{
					--mainColor:#12ABBF; 
					--subColor:#0342CF;
					--linkColor:#4FAF80;
					--rounded:10px; 
					--txtColor:#606060;
					--resultWidth:200px;
				}/*  Montserrat */
body			{background-color:#f8f8f8; font-family:arial;font-weight:400; margin-left:0px; margin-right:0px; margin-bottom:0px; 
					color:var(--txtColor);}

.smallFacebook	{width:30px; height:25px; background:url(/assets/images/logo/socialIcons.png)   0px 0px; padding-top:3px; }
.smallTwitter	{width:30px; height:25px; background:url(/assets/images/logo/socialIcons.png)  73px 0px; padding-top:3px; margin-left:15px}
.smallPinterest	{width:30px; height:25px; background:url(/assets/images/logo/socialIcons.png) 145px 0px; padding-top:3px; margin-left:15px}

a				{text-decoration:none; color:var(--linkColor);}
.main			{width:1230px; background-color:#ffffff; margin-bottom:0px; margin-top:0px; text-align:left; padding-top:0px;}
.mainContent	{width:100%; padding:0px 20px 0px 20px; font-size:1.1rem; line-height:180%}
#pageInfo		{line-height:180%; font-size:1.2rem}
				
#banner			{-webkit-box-shadow: 0 0 30px rgba(0, 0, 0, 0.05) inset; box-shadow: 0 0 30px rgba(0, 0, 0, 0.05) inset; 
					padding:20px; margin-top:0px; font-size:1.3rem; width:100; text-align:left}

#header			{display:flex; flex-direction: row; justify-content:space-between; width:100%}
#headLogo		{margin-top:0px; margin-bottom:15px; justify-content:center; padding:0px 5px; box-sizing:border-box}

#navTop			{margin-top:50px; display:flex; justify-content:flex-end; }
.navTop			{padding:10px; display:block}

#mainImage		{width:100%; height:327px; overflow:hidden; background-position:center center;
					background-image: url(/assets/images/galleryWide.jpg);}
.fullContent	{padding:0px; width:100%}

#footer			{padding:20px 0px; text-align:center; line-height:180%; color:#ffffff;  font-size:0.9rem; width:100%; margin-bottom:200px;
					border-bottom-left-radius:var(--rounded); border-bottom-right-radius:var(--rounded); background-color:#30ABC0;
					display:flex; justify-content:space-between; flex-direction:row;}

#footerData		{width:100%; background-color:#FCFCFC;  border-top:1px solid #E8E8E8;
					display:inline-flex; flex-wrap:wrap; justify-content:space-evenly; flex-direction:row}

.footerDiv				{border:0px solid #246591; flex:1; min-width:225px; padding:15px; font-size:14px; color:#898989; line-height:155%;
							box-sizing: border-box;
}
.footerDiv a			{text-decoration:none; line-height:150%;}
.footerTitle			{font-weight:bold; font-size:16px; color:#92C840; border-bottom:1px solid #e8e8e8; width:180px; padding-bottom:5px; margin-bottom:5px}


#copyRight				{margin-left:20px; margin-top:5px; letter-spacing:.2em}
#footerSocial			{margin-top:0px;  margin-right:30px; display:flex; flex-direction:row; justify-content:flex-end}
#footerSocial a			{width:30px; height:42px; margin-top:6px; text-decoration:none; font-size:20px}


@media (max-width:600px){
	#footer			{flex-direction:column; height:auto; justify-content:center; margin-bottom:20px}
	#copyRight		{margin-left:0px; margin-top:30px;}
	#footerSocial	{margin-top:30px; margin-right:0px; justify-content:center; margin-bottom:30px}
	.footerDiv		{padding-top:10px; padding-bottom:10px}
}


h1						{color:#12ACBF; margin-top:0px; margin-bottom:10px; font-size:1.75rem; font-weight:bold; padding:0px}
h2						{color:#92C840; margin-top:5px; margin-bottom:10px; font-size:1.5rem; letter-spacing: .8px}
a						{color:#1fae80; text-decoration:none}
a:hover					{text-decoration:underline;}

.title					{color:#12ACBF; margin-top:10px; margin-bottom:10px; font-size:1.5rem; padding:0px; font-weight:bold}
.separator				{border-bottom:1px solid #e8e8e8; width:90%; height:1px; margin-top:10px; margin-bottom:10px; text-align:center;}
.chosenNav				{color:#12ABBF; text-decoration:underline; font-weight:bold;}


.listTitle				{margin-bottom:0px;  font-size:20px; color:#92C840}
.listInfo				{margin-top:10px; font-size:18px}
.listInfoView			{font-size:16px; line-height:155%}

.colorOn				{background-color:#030c33; border:1px solid #030c33; width:100%; margin-top:20px; display:flex; flex-direction:row;}
.colorOff				{width:100%; padding-left:10px}
.subNav					{margin-top:0px; line-height:150%; border:1px solid #E8E8E8; background-color:#FCFCFC; padding:15px; font-size:18px}

.credit					{font-size:12px}
.credit > div			{margin-left:5px}

/* Gallery */
#gallery			{display:flex; flex-wrap:wrap; flex-direction:row; justify-content:space-evenly; gap:1rem}
.galleryItem		{padding:10px; box-sizing:border-box}
.imgPop				{border-radius:10px; width:100%; height:auto}

/* Weather Node on springs pages - level 1 */

#words				{width:792px;  height:150px; line-height:150%; vertical-align:top; padding-right:23px}
#weatherTD			{width:368px; height:150px; vertical-align:top; background-color:#fdfdfd; border:1px solid #f2f2f2}
#weatherTD td.txt	{font-size:13px; text-align:center; line-height:130%}
#temp				{font-size:50px; font-weight:bold;}
#hilo				{border-collapse: collapse; border-spacing: 0; margin-top:10px}
#hilo th			{font-size:14px; text-align:center; font-weight:normal; background-color:#FFFFFF}
#hilo td			{font-size:14px; vertical-align:top; padding:5px}
.weatherTable		{border-spacing:0px	; width:100%; border:0px solid}

/* Front Page */
#subTitle				{margin-bottom:10px; display:flex; justify-content:space-between; flex-direction:row}
.subLeft				{color:#92C840; font-size:22px; margin-top:15px}
.subRight				{border:0px solid green; height:48px}

.FPNewsData				{font-size:15px}
.SPData					{margin-top:-3px}

.dataTable td			{padding:10px 5px 10px 0px; border-spacing:0px}
#more					{width:370px; height:133px; border:1px solid green; margin-top:-3px; font-size:38px;}
#moreText				{margin-top:40px; margin-left:115px}


#newsRight				{float:right; margin-top:15px; padding-right:20px}
#newsRight a 			{padding:10px; border:1px solid #1fae80; font-size:20px}
#newsRight a:hover 		{padding:10px; border:1px solid #1fae80; font-size:20px; color:#FFFFFF; background-color:#1fae80; text-decoration:none}

#videoRight				{float:right; margin-top:25px; padding-right:0px}
#videoRight a 			{padding:10px; border:1px solid #1fae80; font-size:20px}
#videoRight a:hover 	{padding:10px; border:1px solid #1fae80; font-size:20px; color:#FFFFFF; background-color:#1fae80; text-decoration:none}

#pinterestFeed			{margin-top:10px; height:380px;}
#contentVideoPin		{margin-top:20px; }
#cbLeft					{float:left; width:754px; margin-right:20px}
#cbRight				{float:left; width:380px}
#fslVideos				{margin-bottom:20px; width:754px; text-align:center; height:410px;}
.videoTitle				{margin-bottom:10px; margin-top:0px; font-size:20px; color:#92C840}

.pageNum				{margin-bottom:10px; font-size:20px; color:#92C840; text-align:left; width:1160px}

/* Site Map */
header, section, footer, aside, nav, main, article, figure
						{display: block;}
.sitemap				{padding-bottom:20px}
.sitemapSub				{margin-bottom:20px; margin-left:40px}

/* Icons */
#iconNav				{display:flex; justify-content:flex-end;}
#iconNav a				{display:block; height:48px}
#iconNav div			{margin-left:10px; width:48px; height:48px;}

.facebookIcon			{background:url(/assets/images/logo/iconSprite.png) 0px 0px}
.profileIcon			{background:url(/assets/images/logo/iconSprite.png) 96px 48px}
.instagramIcon			{background:url(/assets/images/logo/iconSprite.png) 0px 96px}
.websiteIcon			{background:url(/assets/images/logo/iconSprite.png) 0px 144px}

.facebookIconGreen		{background:url(/assets/images/logo/iconSprite.png) 96px 0px}
.profileIconGreen		{background:url(/assets/images/logo/iconSprite.png) 96px 48px}
.instagramIconGreen		{background:url(/assets/images/logo/iconSprite.png) 96px 96px}
.websiteIconGreen		{background:url(/assets/images/logo/iconSprite.png) 96px 144px}
.twitterIconGreen		{background:url(/assets/images/logo/iconSprite.png) 48px 0px}


.smMapIcon				{background:url(/assets/images/logo/iconSpriteSmall.png) 0px 0px}
.smWebsiteIcon			{background:url(/assets/images/logo/iconSpriteSmall.png) 0px 64px}
.smProfileIcon			{background:url(/assets/images/logo/iconSpriteSmall.png) 0px 32px}
.smPictureIcon			{background:url(/assets/images/logo/iconSpriteSmall.png) 0px 96px}

.smGreenMapIcon			{background:url(/assets/images/logo/iconSpriteSmall.png) 64px 0px}
.smGreenWebsiteIcon		{background:url(/assets/images/logo/iconSpriteSmall.png) 0px 0px}
.smGreenProfileIcon		{background:url(/assets/images/logo/iconSpriteSmall.png) 64px 32px}
.smGreenPictureIcon		{background:url(/assets/images/logo/iconSpriteSmall.png) 0px 96px}
.smGreenLinksIcon		{background:url(/assets/images/logo/iconSpriteSmall.png) 64px 96px}
/* Results */

		 .red		{background-color:#ffe0e0; color:red}
		 .red a		{text-decoration:none; color:#FFFFFF}	
		.green		{background-color:#d9ffba; color:green;}
		.green a	{text-decoration:none; color:green}
					
					
					
#featSpringLeft 	{width:65%; padding:20px 15px 5px 20px}
#featSpringRight	{width:30%; padding:20px 20px 20px 15px}
					
@media (max-width:1250px){
	.main {width:100%}
	.fullContent	{width:100%}
}
@media (max-width:1175px){
	#header		{flex-direction:column; text-align:center}
	#navTop		{text-align:center; justify-content:center; margin-top:0px;}
	.item		{width:100%; padding:0px}
	.footerItem	{text-align:left; margin-left:20px; margin-top:40px;}
	#subFooter	{display:flex;  flex-wrap:wrap; padding:10px;}
}
@media (max-width:1000px){
	.colorOn	{flex-direction:column; justify-content:center;}
	#featSpringLeft	{border-right:0px solid red; width:100%; padding-bottom:0px}
	#featSpringRight {width:95%; padding-left:15px; padding-right:5px; padding-top:0px}
	.imgFeaturedSpring	{width:93%; height:auto;}
}
@media (max-width:700px){
	#subTitle	{flex-direction:column; justify-content:center; text-align:center; margin-bottom:25px}
	#iconNav	{justify-content:center; margin-top:10px;}
	#springsPhotoFeatureTitle	{text-align:center;}
	#photoFeatureContainer		{padding-left:0px}
	.mainContent	{padding:0px 3px 0px 10px}
}
@media (max-width:400px){
	#footerData	{flex-direction:column;}
	.footerDiv	{width:90%}
}
@font-face {
	font-family: 'Montserrat';
	font-style: normal;
	font-weight: 400;
	font-display: swap;
	src: url(/assets/fonts/montserrat/JTUSjIg1_i6t8kCHKm459WRhzSTh89ZNpQ.woff) format('woff');
	unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
	font-family: 'Montserrat';
	font-style: normal;
	font-weight: 400;
	font-display: swap;
	src: url(/assets/fonts/montserrat/JTUSjIg1_i6t8kCHKm459W1hzSTh89ZNpQ.woff) format('woff');
	unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* vietnamese */
@font-face {
	font-family: 'Montserrat';
	font-style: normal;
	font-weight: 400;
	font-display: swap;
	src: url(/assets/fonts/montserrat/JTUSjIg1_i6t8kCHKm459WZhzSTh89ZNpQ.woff) format('woff');
	unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
	font-family: 'Montserrat';
	font-style: normal;
	font-weight: 400;
	font-display: swap;
	src: url(/assets/fonts/montserrat/JTUSjIg1_i6t8kCHKm459WdhzSTh89ZNpQ.woff) format('woff');
	unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
		@font-face {
	font-family: 'Montserrat';
	font-style: normal;
	font-weight: 400;
	font-display: swap;
	src: url(/assets/fonts/montserrat/JTUSjIg1_i6t8kCHKm459WlhzSTh89Y.woff) format('woff');
	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}