<!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; sea level; rise" />
<link rel="canonical" href="/climate-indicators/climate-change-indicators-sea-level" />
<link rel="shortlink" href="/climate-indicators/climate-change-indicators-sea-level" />







<meta name="WebArea" content="Climate Change Indicators" />
<meta name="WebAreaType" content="Microsite" />
<meta name="ContentType" content="page" />
  <title>Climate Change Indicators: Sea Level | 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-153335 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: Sea Level</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:%20Sea%20Level:%20/climate-indicators/sea-level"><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><span><a href="http://www.facebook.com/sharer.php?u=/climate-indicators/sea-level"><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></a></span></div>

	<div><span><a href="http://reddit.com/submit?url=/climate-indicators/sea-level&amp;title=Climate%20Change%20Indicators:Sea%20Level"><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 describes how sea level has changed over time. The indicator describes two types of sea level changes: absolute and relative.</p>

<div class="box" id="indicator-container">
	<div class="pane-content">
		<ul id="slideshow"><li><label for="img1"><strong>Figure 1.</strong> Global Average Absolute Sea Level Change, 1880–2015</label> <span
    class="figure image file file-image file-image-png view-mode-full" style="width:100%px;"><img alt="Line graph showing the cumulative changes in global average absolute sea level from 1880 to 2015." title="Global Average Absolute Sea Level Change, 1880–2015" height="580" width="100%" class="media-element file-full" typeof="foaf:Image" src="/sites/production/files/styles/large/public/2016-07/sea-level-figure1-2016.png" /></span>
				<div class="row cols-3">
					<div class="col"><span><a href="/sites/production/files/2016-08/sea-level_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/sea-level-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> </div>

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

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

				<div id="caption1">
					<p>This graph shows cumulative changes in sea level for the world’s oceans since 1880, based on a combination of long-term tide gauge measurements and recent satellite measurements. This figure shows average absolute sea level change, which refers to the height of the ocean surface, regardless of whether nearby land is rising or falling. Satellite data are based solely on measured sea level, while the long-term tide gauge data include a small correction factor because the size and shape of the oceans are changing slowly over time. (On average, the ocean floor has been gradually sinking since the last Ice Age peak, 20,000 years ago.) The shaded band shows the likely range of values, based on the number of measurements collected and the precision of the methods used.</p>

					<p>Data sources: CSIRO, 2015;<a href="#ref3"><sup>3</sup></a> NOAA, 2016<a href="#ref4"><sup>4</sup></a><br /><em>Web update: </em><em>August </em><em>2016</em></p>
				</div>
			</li>
			<li><label for="img2"><strong>Figure 2.</strong> Relative Sea Level Change Along U.S. Coasts, 1960–2015</label> <span
    class="figure image file file-image file-image-png view-mode-full" style="width:100%px;"><img alt="Color-coded map showing changes in relative sea level at points along the U.S. coastline from 1960 to 2015." title="Relative Sea Level Change Along U.S. Coasts, 1960–2015" height="913" width="100%" class="media-element file-full" typeof="foaf:Image" src="/sites/production/files/styles/large/public/2016-07/sea-level-figure2-2016.png" /></span>
				<div class="row cols-3">
					<div class="col"><span><a href="/sites/production/files/2016-08/sea-level_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/sea-level-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>  <span><a href="http://arcg.is/2ephy82 "><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="caption2">
					<p>This map shows cumulative changes in relative sea level from 1960 to 2015 at tide gauge stations along U.S. coasts. Relative sea level reflects changes in sea level as well as land elevation.</p>

					<p>Data source: NOAA, 2016<a href="#ref5"><sup>5</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="Line graph showing the cumulative changes in global average absolute sea level from 1880 to 2015." title="Global Average Absolute Sea Level Change, 1880–2015" height="112" width="160" class="center media-element file-teaser center" typeof="foaf:Image" src="/sites/production/files/styles/small/public/2016-07/sea-level-thumb1-2016.png" /></span></a></td>
				</tr><tr><td style="vertical-align:top"><a href="# " id="nav1"><small><b>Figure 1.</b> Global Average Absolute Sea Level Change, 1880–2015</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="Color-coded map showing changes in relative sea level at points along the U.S. coastline from 1960 to 2015." title="Relative Sea Level Change Along U.S. Coasts, 1960–2015" height="112" width="160" class="center media-element file-teaser center" typeof="foaf:Image" src="/sites/production/files/styles/small/public/2016-07/sea-level-thumb2-2016.png" /></span></a></td>
				</tr><tr><td style="vertical-align:top"><a href="# " id="nav2"><small><b>Figure 2.</b> Relative Sea Level Change Along U.S. Coasts, 1960–2015</small></a></td>
				</tr></tbody></table></div>
</div>
</div>
  </div>

  
  
</div>


<div class="panel-pane pane-fieldable-panels-pane pane-vid-121167 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>After a period of approximately 2,000 years of little change (not shown here), global average sea level rose throughout the 20<sup>th</sup> century, and the rate of change has accelerated in recent years.<a href="#ref1"><sup>1</sup></a> When averaged over all of the world’s oceans, absolute sea level has risen at an average rate of 0.06 inches per year from 1880 to 2013 (see Figure 1). Since 1993, however, average sea level has risen at a rate of 0.11 to 0.14 inches per year—roughly twice as fast as the long-term trend.</li>
			<li>Relative sea level rose along much of the U.S. coastline between 1960 and 2015, particularly the Mid-Atlantic coast and parts of the Gulf coast, where some stations registered increases of more than 8 inches (see Figure 2). Meanwhile, relative sea level fell at some locations in Alaska and the Pacific Northwest. At those sites, even though absolute sea level has risen, land elevation has risen more rapidly.</li>
			<li>While absolute sea level has increased steadily overall, particularly in recent decades, regional trends vary, and absolute sea level has decreased in some places.<a href="#ref2"><sup>2</sup></a>  Relative sea level also has not risen uniformly because of regional and local changes in land movement and long-term changes in coastal circulation patterns.</li>
		</ul></div>

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

		<p>As the temperature of the Earth changes, so does sea level. Temperature and sea level are linked for two main reasons:</p>

		<ol class="roomy"><li>Changes in the volume of water and ice on land (namely glaciers and ice sheets) can increase or decrease the volume of water in the ocean (see the <a href="/climate-indicators/climate-change-indicators-glaciers">Glaciers</a> indicator).</li>
			<li>As water warms, it expands slightly—an effect that is cumulative over the entire depth of the oceans (see the <a href="/climate-indicators/climate-change-indicators-ocean-heat">Ocean Heat</a> indicator).</li>
		</ol><p>Changing sea levels can affect 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>The sea level changes that affect coastal systems involve more than just expanding oceans, however, because the Earth’s continents can also rise and fall relative to the oceans. Land can rise through processes such as sediment accumulation (the process that built the Mississippi River delta) and geological uplift (for example, as glaciers melt and the land below is no longer weighed down by heavy ice). In other areas, land can sink because of erosion, sediment compaction, natural subsidence (sinking due to geologic changes), groundwater withdrawal, or engineering projects that prevent rivers from naturally depositing sediments along their banks. Changes in ocean currents such as the Gulf Stream can also affect sea levels by pushing more water against some coastlines and pulling it away from others, raising or lowering sea levels accordingly.</p>

		<p>Scientists account for these types of changes by measuring sea level change in two different ways. <em>Relative</em> sea level change refers to how the height of the ocean rises or falls relative to the land at a particular location. In contrast, <em>absolute</em> sea level change refers to the height of the ocean surface above the center of the earth, without regard to whether nearby land is rising or falling.</p>
	</div>

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

		<p>This indicator presents trends in sea level based on measurements from tide gauges and from satellites that orbit the Earth. Tide gauges measure relative sea level change at points along the coast, while satellite instruments measure absolute sea level change over nearly the entire ocean surface. Many tide gauges have collected data for more than 100 years, while satellites have collected data since the early 1990s.</p>

		<p>Figure 1 shows annual absolute sea level change averaged over the entire Earth’s ocean surface. The long-term trend is based on tide gauge data that have been adjusted to show absolute global trends through calibration with recent satellite data. This long-term data set has been calculated through 2013, while satellite data are now available through the end of 2015. Figure 2 shows trends at a more local scale, highlighting the 1960 to 2015 change in relative sea level at 67 tide gauges along the Atlantic, Pacific, and Gulf coasts of the United States.</p>
	</div>

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

		<p>Relative sea level trends represent a combination of absolute sea level change and any local land movement. Tide gauge measurements such as those in Figure 2 generally cannot distinguish between these two different influences without an accurate measurement of vertical land motion nearby.</p>

		<p>Some changes in relative and absolute sea level can be due to multi-year cycles such as El Niño and La Niña, which affect coastal ocean temperatures, salt content, wind patterns, atmospheric pressure (and thus storm tracks), and currents. Obtaining a reliable trend can require many years of data, which is why the satellite record in Figure 1 has been supplemented with a longer-term reconstruction based on tide gauge measurements.</p>
	</div>

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

		<p>Absolute sea level trends were provided by Australia’s Commonwealth Scientific and Industrial Research Organisation and the National Oceanic and Atmospheric Administration. These data are based on measurements collected by satellites and tide gauges. Relative sea level data are available from the National Oceanic and Atmospheric Administration, which publishes an interactive online map (<a href="http://tidesandcurrents.noaa.gov/sltrends/sltrends.shtml">http://tidesandcurrents.noaa.gov/sltrends/sltrends.shtml</a>) with links to detailed data for each tide gauge.</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>Titus, J.G., E.K. Anderson, D.R. Cahoon, S. Gill, R.E. Thieler, and J.S. Williams. 2009. Coastal sensitivity to sea-level rise: A focus on the Mid-Atlantic region. U.S. Climate Change Science Program and the Subcommittee on Global Change Research. <a href="https://downloads.globalchange.gov/sap/sap4-1/sap4-1-final-report-all.pdf">https://downloads.globalchange.gov/sap/sap4-1/sap4-1-final-report-all.pdf</a>.</small></p>

<p><small><sup><a id="ref2" name="ref2"></a>2. </sup>University of Colorado at Boulder. 2016. Sea level change: 2016 release #2—trend map. Accessed June 2016. <a href="http://sealevel.colorado.edu/">http://sealevel.colorado.edu</a>.</small></p>

<p><small><sup><a id="ref3" name="ref3"></a>3. </sup>CSIRO (Commonwealth Scientific and Industrial Research Organisation). 2015 update to data originally published in: Church, J.A., and N.J. White. 2011. Sea-level rise from the late 19<sup>th</sup> to the early 21<sup>st</sup> century. Surv. Geophys. 32:585–602. <a href="http://www.cmar.csiro.au/sealevel/sl_data_cmar.html">www.cmar.csiro.au/sealevel/sl_data_cmar.html</a>.</small></p>

<p><small><sup><a id="ref4" name="ref4"></a>4.</sup> NOAA (National Oceanic and Atmospheric Administration). 2016. Laboratory for Satellite Altimetry: Sea level rise. Accessed June 2016. <a href="http://www.star.nesdis.noaa.gov/sod/lsa/SeaLevelRise/LSA_SLR_timeseries_global.php">www.star.nesdis.noaa.gov/sod/lsa/SeaLevelRise/LSA_SLR_timeseries_global.php</a>.</small></p>

<p><small><sup><a id="ref5" name="ref5"></a>5. </sup>NOAA (National Oceanic and Atmospheric Administration). 2016 update to data originally published in: NOAA. 2009. Sea level variations of the United States 1854–2006. NOAA Technical Report NOS CO-OPS 053. <a href="http://www.tidesandcurrents.noaa.gov/publications/Tech_rpt_53.pdf">www.tidesandcurrents.noaa.gov/publications/Tech_rpt_53.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="active-trail menu-item"><a href="/climate-indicators/climate-change-indicators-sea-level" class="menu-node-unpublished active-trail menu-link active">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="menu-item"><a href="/climate-indicators/climate-change-indicators-coastal-flooding" class="menu-node-unpublished menu-link">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 = 2;</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>

