<!DOCTYPE html PUBLIC "-//W3C//DTD HTML+RDFa 1.1//EN">




<html class="no-js not-oldie" lang="en" dir="ltr" version="HTML+RDFa 1.1">
  <meta charset="utf-8" />

<link rel="shortcut icon" href="/sites/all/themes/epa/favicon.ico" type="image/vnd.microsoft.icon" />
<meta name="HandheldFriendly" content="true" />
<meta name="viewport" content="width=device-width" />
<meta name="MobileOptimized" content="width" />
<meta http-equiv="ImageToolbar" content="false" />
<meta http-equiv="cleartype" content="on" />


<meta name="keywords" content="climate change; global warming; science; indicator; data; ocean; flooding; coast;" />
<link rel="canonical" href="/climate-indicators/climate-change-indicators-coastal-flooding" />
<link rel="shortlink" href="/climate-indicators/climate-change-indicators-coastal-flooding" />







<meta name="WebArea" content="Climate Change Indicators" />
<meta name="WebAreaType" content="Microsite" />
<meta name="ContentType" content="page" />
  <title>Climate Change Indicators: Coastal Flooding | Climate Change Indicators in the United States | US EPA</title>
  
  <link type="text/css" rel="stylesheet" href="/sites/production/files/css/css_3h5HfPyG4w0xmgk_oaLP90_rUIs7Xmed0sNIfCxGAyg.css" media="all" />
<link type="text/css" rel="stylesheet" href="/sites/production/files/css/css_NFNG4tEiKv-n_hlnQ4iBNlFbb-9XRaRVA9wRk6nUPHY.css" media="all" />
<link type="text/css" rel="stylesheet" href="/sites/production/files/css/css_Pvo-DHIdW2Qn9LljtH2R1QKqzm8QoJ18zl6wR9Dk-Ak.css" media="all" />
<link type="text/css" rel="stylesheet" href="/sites/production/files/css/css_28CvFue6tf4M8aL9zid2j2W58Z6HleySMQyNH35QhI0.css" media="all" />

<!--[if lt IE 9]>
<link type="text/css" rel="stylesheet" href="/sites/production/files/css/css_H7Qs31C_4pOAKdUe1sAA01nOyZTqO_KOIt1uDr0iKB4.css" media="all" />
<![endif]-->
<link type="text/css" rel="stylesheet" href="/sites/production/files/css/css_68w49Vk1SYPj8EPx2iW8fUagDJ4xc2WJQO7Dn7aLNaU.css" media="all" />
  <link rel="alternate" type="application/atom+xml" title="EPA.gov All Press Releases" href="/newsreleases/search/rss" />
  <link rel="alternate" type="application/atom+xml" title="EPA.gov Headquarters Press Releases" href="/newsreleases/search/rss/field_press_office/headquarters" />
  <link rel="alternate" type="application/atom+xml" title="Greenversations, EPA's Blog" href="https://blog.epa.gov/blog/feed/" />
  <link rel="alternate" type="application/atom+xml" title="Climate Change Indicators" href="/feed/125251/rss.xml" />    </head>
<body class="html not-front not-logged-in one-sidebar sidebar-first page-node page-node-154087 node-type-page og-context og-context-node og-context-node-125251 section-climate-indicators microsite" >
  <div class="skip-links"><a href="#main-content" class="skip-link element-invisible element-focusable">Jump to main content</a></div>
      
  
  <div class="region-alert">  <div id="block-pane-epa-admin-public-alert-message" class="block block-pane  block-pane-epa-admin-public-alert-message block-alert">
  
  
  
  
      
</div>
<div id="block-pane-epa-gtm" class="block block-pane  block-pane-epa-gtm">
  
  
  
  
    

  
</div>
  </div>
<div id="brand-header"></div>
<header class="masthead clearfix" role="banner">

      <img class="site-logo" src="/sites/all/themes/epa/logo.png" alt="" />
  
  
  <hgroup class="site-name-and-slogan">
      <h1 class="site-name">

      
      <a href="/" title="Go to the home page" rel="home">      <span>US EPA</span>
      </a>
    </h1>
  
      <div class="site-slogan">United States Environmental Protection Agency</div>
  
  </hgroup>
  
  

</header>
<div id="brand-menu"></div>
<section id="main-content" class="main-content clearfix" role="main" lang="en">
  <h2 class="microsite-name">Climate Change Indicators</h2>  
  
  <div class="region-preface clearfix">   
 
  </div>
    <div class="main-column clearfix">
            
          
      <h1  class="page-title">Climate Change Indicators: Coastal Flooding</h1>
      
    
            
    
    
    
  
    



<div class="panel-pane pane-node-content" >

  
  
  
  
  
  <div class="pane-content">
    <div class="node node-page clearfix view-mode-full ">

  
  <div id="social-icons" style="display:none">
	<div><span class="twitter"><a href="http://twitter.com/home?status=Climate%20Change%20Indicators:%20Coastal%20Flooding:%20/climate-indicators/coastal-flooding"><span
    class="figure image file file-image file-image-png inline view-mode-thumbnail" style="width:32px;"><img alt="Share Icon" title="Twitter" height="32" width="32" class="inline media-element file-thumbnail inline" typeof="foaf:Image" src="/sites/production/files/styles/thumbnail/public/2016-01/twitter31.png" /></span></a></span></div>

	<div><a href="http://www.facebook.com/sharer.php?u=/climate-indicators/coastal-flooding"><span><span
    class="figure image file file-image file-image-png inline view-mode-thumbnail" style="width:32px;"><img alt="Share Icon" title="Facebook" height="32" width="32" class="inline media-element file-thumbnail inline" typeof="foaf:Image" src="/sites/production/files/styles/thumbnail/public/2016-01/facebook6.png" /></span></span></a></div>

	<div><span><a href="http://reddit.com/submit?url=/climate-indicators/coastal-flooding&amp;title=Climate%20Change%20Indicators:Coastal%20Flooding"><span
    class="figure image file file-image file-image-png inline view-mode-full" style="width:32px;"><img alt="Reddit Share Icon" title="Reddit Share Icon" height="32" width="32" class="media-element file-full" typeof="foaf:Image" src="/sites/production/files/styles/large/public/2016-03/reddit-new.png" /></span></a></span></div>
</div>

<p>This indicator shows how the frequency of coastal flooding has changed over time.Â </p>

<div class="box" id="indicator-container">
	<div class="pane-content">
		<ul id="slideshow"><li><label for="img1"><strong>Figure 1.</strong> Frequency of Flooding Along U.S. Coasts, 2010â€“2015 Versus 1950â€“1959</label> <span
    class="figure image file file-image file-image-png view-mode-full" style="width:100%px;"><img alt="Map with bar graphs showing changes in the frequency of flooding along the U.S. coastline between the 1950s and 2010s." title="Frequency of Flooding Along U.S. Coasts, 2010â€“2015 Versus 1950â€“1959" height="800" width="100%" class="media-element file-full" typeof="foaf:Image" src="/sites/production/files/styles/large/public/2016-07/coastal-flooding-figure1-2016.png" /></span>
				<div class="row cols-3">
					<div class="col"><span><a href="/sites/production/files/2016-08/coastal-flooding_fig-1.csv"><span
    class="figure image file file-image file-image-png inline view-mode-teaser" style="width:32px;"><img alt="Download Data" title="Download Data" height="32" width="32" class="inline media-element file-teaser inline" typeof="foaf:Image" src="/sites/production/files/styles/small/public/2015-12/spreadsheet4.png" /></span></a></span>Â  <span><a href="/sites/production/files/styles/large/public/2016-07/coastal-flooding-download1-2016.png"><span
    class="figure image file file-image file-image-png inline view-mode-teaser" style="width:32px;"><img alt="Download Image" title="Download Image" height="32" width="32" class="inline media-element file-teaser inline" typeof="foaf:Image" src="/sites/production/files/styles/small/public/2015-12/images11.png" /></span></a></span>Â  <span><a href="http://arcg.is/2eoMG7A "><span
    class="figure image file file-image file-image-png inline view-mode-thumbnail" style="width:32px;"><img alt="KMZ Icon" title="View Interactive Map" height="32" width="32" class="inline media-element file-thumbnail inline" typeof="foaf:Image" src="/sites/production/files/styles/thumbnail/public/2016-01/location73.png" /></span></a></span></div>

					<div class="col">Â </div>

					<div class="col">Â </div>
				</div>

				<div id="caption1">
					<p>This map shows the average number of days per year in which coastal waters rose above the local threshold for minor flooding at 27 sites along U.S. coasts. Each small bar graph compares the first decade of widespread measurements (the 1950s in orange) with the most recent decade (the 2010s in purple).</p>

					<p>Data source: NOAA, 2016<a href="#ref3"><sup>3</sup></a><br /><em>Web update: </em><em>AugustÂ </em><em>2016</em></p>
				</div>
			</li>
			<li><label for="img2"><strong>Figure 2.</strong> Average Number of Coastal Flood Events per Year, 1950â€“2015</label> <span
    class="figure image file file-image file-image-png view-mode-full" style="width:100%px;"><img alt="Bar graph showing the average number of coastal flood events per year during 20-year periods from 1950 to 2015." title="Average Number of Coastal Flood Events per Year, 1950â€“2015" height="1310" width="100%" class="media-element file-full" typeof="foaf:Image" src="/sites/production/files/styles/large/public/2016-07/coastal-flooding-figure2-2016.png" /></span>
				<div class="row cols-3">
					<div class="col"><span><a href="/sites/production/files/2016-08/coastal-flooding_fig-2.csv"><span
    class="figure image file file-image file-image-png inline view-mode-teaser" style="width:32px;"><img alt="Download Data" title="Download Data" height="32" width="32" class="inline media-element file-teaser inline" typeof="foaf:Image" src="/sites/production/files/styles/small/public/2015-12/spreadsheet4.png" /></span></a></span>Â  <span><a href="/sites/production/files/styles/large/public/2016-07/coastal-flooding-download2-2016.png"><span
    class="figure image file file-image file-image-png inline view-mode-teaser" style="width:32px;"><img alt="Download Image" title="Download Image" height="32" width="32" class="inline media-element file-teaser inline" typeof="foaf:Image" src="/sites/production/files/styles/small/public/2015-12/images11.png" /></span></a></span>Â </div>

					<div class="col">Â </div>

					<div class="col">Â </div>
				</div>

				<div id="caption2">
					<p>This graph shows the average number of days per year in which coastal waters rose above the local threshold for minor flooding at 27 sites along U.S. coasts. The data have been averaged over multi-year periods for comparison.</p>

					<p>Data source: NOAA, 2016<a href="#ref4"><sup>4</sup></a><br /><em>Web update: </em><em>AugustÂ </em><em>2016</em></p>
				</div>
			</li>
		</ul></div>
</div>

<div class="row cols-2" id="navigation">
	<div class="col">
		<table class="nostyle"><thead><tr><th>Â </th>
				</tr></thead><tbody><tr><td style="vertical-align:top"><a href="# " id="nav1-tmb"><span
    class="figure image file file-image file-image-png center view-mode-teaser" style="width:160px;"><img alt="Map with bar graphs showing changes in the frequency of flooding along the U.S. coastline between the 1950s and 2010s." title="Frequency of Flooding Along U.S. Coasts, 2010â€“2015 Versus 1950â€“1959" height="112" width="160" class="center media-element file-teaser center" typeof="foaf:Image" src="/sites/production/files/styles/small/public/2016-07/coastal-flooding-thumb1-2016.png" /></span></a></td>
				</tr><tr><td style="vertical-align:top"><a href="# " id="nav1"><small><b>Figure 1.</b> Frequency of Flooding Along U.S. Coasts, 2010â€“2015 Versus 1950â€“1959</small></a></td>
				</tr></tbody></table></div>

	<div class="col">
		<table class="nostyle"><thead><tr><th>Â </th>
				</tr></thead><tbody><tr><td style="vertical-align:top"><a href="# " id="nav2-tmb"><span
    class="figure image file file-image file-image-png center view-mode-teaser" style="width:160px;"><img alt="Bar graph showing the average number of coastal flood events per year during 20-year periods from 1950 to 2015." title="Average Number of Coastal Flood Events per Year, 1950â€“2015" height="112" width="160" class="center media-element file-teaser center" typeof="foaf:Image" src="/sites/production/files/styles/small/public/2016-07/coastal-flooding-thumb2-2016.png" /></span></a></td>
				</tr><tr><td style="vertical-align:top"><a href="# " id="nav2"><small><b>Figure 2.</b> Average Number of Coastal Flood Events per Year, 1950â€“2015</small></a></td>
				</tr></tbody></table></div>
</div>
</div>
  </div>

  
  
</div>


<div class="panel-pane pane-fieldable-panels-pane pane-vid-121175 pane-bundle-fieldable-panels-pane pane-fpid-9429" >

  
  
  
  
  
  <div class="pane-content">
    <div id="tabs">
	<ul class="tabs" id="tabsnav"><li><a class="menu-internal" href="#tab-1"><small>Â <br />
			Key Points</small></a></li>
		<li><a class="menu-internal" href="#tab-2"><small>Â <br />
			Background</small></a></li>
		<li><a class="menu-internal" href="#tab-3"><small>About the<br />
			Indicator</small></a></li>
		<li><a class="menu-internal" href="#tab-4"><small>Â <br />
			Indicator Notes</small></a></li>
		<li><a class="menu-internal" href="#tab-5"><small>Â <br />
			Data Sources</small></a></li>
		<li><a class="menu-internal" href="#tab-6"><small>Technical<br />
			Documentation</small></a></li>
	</ul><div id="tab-1">
		<h3>Key Points</h3>

		<ul class="roomy"><li>Flooding is becoming more frequent along the U.S. coastline. Nearly every site measured has experienced an increase in coastal flooding since the 1950s (see Figure 1). The rate is accelerating in many locations along the East and Gulf Coasts (see Figure 2).</li>
			<li>The Mid-Atlantic region suffers the highest number of coastal flood days and has also experienced the largest increases in flooding. Since 2010, Wilmington, North Carolina, has flooded most oftenâ€”49 days per yearâ€”followed by Annapolis, Maryland, at 46 days per year. Annapolis, Wilmington, and two locations in New Jersey (Sandy Hook and Atlantic City) have also seen some of the most dramatic overall increases in frequency: floods are now at least 10 times more common there than they were in the 1950s. The Mid-Atlanticâ€™s subsiding land and higher-than-average relative sea level rise both contribute to this increase in flooding (see the <a href="/climate-indicators/climate-change-indicators-sea-level">Sea Level</a> indicator).</li>
			<li>Flooding has increased less dramatically in places where the local flood threshold is higher (for example, the Northeast and locations on the Gulf of Mexico) or where relative sea level has not risen as quickly as it has elsewhere in the United States (for example, Hawaii and the West Coast, as shown by the <a href="/climate-indicators/climate-change-indicators-sea-level">Sea Level</a> indicator).</li>
		</ul></div>

	<div id="tab-2">
		<h3>Background</h3>

		<p>Changing sea levels are affecting human activities in coastal areas. Rising sea level inundates low-lying wetlands and dry land, erodes shorelines, contributes to coastal flooding, and increases the flow of salt water into estuaries and nearby groundwater aquifers. Higher sea level also makes coastal infrastructure more vulnerable to damage from storms.</p>

		<p>â€œRelative sea level changeâ€? refers to the height of the ocean relative to the land at a particular location. As relative sea level rises due to climate change (see the <a href="/climate-indicators/climate-change-indicators-sea-level">Sea Level</a> indicator), one of the most noticeable consequences is an increase in coastal flooding. Flooding typically occurs during seasonal high tides (â€œking tidesâ€?) and storms that push water toward the shore. In recent years, however, coastal cities are increasingly flooding on days with less extreme tides or little wind, even on sunny days. Floods are happening more often as rising sea level reduces the gap between average sea level and the height of the land.</p>

		<p>Many coastal cities have defined minor or â€œnuisanceâ€? flooding thresholds. When water rises above this level, minor flooding typically occurs in some streets, many storm drains become ineffective, and a coastal flood advisory may be issued. Recurrent coastal flooding can cause impacts such as frequent road closures, reduced stormwater drainage capacity, and deterioration of infrastructure not designed to withstand frequent inundation or exposure to salt water. These impacts are of particular concern because more than 8.6 million Americans live in areas susceptible to coastal flooding, and more than $1 trillion of property and structures is within a few feet of current sea level.<a href="#ref1"><sup>1</sup></a> Coastal flooding can also affect human healthâ€”for example, by increasing the risk that drinking water and wastewater infrastructure will fail, putting people at risk of being exposed to pathogens and harmful chemicals.<a href="#ref2"><sup>2</sup></a></p>
	</div>

	<div id="tab-3">
		<h3>About the Indicator</h3>

		<p>This indicator tracks coastal flooding based on measurements from tide gauges at locations along U.S. coasts. These devices measure water levels continuously, which makes them ideal for measuring the height of the tides, tracking long-term local relative sea level rise, and detecting coastal floods. This indicator focuses on 27 tide gauges where local weather forecasting offices have defined thresholds for minor, moderate, and major flooding and where complete data are available from 1950 to present. The indicator tracks the number of days per year when each tide gauge measured water that was higher than the minor flooding level. Figure 1 shows the 27 stations on a map and compares the first and last decades of data, while Figure 2 provides a more detailed comparison using all the available years of data.</p>
	</div>

	<div id="tab-4">
		<h3>Indicator Notes</h3>

		<p>Flood thresholds are defined locally based on observed impacts. They vary from one city to another, depending on land cover, topography, and the presence of flood defenses such as seawalls. For example, the minor flood level is set at approximately 10 inches above an average high-water mark in Wilmington, North Carolina, compared with 31 inches in Galveston, Texas. A city with flat land and infrastructure close to sea level will likely have a lower flooding threshold than a more elevated city, and it will naturally experience more days of coastal flooding. For this reason, it is more useful to compare change over time at a single location than it is to compare patterns across different locations.</p>

		<p>This indicator is limited to tide gauges with defined flood levels and several decades of data. These tide gauges tend to be clustered along the East Coast, particularly in the Mid-Atlantic region. Other parts of the U.S. coast have fewer tide gauges with defined flood levels and long-term data.</p>
	</div>

	<div id="tab-5">
		<h3>Data Sources</h3>

		<p>This indicator is based on hourly water level data that are publicly available from the National Oceanic and Atmospheric Administration at: <a href="https://tidesandcurrents.noaa.gov/">https://tidesandcurrents.noaa.gov</a>. Flood thresholds are defined by the National Weather Service at: <a href="http://water.weather.gov/ahps/forecasts.php">http://water.weather.gov/ahps/forecasts.php</a>.</p>
	</div>

	<div id="tab-6">
		<h3>Technical Documentation</h3>

		<ul><li><a href="/climate-indicators/downloads-indicators-technical-documentation">Download related technical information PDF</a></li>
		</ul></div>
</div>

<hr /><h3>References</h3>

<p><small><sup><a id="ref1" name="ref1"></a>1. </sup>Melillo, J.M., T.C. Richmond, and G.W. Yohe (eds.). 2014. Climate change impacts in the United States: The third National Climate Assessment. U.S. Global Change Research Program. <a href="http://nca2014.globalchange.gov/">http://nca2014.globalchange.gov</a>.</small></p>

<p><small><sup><a id="ref2" name="ref2"></a>2. </sup>Trtanj, J., L. Jantarasami, J. Brunkard, T. Collier, J. Jacobs, E. Lipp, S. McLellan, S. Moore, H. Paerl, J. Ravenscroft, M. Sengco, and J. Thurston. 2016. Chapter 6: Climate impacts on water-related illness. The impacts of climate change on human health in the United States: A scientific assessment. U.S. Global Change Research Program. <a href="https://health2016.globalchange.gov/">https://health2016.globalchange.gov</a>.</small></p>

<p><small><sup><a id="ref3" name="ref3"></a>3. </sup>NOAA (National Oceanic and Atmospheric Administration). 2016 update to data originally published in: NOAA. 2014. Sea level rise and nuisance flood frequency changes around the United States. NOAA Technical Report NOS CO-OPS 073. <a href="https://tidesandcurrents.noaa.gov/publications/NOAA_Technical_Report_NOS_COOPS_073.pdf">https://tidesandcurrents.noaa.gov/publications/NOAA_Technical_Report_NOS_COOPS_073.pdf</a>.</small></p>

<p><small><sup><a id="ref4" name="ref4"></a>4. </sup>NOAA (National Oceanic and Atmospheric Administration). 2016 update to data originally published in: NOAA. 2014. Sea level rise and nuisance flood frequency changes around the United States. NOAA Technical Report NOS CO-OPS 073. <a href="https://tidesandcurrents.noaa.gov/publications/NOAA_Technical_Report_NOS_COOPS_073.pdf">https://tidesandcurrents.noaa.gov/publications/NOAA_Technical_Report_NOS_COOPS_073.pdf</a>.</small></p>

<hr /><p><a href="/climate-indicators/printer-friendly-pdf-downloads-indicator-text-and-figures">Printer-friendly PDF of all text and figures</a></p>
  </div>

  
  
</div>


<div class="panel-pane pane-fieldable-panels-pane pane-fpid-13523 pane-bundle-fieldable-panels-pane" >

  
  
  
  
  
  <div class="pane-content">
    <h3>Learn about other indicators in this section</h3>

<p><a href="/climate-indicators/climate-change-indicators-ocean-heat"><span
    class="figure image file file-image file-image-png inline view-mode-teaser" style="width:160px;"><img alt="Ocean Heat" height="130" width="160" class="inline media-element file-teaser inline" typeof="foaf:Image" src="/sites/production/files/styles/small/public/2016-07/ocean-heat-landing-thumb-2016.png" title="" /></span></a>Â <a href="/climate-indicators/climate-change-indicators-sea-surface-temperature"><span
    class="figure image file file-image file-image-png inline view-mode-teaser" style="width:160px;"><img alt="Sea Surface Temperature" height="130" width="160" class="inline media-element file-teaser inline" typeof="foaf:Image" src="/sites/production/files/styles/small/public/2016-07/sea-surface-temp-landing-thumb-2016.png" title="" /></span></a>Â <a href="/climate-indicators/climate-change-indicators-sea-level"><span
    class="figure image file file-image file-image-png inline view-mode-teaser" style="width:160px;"><img alt="Sea Level" height="130" width="160" class="inline media-element file-teaser inline" typeof="foaf:Image" src="/sites/production/files/styles/small/public/2016-07/sea-level-landing-thumb-2016.png" title="" /></span></a>Â <a href="/climate-indicators/atlantic-coast"><span
    class="figure image file file-image file-image-png inline view-mode-teaser" style="width:160px;"><img alt="Land Loss Along the Atlantic Coast" height="130" width="160" class="inline media-element file-teaser inline" typeof="foaf:Image" src="/sites/production/files/styles/small/public/2016-07/land-loss-landing-thumb-2016.png" title="" /></span></a>Â <a href="/climate-indicators/climate-change-indicators-coastal-flooding"><span
    class="figure image file file-image file-image-png inline view-mode-teaser" style="width:160px;"><img alt="Coastal Flooding" height="130" width="160" class="inline media-element file-teaser inline" typeof="foaf:Image" src="/sites/production/files/styles/small/public/2016-07/coastal-flooding-landing-thumb-2016.png" title="" /></span></a>Â <a href="/climate-indicators/climate-change-indicators-ocean-acidity"><span
    class="figure image file file-image file-image-png inline view-mode-teaser" style="width:160px;"><img alt="Ocean Acidity" height="130" width="160" class="inline media-element file-teaser inline" typeof="foaf:Image" src="/sites/production/files/styles/small/public/2016-07/acidity-landing-thumb-2016.png" title="" /></span></a></p>
  </div>

  
  
</div>

<div id="block-pane-epa-web-area-footer" class="block block-pane  block-pane-epa-web-area-footer">
  
  
  
  
    
</div>
  
    
      </div>
  
  
  <div class="region-sidebar-first region-sidebar">  <div id="block-og-menu-og-single-menu-block" class="block block-og-menu  block-og-menu-og-single-menu-block">

      <h2 class="element-invisible">Climate Indicators</h2>
  
  
    <ul class="menu"><li class="menu-item"><a href="/climate-indicators" title="" class="menu-node-unpublished menu-link">Climate Change Indicators</a></li>
<li class="menu-item"><a href="/climate-indicators/greenhouse-gases" class="menu-node-unpublished menu-link">Greenhouse Gases</a></li>
<li class="menu-item"><a href="/climate-indicators/weather-climate" class="menu-node-unpublished menu-link">Weather and Climate</a></li>
<li class="active-trail menu-item"><a href="/climate-indicators/oceans" class="menu-node-unpublished active-trail menu-link">Oceans</a><ul class="menu"><li class="menu-item"><a href="/climate-indicators/climate-change-indicators-ocean-heat" class="menu-node-unpublished menu-link">Ocean Heat</a></li>
<li class="menu-item"><a href="/climate-indicators/climate-change-indicators-sea-surface-temperature" class="menu-node-unpublished menu-link">Sea Surface Temperature</a></li>
<li class="menu-item"><a href="/climate-indicators/climate-change-indicators-sea-level" class="menu-node-unpublished menu-link">Sea Level</a></li>
<li class="menu-item"><a href="/climate-indicators/atlantic-coast" class="menu-node-unpublished menu-link">A Closer Look: Land Loss Along the Atlantic Coast</a></li>
<li class="active-trail menu-item"><a href="/climate-indicators/climate-change-indicators-coastal-flooding" class="menu-node-unpublished active-trail menu-link active">Coastal Flooding</a></li>
<li class="menu-item"><a href="/climate-indicators/climate-change-indicators-ocean-acidity" class="menu-node-unpublished menu-link">Ocean Acidity</a></li>
</ul></li>
<li class="menu-item"><a href="/climate-indicators/snow-ice" class="menu-node-unpublished menu-link">Snow and Ice</a></li>
<li class="menu-item"><a href="/climate-indicators/health-society" class="menu-node-unpublished menu-link">Health and Society</a></li>
<li class="menu-item"><a href="/climate-indicators/ecosystems" class="menu-node-unpublished menu-link">Ecosystems</a></li>
<li class="menu-item"><a href="/climate-indicators/frequent-questions-about-climate-change-indicators" class="menu-node-unpublished menu-link">Frequent Questions</a></li>
</ul>  
</div>
  </div>
</section>




 
  <div id="brand-footer"></div>
 <script type="text/javascript" src="/sites/production/files/js/js_LcFRnnSHVah-Aw_WQ8aVLXhp3HPJvrOe4h6YEXA5BT8.js"></script>
<script type="text/javascript" src="/sites/production/files/js/js_oZD9-WvfiElJ5KPavqu9ZAQiZcfWlzNCzxFHpedR9dI.js"></script>

<script type="text/javascript" src="/sites/production/files/js/js_slEmfY49PYt03JJafrjvmxmEfVQE7vqI-454V7NM5ys.js"></script>
<script type="text/javascript" src="/sites/all/modules/custom/epa_core/js/alert.js?ok0rem"></script>
<script type="text/javascript" src="/sites/production/files/js/js_cjmkhjdYj9qyv8rH-ylGyD-SIMacZ-dzdqW9m8x_TEc.js"></script>

<script type="text/javascript" src="/sites/production/files/js/js_UG00nMwTXcewn_yu8c3s7Bgbxmhbdk0BE1GwQLAuoQU.js"></script>
<script type="text/javascript" src="/sites/production/files/js/js_CaVFOiO3QpcJYEzSDhR3RmEeSnMbgnImgh5uEDkDD_0.js"></script>

<script src="/sites/all/libraries/cycle/jquery.cycle2.min.js"></script>
<script>var indicatorIndex = 4;</script>
<style>
#social-icons {
  float: right;
  width: 9%;
  padding-left: 2em;
}
#indicator-container {
  width: 90%;
}
#navigation {
  width: 94%;
}
#navigation td {
  padding:2px;
  margin:0px !important;
}
#navigation td small {
  padding:2px;
}
#active-indicator span {
  display: inline-block;
  position: relative;
  width: 24%;
  vertical-align: top;
}
#active-indicator img {
  width: 100%;
  vertical-align: top;
}
#active-indicator span:after {
  content:'\A';
  position:absolute;
  width:100%;
  height:100%;
  top:0;
  left:0;
  background:rgba(0,0,0,0.6);
  opacity:1;
  transition: all 0.5s;;
  -webkit-transition: all 0.5s;
}
#active-indicator span:hover:after {
  opacity:0.5;
}
#slideshow {
  height: 800px;
}
</style>
<script>
jQuery(document).ready(function() {

  // Tabs
  jQuery('#tabs > div').hide(); // hide all child divs
  jQuery('#tabs div:first').show(); // show first child dive
  jQuery('#tabsnav li:first').addClass('active');

  jQuery('.menu-internal').click(function(){
    jQuery('#tabsnav li').removeClass('active');
    var currentTab = jQuery(this).attr('href');
    jQuery('#tabsnav li a[href="' + currentTab + '" ]').parent().addClass('active');
    jQuery('#tabs > div').hide();
    jQuery(currentTab).show();
    return false;
  });

  // Create a bookmarkable tab link
  hash = window.location.hash;
  elements = jQuery('a[href="' + hash + '"]');
  // if there aren't any, then show the first tab;
  // Otherwise, scroll back to top (if needed) and open the tab in the hash
  if (elements.length === 0) { 
    jQuery("ul.tabs li:first").addClass("active").show(); //   
  } else { 
    jQuery('html,body').scrollTop(200); elements.click(); 
  } 


  // Slideshow
  var slideshow = jQuery("#slideshow"),
      navBtns       = ['nav1','nav2','nav3'],
      activeStyle   = {'border':'1px solid black'},
      inactiveStyle = {'border':'none'},
      $table;
        
  slideshow.cycle({
    loader: 'wait',
    paused: true,
    slides: 'li',
    fx: 'none',
    autoHeight: 'container',
    updateView: 1,
    log: false,
    height: '900px',
    timeout:0,
    speed:1
  });

  navBtns.forEach(function (element, index) {
    jQuery('a[id^=' + element + ']').click(function (e) {
      e.preventDefault();
      resetBorder(navBtns, inactiveStyle);
      $table = jQuery(this).closest('tbody');
      $table.css(activeStyle);
      slideshow.cycle('goto',index);
      console.log(element,index)
    });
  });

  jQuery('#nav1').trigger('click');

  // Overlay
  var $otherIndicatorsSection = jQuery('h3:contains("Learn about other indicators in this section")').parent();
  var $otherIndicatorsLinks = $otherIndicatorsSection.find('a');
  if(typeof indicatorIndex !== 'undefined') jQuery($otherIndicatorsLinks[indicatorIndex]).attr('id','active-indicator');        
});

function resetBorder(target,style){
  target.forEach(function (element, index) {
    $table = jQuery("a[id^=" + element + "]").closest('tbody');
    $table.css(style);
  });
}
</script>    </body>
</html>

