<!DOCTYPE HTML>
<html lang="en" dir="ltr" xmlns="http://www.w3.org/1999/xhtml" prefix="content: http://purl.org/rss/1.0/modules/content/ dc: http://purl.org/dc/terms/ foaf: http://xmlns.com/foaf/0.1/ og: http://ogp.me/ns# rdfs: http://www.w3.org/2000/01/rdf-schema# sioc: http://rdfs.org/sioc/ns# sioct: http://rdfs.org/sioc/types# skos: http://www.w3.org/2004/02/skos/core# xsd: http://www.w3.org/2001/XMLSchema#" xmlns:fb="http://ogp.me/ns/fb#" >
<head>
<meta http-equiv="X-UA-Compatible" content="IE=edge, chrome=1">
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, minimum-scale=1, user-scalable=no">
<!-- facebook -->
<meta property="og:title" content="Navigate at Sea! Activity | Time and Navigation">
<meta property="og:url" content="http://timeandnavigation.si.edu/navigating-at-sea/challenges/navigate-the-sea-activity">
<meta property="og:image" content="http://timeandnavigation.si.edu/sites/all/themes/timeandnav/images/TimeNavigation_Sextant.jpg">
<!-- end facebook -->
<link rel="shortcut icon" href="/sites/all/themes/timeandnav/favicon.ico">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link rel="shortcut icon" href="https://timeandnavigation.si.edu/sites/default/files/favicon.ico" type="image/vnd.microsoft.icon" />
<link rel="canonical" href="/navigating-at-sea/challenges/navigate-the-sea-activity" />
<link rel="shortlink" href="/node/167" />
<title>Navigate at Sea! Activity | Time and Navigation</title>  
<style type="text/css" media="all">
@import url("https://timeandnavigation.si.edu/sites/all/modules/jquery_update/replace/ui/themes/base/minified/jquery.ui.core.min.css?phqbsx");
@import url("https://timeandnavigation.si.edu/sites/all/modules/jquery_update/replace/ui/themes/base/minified/jquery.ui.theme.min.css?phqbsx");
@import url("https://timeandnavigation.si.edu/sites/all/modules/jquery_update/replace/ui/themes/base/minified/jquery.ui.accordion.min.css?phqbsx");
</style>
<style type="text/css" media="all">
@import url("https://timeandnavigation.si.edu/sites/all/modules/ldap/ldap_user/ldap_user.css?phqbsx");
@import url("https://timeandnavigation.si.edu/sites/all/modules/date/date_api/date.css?phqbsx");
@import url("https://timeandnavigation.si.edu/sites/all/modules/mollom/mollom.css?phqbsx");
@import url("https://timeandnavigation.si.edu/modules/poll/poll.css?phqbsx");
@import url("https://timeandnavigation.si.edu/sites/all/modules/ckeditor/css/ckeditor.css?phqbsx");
</style>
<style type="text/css" media="all">
@import url("https://timeandnavigation.si.edu/sites/all/modules/context_accordion/context_accordion.css?phqbsx");
@import url("https://timeandnavigation.si.edu/sites/all/modules/ctools/css/ctools.css?phqbsx");
@import url("https://timeandnavigation.si.edu/sites/all/modules/ldap/ldap_servers/ldap_servers.admin.css?phqbsx");
@import url("https://timeandnavigation.si.edu/sites/all/modules/tagclouds/tagclouds.css?phqbsx");
@import url("https://timeandnavigation.si.edu/sites/all/themes/timeandnav/css/cross-browser.css?phqbsx");
@import url("https://timeandnavigation.si.edu/sites/all/themes/timeandnav/interactives/interactives.css?phqbsx");
@import url("https://timeandnavigation.si.edu/sites/all/themes/timeandnav/interactives/modules/sea/sea.css?phqbsx");
@import url("https://timeandnavigation.si.edu/sites/all/themes/timeandnav/css/desktop.global.css?phqbsx");
</style>
<style type="text/css" media="all">
@import url("https://timeandnavigation.si.edu/sites/all/themes/omega/alpha/css/alpha-reset.css?phqbsx");
@import url("https://timeandnavigation.si.edu/sites/all/themes/timeandnav/css/global.css?phqbsx");
</style>

<!--[if (lt IE 9)&(!IEMobile)]>
<style type="text/css" media="all">
@import url("https://timeandnavigation.si.edu/sites/all/themes/omega/alpha/css/grid/alpha_default/wide/alpha-default-wide-36.css?phqbsx");
</style>
<![endif]-->

<!--[if gte IE 9]><!-->
<style type="text/css" media="all">
@import url("https://timeandnavigation.si.edu/sites/all/themes/omega/alpha/css/grid/alpha_default/wide/alpha-default-wide-36.css?phqbsx");
</style>
<!--<![endif]-->
<script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
<script type="text/javascript">
<!--//--><![CDATA[//><!--
window.jQuery || document.write("<script src='/sites/all/modules/jquery_update/replace/jquery/1.7/jquery.min.js'>\x3C/script>")
//--><!]]>
</script>
<script type="text/javascript" src="https://timeandnavigation.si.edu/misc/jquery.once.js?v=1.2"></script>
<script type="text/javascript" src="https://timeandnavigation.si.edu/misc/drupal.js?phqbsx"></script>
<script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/jqueryui/1.10.2/jquery-ui.min.js"></script>
<script type="text/javascript">
<!--//--><![CDATA[//><!--
window.jQuery.ui || document.write("<script src='/sites/all/modules/jquery_update/replace/ui/ui/minified/jquery-ui.min.js'>\x3C/script>")
//--><!]]>
</script>
<script type="text/javascript" src="https://timeandnavigation.si.edu/sites/all/modules/nice_menus/js/jquery.bgiframe.js?v=2.1"></script>
<script type="text/javascript" src="https://timeandnavigation.si.edu/sites/all/modules/nice_menus/js/jquery.hoverIntent.js?v=0.5"></script>
<script type="text/javascript" src="https://timeandnavigation.si.edu/sites/all/modules/nice_menus/js/superfish.js?v=1.4.8"></script>
<script type="text/javascript" src="https://timeandnavigation.si.edu/sites/all/modules/nice_menus/js/nice_menus.js?v=1.0"></script>
<script type="text/javascript" src="https://timeandnavigation.si.edu/sites/all/modules/context_accordion/context_accordion.js?phqbsx"></script>
<script type="text/javascript">
<!--//--><![CDATA[//><!--
var base_path = "/";
//--><!]]>
</script>
<script type="text/javascript">
<!--//--><![CDATA[//><!--
var theme_path = "sites/all/themes/timeandnav";
//--><!]]>
</script>
<script type="text/javascript">
<!--//--><![CDATA[//><!--
if (window != top) top.location.href = location.href;
//--><!]]>
</script>
<script type="text/javascript" src="https://timeandnavigation.si.edu/sites/all/libraries/modernizr/modernizr-2.6.2.min.js?phqbsx"></script>
<script type="text/javascript" src="https://timeandnavigation.si.edu/sites/all/libraries/selectivizr/selectivizr-1.0.2.min.js?phqbsx"></script>
<script type="text/javascript" src="https://timeandnavigation.si.edu/sites/all/libraries/smooth-zoom-pan/Source/jquery.smoothZoom.min.js?phqbsx"></script>
<script type="text/javascript" src="https://timeandnavigation.si.edu/sites/all/libraries/jquery.ui.touch-punch/jquery.ui.touch-punch.min.js?phqbsx"></script>
<script type="text/javascript" src="https://timeandnavigation.si.edu/sites/all/themes/timeandnav/js/cross-browser.js?phqbsx"></script>
<script type="text/javascript" src="https://timeandnavigation.si.edu/sites/all/libraries/jquery.rotate/jQueryRotateCompressed.2.2.js?phqbsx"></script>
<script type="text/javascript" src="https://timeandnavigation.si.edu/sites/all/themes/timeandnav/interactives/interactives.js?phqbsx"></script>
<script type="text/javascript" src="https://timeandnavigation.si.edu/sites/all/themes/timeandnav/interactives/modules/sea/js/sea.variables.js?phqbsx"></script>
<script type="text/javascript" src="https://timeandnavigation.si.edu/sites/all/themes/timeandnav/interactives/modules/sea/js/sea.modules.shared.js?phqbsx"></script>
<script type="text/javascript" src="https://timeandnavigation.si.edu/sites/all/themes/timeandnav/interactives/modules/sea/js/sea.events.shared.js?phqbsx"></script>
<script type="text/javascript" src="https://timeandnavigation.si.edu/sites/all/themes/timeandnav/js/desktop.js?phqbsx"></script>
<script type="text/javascript" src="https://timeandnavigation.si.edu/sites/all/themes/timeandnav/interactives/modules/sea/js/sea.modules.js?phqbsx"></script>
<script type="text/javascript" src="https://timeandnavigation.si.edu/sites/all/themes/timeandnav/interactives/modules/sea/js/sea.events.js?phqbsx"></script>
<script type="text/javascript" src="https://timeandnavigation.si.edu/sites/all/themes/timeandnav/js/shared.js?phqbsx"></script>
<script type="text/javascript" src="https://timeandnavigation.si.edu/sites/all/themes/omega/omega/js/omega-mediaqueries.js?phqbsx"></script>
<script type="text/javascript" src="https://timeandnavigation.si.edu/sites/all/themes/omega/omega/js/omega-equalheights.js?phqbsx"></script>
<script type="text/javascript">
<!--//--><![CDATA[//><!--
jQuery.extend(Drupal.settings, {"basePath":"\/","pathPrefix":"","ajaxPageState":{"theme":"timeandnav","theme_token":"1aPR_FrQwJVdvsUM0EN5Eu5AA9Ruve6rfemGdR05VWQ","js":{"0":1,"\/\/ajax.googleapis.com\/ajax\/libs\/jquery\/1.7.2\/jquery.min.js":1,"1":1,"misc\/jquery.once.js":1,"misc\/drupal.js":1,"\/\/ajax.googleapis.com\/ajax\/libs\/jqueryui\/1.10.2\/jquery-ui.min.js":1,"2":1,"sites\/all\/modules\/nice_menus\/js\/jquery.bgiframe.js":1,"sites\/all\/modules\/nice_menus\/js\/jquery.hoverIntent.js":1,"sites\/all\/modules\/nice_menus\/js\/superfish.js":1,"sites\/all\/modules\/nice_menus\/js\/nice_menus.js":1,"sites\/all\/modules\/context_accordion\/context_accordion.js":1,"3":1,"4":1,"5":1,"sites\/all\/libraries\/modernizr\/modernizr-2.6.2.min.js":1,"sites\/all\/libraries\/selectivizr\/selectivizr-1.0.2.min.js":1,"sites\/all\/libraries\/smooth-zoom-pan\/Source\/jquery.smoothZoom.min.js":1,"sites\/all\/libraries\/jquery.ui.touch-punch\/jquery.ui.touch-punch.min.js":1,"sites\/all\/themes\/timeandnav\/js\/cross-browser.js":1,"sites\/all\/libraries\/jquery.rotate\/jQueryRotateCompressed.2.2.js":1,"sites\/all\/themes\/timeandnav\/interactives\/interactives.js":1,"sites\/all\/themes\/timeandnav\/interactives\/modules\/sea\/js\/sea.variables.js":1,"sites\/all\/themes\/timeandnav\/interactives\/modules\/sea\/js\/sea.modules.shared.js":1,"sites\/all\/themes\/timeandnav\/interactives\/modules\/sea\/js\/sea.events.shared.js":1,"sites\/all\/themes\/timeandnav\/js\/desktop.js":1,"sites\/all\/themes\/timeandnav\/interactives\/modules\/sea\/js\/sea.modules.js":1,"sites\/all\/themes\/timeandnav\/interactives\/modules\/sea\/js\/sea.events.js":1,"sites\/all\/themes\/timeandnav\/js\/shared.js":1,"sites\/all\/themes\/omega\/omega\/js\/omega-mediaqueries.js":1,"sites\/all\/themes\/omega\/omega\/js\/omega-equalheights.js":1},"css":{"misc\/ui\/jquery.ui.core.css":1,"misc\/ui\/jquery.ui.theme.css":1,"misc\/ui\/jquery.ui.accordion.css":1,"sites\/all\/modules\/ldap\/ldap_user\/ldap_user.css":1,"sites\/all\/modules\/date\/date_api\/date.css":1,"sites\/all\/modules\/mollom\/mollom.css":1,"modules\/poll\/poll.css":1,"sites\/all\/modules\/ckeditor\/css\/ckeditor.css":1,"sites\/all\/modules\/context_accordion\/context_accordion.css":1,"sites\/all\/modules\/ctools\/css\/ctools.css":1,"sites\/all\/modules\/ldap\/ldap_servers\/ldap_servers.admin.css":1,"sites\/all\/modules\/tagclouds\/tagclouds.css":1,"sites\/all\/themes\/timeandnav\/css\/cross-browser.css":1,"sites\/all\/themes\/timeandnav\/interactives\/interactives.css":1,"sites\/all\/themes\/timeandnav\/interactives\/modules\/sea\/sea.css":1,"sites\/all\/themes\/timeandnav\/css\/desktop.global.css":1,"sites\/all\/themes\/omega\/alpha\/css\/alpha-reset.css":1,"sites\/all\/themes\/timeandnav\/css\/global.css":1,"ie::wide::sites\/all\/themes\/omega\/alpha\/css\/grid\/alpha_default\/wide\/alpha-default-wide-36.css":1,"sites\/all\/themes\/omega\/alpha\/css\/grid\/alpha_default\/wide\/alpha-default-wide-36.css":1}},"mediaelementAll":true,"nice_menus_options":{"delay":"800","speed":"slow"},"urlIsAjaxTrusted":{"\/navigating-at-sea\/challenges\/navigate-the-sea-activity":true},"omega":{"layouts":{"primary":"wide","order":["wide"],"queries":{"wide":"all"}}}});
//--><!]]>
</script>
</head>
<body class="html not-front not-logged-in no-sidebars page-node page-node- page-node-167 node-type-page activity context-navigating-at-sea">
    <div class="page clearfix" id="page">
      <header id="section-header" class="section section-header">
  <div id="zone-header-wrapper" class="zone-wrapper zone-header-wrapper clearfix">  
  <div id="zone-header" class="zone zone-header clearfix container-36">
    <div class="grid-36 region region-header" id="region-header">
  <div class="region-inner region-header-inner">
    <div class="block block-block block-5 block-block-5 odd block-without-title" id="block-block-5">
  <div class="block-inner clearfix">
                
    <div class="content clearfix">
      <a href="http://airandspace.si.edu/" title="Smithsonian" target="_blank"><img src="http://timeandnavigation.si.edu/sites/all/themes/timeandnav/images/logo.png" alt="Smithsonian" /></a>    </div>
  </div>
</div><div class="block block-nice-menus block-1 block-nice-menus-1 even block-without-title" id="block-nice-menus-1">
  <div class="block-inner clearfix">
                
    <div class="content clearfix">
      <ul class="nice-menu nice-menu-down nice-menu-main-menu" id="nice-menu-1"><li class="menu-520 menuparent  menu-path-node-163 active-trail  first   odd  "><a href="/navigating-at-sea">Navigating <br/>at Sea</a><ul><li class="menu-526  menu-path-node-164  first   odd  "><a href="/navigating-at-sea/challenges" title="Challenges of Sea Navigation link">Challenges of Sea Navigation</a></li>
<li class="menu-528  menu-path-node-165   even  "><a href="/navigating-at-sea/navigating-without-a-clock" title="Navigating without a Clock link">Navigating Without a Clock</a></li>
<li class="menu-529  menu-path-node-166   odd  "><a href="/navigating-at-sea/longitude-problem" title="The Longitude Problem link">The Longitude Problem</a></li>
<li class="menu-1082  menu-path-node-181   even  "><a href="/navigating-at-sea/us-goes-to-sea" title="The U.S. Goes to Sea link">The U.S. Goes to Sea</a></li>
<li class="menu-1276 menu-path-node-167 active-trail   odd   last "><a href="/navigating-at-sea/challenges/navigate-the-sea-activity" title="Use a sextant and chronometer to keep yourself on course. And hurry! You want to beat the record of the clipper ship Flying Cloud!" class="active">Navigate at Sea! Activity</a></li>
</ul></li>
<li class="menu-521 menuparent  menu-path-node-123   even  "><a href="/navigating-air">Navigating <br/>in the Air</a><ul><li class="menu-530  menu-path-node-124  first   odd  "><a href="/navigating-air/challenges" title="Challenges of Air Navigation link">Challenges of Air Navigation</a></li>
<li class="menu-532  menu-path-node-132   even  "><a href="/navigating-air/early-air-navigators" title="Early Air Navigators link">Early Air Navigators</a></li>
<li class="menu-533  menu-path-node-131   odd  "><a href="/navigating-air/navigation-at-war" title="Navigation at War link">Navigation at War</a></li>
<li class="menu-1277 menu-path-node-130   even   last "><a href="/navigating-air/challenges/navigate-the-skies-activity">Navigate the Skies! Activity</a></li>
</ul></li>
<li class="menu-522 menuparent  menu-path-node-10   odd  "><a href="/navigating-space">Navigating <br/>in Space</a><ul><li class="menu-806  menu-path-node-36  first   odd  "><a href="/navigating-space/challenges" title="Challenges of Space Navigation Link">Challenges of Space Navigation</a></li>
<li class="menu-808  menu-path-node-35   even  "><a href="/navigating-space/reaching-for-the-moon" title="Reaching for the Moon Link">Reaching for the Moon</a></li>
<li class="menu-538  menu-path-node-42   odd  "><a href="/navigating-space/deep-space" title="Navigating in Deep Space Link">Navigating in Deep Space</a></li>
<li class="menu-914 menu-path-node-38   even   last "><a href="/navigating-space/challenges/navigate-in-space-activity" title="Navigate in Space! Activity link">Navigate in Space! Activity</a></li>
</ul></li>
<li class="menu-523 menuparent  menu-path-node-253   even  "><a href="/satellite-navigation">Satellite Navigation</a><ul><li class="menu-1245  menu-path-node-223  first   odd  "><a href="/satellite-navigation/challenges-of-satellite-navigation">Challenges of Satellite Navigation</a></li>
<li class="menu-1247  menu-path-node-228   even  "><a href="/satellite-navigation/reliable-global-navigation">Reliable Global Navigation</a></li>
<li class="menu-1255  menu-path-node-237   odd  "><a href="/satellite-navigation/gps" title="A new joint program was developed under the Air Force called the NAVSTAR Global Positioning System, or GPS.">Global Positioning System (GPS)</a></li>
<li class="menu-1261  menu-path-node-244   even   last "><a href="/satellite-navigation/who-uses-satellite-navigation" title="Global navigation systems like GPS and easy-to-use devices have revolutionized many aspects of life.">Who Uses Satellite Navigation</a></li>
</ul></li>
<li class="menu-524 menuparent  menu-path-node-328   odd  "><a href="/navigation-for-everyone">Navigation <br/>for Everyone</a><ul><li class="menu-1366  menu-path-navigation-for-everyone-meet-the-navigators  first   odd  "><a href="/navigation-for-everyone/meet-the-navigators" title="">Meet a Professional Navigator</a></li>
<li class="menu-1298 menu-path-navigation-for-everyone-what-do-you-think   even  "><a href="/navigation-for-everyone/what-do-you-think" title="">What Do You Think? Take the Poll</a></li>
<li class="menu-1351  menu-path-navigation-for-everyone-personal-navigation-stories   odd   last "><a href="/navigation-for-everyone/personal-navigation-stories" title="">Personal Navigation Stories</a></li>
</ul></li>
<li class="menu-525 menu-path-timeline2   even   last "><a href="/timeline2" title="">Timeline of Innovation</a></li>
</ul>
    </div>
  </div>
</div><div class="block block-nice-menus block-2 block-nice-menus-2 odd block-without-title" id="block-nice-menus-2">
  <div class="block-inner clearfix">
                
    <div class="content clearfix">
      <ul class="nice-menu nice-menu-down nice-menu-menu-main-menu-secondary" id="nice-menu-2"><li class="menu-889 menu-path-node-551  first   odd  "><a href="/artifacts" title="">Artifacts</a></li>
<li class="menu-890 menu-path-learning-resources   even  "><a href="/learning-resources" title="">Learning Resources</a></li>
<li class="menu-891 menu-path-node-161   odd  "><a href="/multimedia-gallery" title="">Multimedia Gallery</a></li>
<li class="menu-892 menu-path-research   even  "><a href="/research">Research</a></li>
<li class="menu-898 menu-path-node-581   odd   last "><a href="/visit-the-exhibition" title="">Visit the Exhibition</a></li>
</ul>
    </div>
  </div>
</div><div class="block block-search block-form block-search-form even block-without-title" id="block-search-form">
  <div class="block-inner clearfix">
                
    <div class="content clearfix">
      <form action="/navigating-at-sea/challenges/navigate-the-sea-activity" method="post" id="search-block-form" accept-charset="UTF-8"><div><div class="container-inline">
      <h2 class="element-invisible">Search form</h2>
    <div class="form-item form-type-textfield form-item-search-block-form">
  <label class="element-invisible" for="edit-search-block-form--2">Search </label>
 <input title="Enter the terms you wish to search for." type="text" id="edit-search-block-form--2" name="search_block_form" value="" size="15" maxlength="128" class="form-text" />
</div>
<div class="form-actions form-wrapper" id="edit-actions"><input type="submit" id="edit-submit" name="op" value="Search" class="form-submit" /></div><input type="hidden" name="form_build_id" value="form-sBEbPHA5vl3lgxOPl612zv32BgcbpIoA9377zpvdR9A" />
<input type="hidden" name="form_id" value="search_block_form" />
</div>
</div></form>    </div>
  </div>
</div><div class="block block-block block-3 block-block-3 odd block-without-title" id="block-block-3">
  <div class="block-inner clearfix">
                
    <div class="content clearfix">
      <a href="/" title="Time and Navigation - The untold story of getting from here to there."><img src="http://timeandnavigation.si.edu/sites/all/themes/timeandnav/images/clock-banner.png" alt="Time and Navigation Home" /></a>
<img src="http://timeandnavigation.si.edu/sites/all/themes/timeandnav/images/clock-base.png" alt="" />    </div>
  </div>
</div><div class="block block-block block-4 block-block-4 even block-without-title" id="block-block-4">
  <div class="block-inner clearfix">
                
    <div class="content clearfix">
      <div id="social-icons" class="clearfix">
  <a href="https://www.facebook.com/airandspace" title="Facebook" target="_blank">Facebook</a>
  <a href="https://twitter.com/airandspace" title="Twitter" target="_blank">Twitter</a>
  <a href="https://plus.google.com/+airandspace" title="Google Plus" target="_blank">Google Plus</a>
  <a href="http://pinterest.com/airandspace" title="Pinterest" target="_blank">Pinterest</a>
  <a href="http://www.youtube.com/user/airandspace" title="YouTube" target="_blank">YouTube</a>
</div>    </div>
  </div>
</div>  </div>
</div>  </div>
</div><div id="zone-mobile-header-wrapper" class="zone-wrapper zone-mobile-header-wrapper clearfix">  
  <div id="zone-mobile-header" class="zone zone-mobile-header clearfix container-36">
    <div class="grid-36 region region-mobile-header" id="region-mobile-header">
  <div class="region-inner region-mobile-header-inner">
    <div class="block block-block block-11 block-block-11 odd block-without-title" id="block-block-11">
  <div class="block-inner clearfix">
                
    <div class="content clearfix">
      <div class="first"><a href="/">Time <span>and</span> Navigation</a></div>
<div class="last">The untold story of getting from here to there.</div>    </div>
  </div>
</div><div class="block block-block block-28 block-block-28 even block-without-title" id="block-block-28">
  <div class="block-inner clearfix">
                
    <div class="content clearfix">
      <a href="/" title="Home"><img src="http://timeandnavigation.si.edu/sites/all/themes/timeandnav/mobile/images/mobile-home-button.png" alt="Home" /></a>
<form action="/navigating-at-sea/challenges/navigate-the-sea-activity" method="post" id="search-block-form--2" accept-charset="UTF-8"><div><div class="container-inline">
      <h2 class="element-invisible">Search form</h2>
    <div class="form-item form-type-textfield form-item-search-block-form">
  <label class="element-invisible" for="edit-search-block-form--4">Search </label>
 <input title="Enter the terms you wish to search for." type="text" id="edit-search-block-form--4" name="search_block_form" value="" size="15" maxlength="128" class="form-text" />
</div>
<div class="form-actions form-wrapper" id="edit-actions--2"><input type="submit" id="edit-submit--2" name="op" value="Search" class="form-submit" /></div><input type="hidden" name="form_build_id" value="form-Nf1hjEfeKrlee4Ex5TD--Pyz3cJngNwKUfZZA7hHnmc" />
<input type="hidden" name="form_id" value="search_block_form" />
</div>
</div></form>    </div>
  </div>
</div><div class="block block-block block-10 block-block-10 odd block-without-title" id="block-block-10">
  <div class="block-inner clearfix">
                
    <div class="content clearfix">
      <a href="#"><img src="http://timeandnavigation.si.edu/sites/all/themes/timeandnav/mobile/images/mobile-button.png" alt="" /></a>    </div>
  </div>
</div><div class="block block-menu block-menu-main-menu-mobile block-menu-menu-main-menu-mobile even block-without-title" id="block-menu-menu-main-menu-mobile">
  <div class="block-inner clearfix">
                
    <div class="content clearfix">
      <ul class="menu"><li class="first leaf"><a href="/navigating-at-sea" title="">Navigating at Sea</a></li>
<li class="leaf"><a href="/navigating-air" title="">Navigating in the Air</a></li>
<li class="leaf"><a href="/navigating-space" title="">Navigating in Space</a></li>
<li class="leaf"><a href="/satellite-navigation" title="">Satellite Navigation</a></li>
<li class="leaf"><a href="/navigation-for-everyone" title="">Navigation for Everyone</a></li>
<li class="leaf"><a href="/timeline" title="">Timeline of Innovation</a></li>
<li class="leaf"><a href="/artifacts" title="">Artifacts</a></li>
<li class="leaf"><a href="/learning-resources" title="">Learning Resources</a></li>
<li class="leaf"><a href="/multimedia-gallery" title="">Multimedia Gallery</a></li>
<li class="leaf"><a href="/research" title="">Research Journal</a></li>
<li class="last leaf"><a href="/visit-the-exhibition" title="">Visit the Exhibition</a></li>
</ul>    </div>
  </div>
</div>  </div>
</div>  </div>
</div></header>    
      <section id="section-content" class="section section-content">
  <div id="zone-prescript-wrapper" class="zone-wrapper zone-prescript-wrapper clearfix">  
  <div id="zone-prescript" class="zone zone-prescript clearfix alpha omega container-36">
      </div>
</div><div id="zone-content-full-width-wrapper" class="zone-wrapper zone-content-full-width-wrapper clearfix">  
  <div id="zone-content-full-width" class="zone zone-content-full-width clearfix container-36">
    <div class="grid-36 region region-content-full-width" id="region-content-full-width">
  <div class="region-inner region-content-full-width-inner">
    <div class="block block-menu-block page-menu block-4 block-menu-block-4 odd block-without-title grid-6" id="block-menu-block-4">
  <div class="block-inner clearfix">
                
    <div class="content clearfix">
      <div class="menu-block-wrapper menu-block-4 menu-name-main-menu parent-mlid-520 menu-level-1">
  <ul class="menu"><li class="first expanded menu-mlid-526"><a href="/navigating-at-sea/challenges" title="Challenges of Sea Navigation link">Challenges of Sea Navigation</a><ul class="menu"><li class="first leaf menu-mlid-1069"><a href="/navigating-at-sea/challenges/british-fleet-runs-aground" title="A British fleet is lost at sea.">Navigation Gone Wrong: A British Fleet is Lost at Sea</a></li>
<li class="last leaf active menu-mlid-527"><a href="/navigating-at-sea/challenges/navigate-the-sea-activity" title="Use a sextant and chronometer to keep yourself on course. And hurry! You want to beat the record of the clipper ship Flying Cloud!" class="active">Navigate at Sea! Activity</a></li>
</ul></li>
<li class="expanded menu-mlid-528"><a href="/navigating-at-sea/navigating-without-a-clock" title="Navigating without a Clock link">Navigating Without a Clock</a><ul class="menu"><li class="first leaf menu-mlid-1070"><a href="/navigating-at-sea/navigating-without-a-clock/early-voyages" title="People accomplished amazing feats of navigation well before Europeans took to the seas.">Early Voyages</a></li>
<li class="leaf menu-mlid-1072"><a href="/navigating-at-sea/navigating-without-a-clock/dead-reckoning" title="Simple navigation methods and instruments served mariners for centuries.">Dead Reckoning</a></li>
<li class="last leaf menu-mlid-1073"><a href="/navigating-at-sea/navigating-without-a-clock/celestial-navigation" title="Navigators began using special instruments to find latitude at sea.">Celestial Navigation</a></li>
</ul></li>
<li class="expanded menu-mlid-529"><a href="/navigating-at-sea/longitude-problem" title="The Longitude Problem link">The Longitude Problem</a><ul class="menu"><li class="first leaf menu-mlid-1074"><a href="/navigating-at-sea/longitude-problem/cash-for-creativity" title="European governments offered huge prizes to solve the longitude problem.">Cash for Creativity</a></li>
<li class="leaf menu-mlid-1076"><a href="/navigating-at-sea/longitude-problem/solving-longitude-problem/early-sea-clocks" title="Finding longitude greatly improved once a portable clock was invented.">Early Sea Clock Experiments</a></li>
<li class="leaf menu-mlid-1077"><a href="/navigating-at-sea/longitude-problem/solving-longitude-problem/innovation-in-england" title="Clockmaker John Harrison demonstrates a workable timepiece for finding longitude at sea.">Innovations in England</a></li>
<li class="leaf menu-mlid-1078"><a href="/navigating-at-sea/longitude-problem/solving-longitude-problem/innovation-in-france" title="Finding longitude on land and at sea was a major preoccupation in France.">Innovations in France</a></li>
<li class="leaf menu-mlid-1079"><a href="/navigating-at-sea/longitude-problem/solving-longitude-problem/chronometer" title="To design and build a standardized seagoing timekeeper took decades.">The Chronometer</a></li>
<li class="leaf menu-mlid-1080"><a href="/navigating-at-sea/longitude-problem/observing-the-skies" title="Finding longitude greatly improved once better angle-measuring instruments and star charts were available.">Observing the Skies</a></li>
<li class="last leaf menu-mlid-1081"><a href="/navigating-at-sea/longitude-problem/wreck-of-the-arniston" title="Sailing without a chronometer proved deadly.">Navigation Gone Wrong: Wreck of the Arniston</a></li>
</ul></li>
<li class="expanded menu-mlid-1082"><a href="/navigating-at-sea/us-goes-to-sea" title="The U.S. Goes to Sea link">The U.S. Goes to Sea</a><ul class="menu"><li class="first expanded menu-mlid-1083"><a href="/navigating-at-sea/us-goes-to-sea/early-contributions" title="America’s earliest contributions to navigation aimed to lessen the dangers of seafaring.">Early Contributions</a><ul class="menu"><li class="first leaf menu-mlid-1085"><a href="/navigating-at-sea/us-goes-to-sea/early-contributions/meet-the-clockmaker" title="The firm of William Bond &amp; Son became one of America’s best known chronometer dealers.">Meet the Clockmaker: William Cranch Bond</a></li>
<li class="last leaf menu-mlid-1086"><a href="/navigating-at-sea/us-goes-to-sea/early-contributions/meet-the-navigator" title="The wife of the Flying Cloud’s master was the ship’s navigator.">Meet the Navigator: Eleanor Creesy</a></li>
</ul></li>
<li class="last expanded menu-mlid-1087"><a href="/navigating-at-sea/us-goes-to-sea/wilkes-expedition" title="The United States dispatched an ambitious mission to uncharted oceans.">Wilkes Expedition</a><ul class="menu"><li class="first leaf menu-mlid-1088"><a href="/navigating-at-sea/us-goes-to-sea/wilkes-expedition/meet-the-mapmaker" title="Captain Charles Wilkes became known for his expertise and accuracy in mapping and charting.">Meet the Mapmaker: Charles Wilkes</a></li>
<li class="leaf menu-mlid-1089"><a href="/navigating-at-sea/us-goes-to-sea/wilkes-expedition/maps-charts" title="In four years, the expedition effectively remapped the Pacific Ocean.">Maps and Charts</a></li>
<li class="last leaf menu-mlid-1090"><a href="/navigating-at-sea/us-goes-to-sea/wilkes-expedition/scientifics" title="The expedition also included a formidable group of botanists, naturalists, artists, taxidermists, and other scientists.">The &quot;Scientifics&quot;</a></li>
</ul></li>
</ul></li>
<li class="last leaf active-trail active menu-mlid-1276"><a href="/navigating-at-sea/challenges/navigate-the-sea-activity" title="Use a sextant and chronometer to keep yourself on course. And hurry! You want to beat the record of the clipper ship Flying Cloud!" class="active-trail active">Navigate at Sea! Activity</a></li>
</ul></div>
    </div>
  </div>
</div><div>
  <div>
    <h1>Navigate at Sea! Activity</h1>            
    <div>
      <!-- Sea Interactive -->
<div id="interactive">
  <!-- S1 -->
  <div id="slide1" class="slide">
    <div class="inner">
      <video id="clip1" width="960" height="540" poster="http://timeandnavigation.si.edu/sites/all/themes/timeandnav/interactives/modules/sea/images/loading.gif" preload="meta">
        <source src="http://timeandnavigation.si.edu/sites/all/themes/timeandnav/interactives/modules/sea/clips/clip1.webm" type="video/webm" />
        <source src="http://timeandnavigation.si.edu/sites/all/themes/timeandnav/interactives/modules/sea/clips/clip1.mp4" type="video/mp4" />
        <source src="http://timeandnavigation.si.edu/sites/all/themes/timeandnav/interactives/modules/sea/clips/clip1.ogv" type="video/ogg" />
      </video>
      <video id="clip8" class="none" width="960" height="540" poster="/sites/all/themes/timeandnav/interactives/modules/sea/images/loading.gif" preload="meta">
        <source src="http://timeandnavigation.si.edu/sites/all/themes/timeandnav/interactives/modules/sea/clips/clip8.webm" type="video/webm" />
        <source src="http://timeandnavigation.si.edu/sites/all/themes/timeandnav/interactives/modules/sea/clips/clip8.mp4" type="video/mp4" />
        <source src="http://timeandnavigation.si.edu/sites/all/themes/timeandnav/interactives/modules/sea/clips/clip8.ogv" type="video/ogg" />
      </video>
    </div>
  </div>
  <!-- S2 -->
  <div id="slide2" class="slide none">
    <div class="inner">
      <button class="start fade abs"><img src="http://timeandnavigation.si.edu/sites/all/themes/timeandnav/interactives/modules/sea/images/buttons/start_btn_up.png" alt="Start" /></button>
      <img class="title1 fade abs" src="http://timeandnavigation.si.edu/sites/all/themes/timeandnav/interactives/modules/sea/images/labels/intro_label.png" alt="Can You Use the Stars to Navigate?" />
      <div class="label1 text fade abs">Navigators have long used reliable clocks and the stars to find their position at sea. Come aboard and try your hand at celestial navigation.</div>
      <video id="clip2" width="960" height="540" poster="/sites/all/themes/timeandnav/interactives/modules/sea/images/loading.gif" preload="meta" loop>
        <source src="http://timeandnavigation.si.edu/sites/all/themes/timeandnav/interactives/modules/sea/clips/clip2.webm" type="video/webm" />
        <source src="http://timeandnavigation.si.edu/sites/all/themes/timeandnav/interactives/modules/sea/clips/clip2.mp4" type="video/mp4" />
        <source src="http://timeandnavigation.si.edu/sites/all/themes/timeandnav/interactives/modules/sea/clips/clip2.ogv" type="video/ogg" />
      </video>
    </div>
  </div>
  <!-- S3 -->
  <div id="slide3" class="slide none">
    <div class="inner">
      <button class="restart fade abs"><img src="http://timeandnavigation.si.edu/sites/all/themes/timeandnav/interactives/modules/sea/images/buttons/restart_btn_up.png" alt="Restart" /></button>
      <button class="next fade abs"><img src="http://timeandnavigation.si.edu/sites/all/themes/timeandnav/interactives/modules/sea/images/buttons/next_btn_up.png" alt="Next" /></button>
      <div class="label1 text fade abs">A star's position in the sky changes depending on the time and your location.</div>
      <div class="label2 text small fade abs">Star</div>
      <div class="label3 text small fade abs">Horizon</div>
      <div id="slider" class="fade abs">
        <div id="sliderInner" class="clearfix">
          <div id="tool" class="abs"><img src="http://timeandnavigation.si.edu/sites/all/themes/timeandnav/interactives/modules/sea/images/slider/slider.png" alt="" /></div>
          <div class="sliderLabel abs">Earlier</div>
          <div class="sliderLabel abs">Later</div>
          <div id="angle330" class="item item-first">3:30</div>
          <div id="angle345" class="item">3:45</div>
          <div id="angle400" class="item">4:00</div>
          <div id="angle415" class="item">4:15</div>
          <div id="angle430" class="item">4:30</div>
          <div id="angle445" class="item">4:45</div>
          <div id="angle500" class="item">5:00</div>
          <div id="angle515" class="item">5:15</div>
          <div id="angle530" class="item">5:30</div>
          <div id="angle545" class="item">5:45</div>
          <div id="angle600" class="item item-last">6:00</div>
        </div>
      </div>
      <img id="image330" class="image" src="http://timeandnavigation.si.edu/sites/all/themes/timeandnav/interactives/modules/sea/images/angles/angle330.jpg" alt="" />
      <img id="image345" class="image" src="http://timeandnavigation.si.edu/sites/all/themes/timeandnav/interactives/modules/sea/images/angles/angle345.jpg" alt="" />
      <img id="image400" class="image" src="http://timeandnavigation.si.edu/sites/all/themes/timeandnav/interactives/modules/sea/images/angles/angle400.jpg" alt="" />
      <img id="image415" class="image" src="http://timeandnavigation.si.edu/sites/all/themes/timeandnav/interactives/modules/sea/images/angles/angle415.jpg" alt="" />
      <img id="image430" class="image" src="http://timeandnavigation.si.edu/sites/all/themes/timeandnav/interactives/modules/sea/images/angles/angle430.jpg" alt="" />
      <img id="image445" class="image" src="http://timeandnavigation.si.edu/sites/all/themes/timeandnav/interactives/modules/sea/images/angles/angle445.jpg" alt="" />
      <img id="image500" class="image" src="http://timeandnavigation.si.edu/sites/all/themes/timeandnav/interactives/modules/sea/images/angles/angle500.jpg" alt="" />
      <img id="image515" class="image" src="http://timeandnavigation.si.edu/sites/all/themes/timeandnav/interactives/modules/sea/images/angles/angle515.jpg" alt="" />
      <img id="image530" class="image" src="http://timeandnavigation.si.edu/sites/all/themes/timeandnav/interactives/modules/sea/images/angles/angle530.jpg" alt="" />
      <img id="image545" class="image" src="http://timeandnavigation.si.edu/sites/all/themes/timeandnav/interactives/modules/sea/images/angles/angle545.jpg" alt="" />
      <img id="image600" class="image" src="http://timeandnavigation.si.edu/sites/all/themes/timeandnav/interactives/modules/sea/images/angles/angle600.jpg" alt="" />
      <video id="clip3" width="960" height="540" poster="/sites/all/themes/timeandnav/interactives/modules/sea/images/loading.gif" preload="meta">
        <source src="http://timeandnavigation.si.edu/sites/all/themes/timeandnav/interactives/modules/sea/clips/clip3.webm" type="video/webm" />
        <source src="http://timeandnavigation.si.edu/sites/all/themes/timeandnav/interactives/modules/sea/clips/clip3.mp4" type="video/mp4" />
        <source src="http://timeandnavigation.si.edu/sites/all/themes/timeandnav/interactives/modules/sea/clips/clip3.ogv" type="video/ogg" />
      </video>
    </div>
  </div>
  <!-- S4 -->
  <div id="slide4" class="slide none">
    <div class="inner">
      <button class="restart fade abs"><img src="http://timeandnavigation.si.edu/sites/all/themes/timeandnav/interactives/modules/sea/images/buttons/restart_btn_up.png" alt="Restart" /></button>
      <button class="next abs"><img src="http://timeandnavigation.si.edu/sites/all/themes/timeandnav/interactives/modules/sea/images/buttons/next_btn_up.png" alt="Next" /></button>
      <div class="label1 text fade abs">You can use a sextant to measure a star's position above the horizon. Adjust the sextant until you see the star line up with the horizon.</div>
      <div class="label2 text small fade abs">Star</div>
      <div class="label3 text small fade abs">Horizon</div>
      <div id="slider" class="fade abs">
        <div id="sliderInner" class="clearfix">
          <div id="tool" class="abs"><img src="http://timeandnavigation.si.edu/sites/all/themes/timeandnav/interactives/modules/sea/images/slider/slider.png" alt="" /></div>
          <div class="sliderLabel abs">&nbsp;</div>
          <div class="sliderLabel abs">Change Angle</div>
          <div id="deg0" class="item item-first">0 degrees</div>
          <div id="deg10" class="item">10 degrees</div>
          <div id="deg15" class="item">15 degrees</div>
          <div id="deg20" class="item">20 degrees</div>
          <div id="deg25" class="item">25 degrees</div>
          <div id="deg30" class="item">30 degrees</div>
          <div id="deg35" class="item">35 degrees</div>
          <div id="deg40" class="item">40 degrees</div>
          <div id="deg45" class="item">45 degrees</div>
          <div id="deg50" class="item item-last">50 degrees</div>
        </div>
      </div>
      <img id="image0" class="image" src="http://timeandnavigation.si.edu/sites/all/themes/timeandnav/interactives/modules/sea/images/degrees/deg0.jpg" alt="" />
      <img id="image10" class="image" src="http://timeandnavigation.si.edu/sites/all/themes/timeandnav/interactives/modules/sea/images/degrees/deg10.jpg" alt="" />
      <img id="image15" class="image" src="http://timeandnavigation.si.edu/sites/all/themes/timeandnav/interactives/modules/sea/images/degrees/deg15.jpg" alt="" />
      <img id="image20" class="image" src="http://timeandnavigation.si.edu/sites/all/themes/timeandnav/interactives/modules/sea/images/degrees/deg20.jpg" alt="" />
      <img id="image25" class="image" src="http://timeandnavigation.si.edu/sites/all/themes/timeandnav/interactives/modules/sea/images/degrees/deg25.jpg" alt="" />
      <img id="image30" class="image" src="http://timeandnavigation.si.edu/sites/all/themes/timeandnav/interactives/modules/sea/images/degrees/deg30.jpg" alt="" />
      <img id="image35" class="image" src="http://timeandnavigation.si.edu/sites/all/themes/timeandnav/interactives/modules/sea/images/degrees/deg35.jpg" alt="" />
      <img id="image40" class="image" src="http://timeandnavigation.si.edu/sites/all/themes/timeandnav/interactives/modules/sea/images/degrees/deg40.jpg" alt="" />
      <img id="image45" class="image" src="http://timeandnavigation.si.edu/sites/all/themes/timeandnav/interactives/modules/sea/images/degrees/deg45.jpg" alt="" />
      <img id="image50" class="image" src="http://timeandnavigation.si.edu/sites/all/themes/timeandnav/interactives/modules/sea/images/degrees/deg50.jpg" alt="" />
    </div>
  </div>
  <!-- S5 -->
  <div id="slide5" class="slide none">
    <div class="inner">
      <button class="restart fade abs"><img src="http://timeandnavigation.si.edu/sites/all/themes/timeandnav/interactives/modules/sea/images/buttons/restart_btn_up.png" alt="Restart" /></button>
      <button class="next fade abs"><img src="http://timeandnavigation.si.edu/sites/all/themes/timeandnav/interactives/modules/sea/images/buttons/next_btn_up.png" alt="Next" /></button>
      <div class="label1 text fade abs">There are other places on Earth where the star would be at the same angle at the same time.</div>
      <video id="clip4" width="960" height="540" poster="/sites/all/themes/timeandnav/interactives/modules/sea/images/loading.gif" preload="meta">
        <source src="http://timeandnavigation.si.edu/sites/all/themes/timeandnav/interactives/modules/sea/clips/clip4.webm" type="video/webm" />
        <source src="http://timeandnavigation.si.edu/sites/all/themes/timeandnav/interactives/modules/sea/clips/clip4.mp4" type="video/mp4" />
        <source src="http://timeandnavigation.si.edu/sites/all/themes/timeandnav/interactives/modules/sea/clips/clip4.ogv" type="video/ogg" />
      </video>
    </div>
  </div>
  <!-- S6 -->
  <div id="slide6" class="slide none">
    <div class="inner">
      <video id="clip5" width="960" height="540" poster="/sites/all/themes/timeandnav/interactives/modules/sea/images/loading.gif" preload="meta">
        <source src="http://timeandnavigation.si.edu/sites/all/themes/timeandnav/interactives/modules/sea/clips/clip5.webm" type="video/webm" />
        <source src="http://timeandnavigation.si.edu/sites/all/themes/timeandnav/interactives/modules/sea/clips/clip5.mp4" type="video/mp4" />
        <source src="http://timeandnavigation.si.edu/sites/all/themes/timeandnav/interactives/modules/sea/clips/clip5.ogv" type="video/ogg" />
      </video>
    </div>
  </div>
  <!-- S7 -->
  <div id="slide7" class="slide none">
    <div class="inner">
      <button class="restart fade abs"><img src="http://timeandnavigation.si.edu/sites/all/themes/timeandnav/interactives/modules/sea/images/buttons/restart_btn_up.png" alt="Restart" /></button>
      <button class="next fade abs"><img src="http://timeandnavigation.si.edu/sites/all/themes/timeandnav/interactives/modules/sea/images/buttons/next_btn_up.png" alt="Next" /></button>
      <div class="label1 text fade abs">Using a mathematical table, we can calculate where all these possible positions would be. They would form a circle on the Earth.</div>
      <video id="clip6" width="960" height="540" poster="/sites/all/themes/timeandnav/interactives/modules/sea/images/loading.gif" preload="meta" loop>
        <source src="http://timeandnavigation.si.edu/sites/all/themes/timeandnav/interactives/modules/sea/clips/clip6.webm" type="video/webm" />
        <source src="http://timeandnavigation.si.edu/sites/all/themes/timeandnav/interactives/modules/sea/clips/clip6.mp4" type="video/mp4" />
        <source src="http://timeandnavigation.si.edu/sites/all/themes/timeandnav/interactives/modules/sea/clips/clip6.ogv" type="video/ogg" />
      </video>
    </div>
  </div>
  <!-- S8 -->
  <div id="slide8" class="slide none">
    <div class="inner">
      <video id="clip7" width="960" height="540" poster="/sites/all/themes/timeandnav/interactives/modules/sea/images/loading.gif" preload="meta">
        <source src="http://timeandnavigation.si.edu/sites/all/themes/timeandnav/interactives/modules/sea/clips/clip7.webm" type="video/webm" />
        <source src="http://timeandnavigation.si.edu/sites/all/themes/timeandnav/interactives/modules/sea/clips/clip7.mp4" type="video/mp4" />
        <source src="http://timeandnavigation.si.edu/sites/all/themes/timeandnav/interactives/modules/sea/clips/clip7.ogv" type="video/ogg" />
      </video>
    </div>
  </div>
  <!-- S9 -->
  <div id="slide9" class="slide none">
    <div class="inner">
      <button class="restart fade abs"><img src="http://timeandnavigation.si.edu/sites/all/themes/timeandnav/interactives/modules/sea/images/buttons/restart_btn_up.png" alt="Restart" /></button>
      <button class="next fade abs"><img src="http://timeandnavigation.si.edu/sites/all/themes/timeandnav/interactives/modules/sea/images/buttons/next_btn_up.png" alt="Next" /></button>
      <div class="label1 text fade abs">When we look closely, this forms a line called a "Line of Position."<br /><br />Your ship is somewhere on this line.</div>
    </div>
  </div>
  <!-- S10 -->
  <div id="slide10" class="slide none">
    <div class="inner">
      <button class="restart fade abs"><img src="http://timeandnavigation.si.edu/sites/all/themes/timeandnav/interactives/modules/sea/images/buttons/restart_btn_up.png" alt="Restart" /></button>
      <button class="next fade abs"><img src="http://timeandnavigation.si.edu/sites/all/themes/timeandnav/interactives/modules/sea/images/buttons/next_btn_up.png" alt="Next" /></button>
      <div class="label1 text fade abs">To find where you are, you need to measure a second star, and find where these two lines of position intersect.</div>
    </div>
  </div>
  <!-- S11 -->
  <div id="slide11" class="slide none">
    <div class="inner">
      <button class="restart fade abs"><img src="http://timeandnavigation.si.edu/sites/all/themes/timeandnav/interactives/modules/sea/images/buttons/restart_btn_up.png" alt="Restart" /></button>
      <div id="choice" class="abs">
        <div id="choiceInner"> 
          <!-- Step 1 -->
          <div id="step1">
            <img id="or" class="abs" src="http://timeandnavigation.si.edu/sites/all/themes/timeandnav/interactives/modules/sea/images/labels/or_label.png" alt="" /> 
            <!-- Choice 1 -->
            <div id="choice1" class="abs">
              <img class="title1" src="http://timeandnavigation.si.edu/sites/all/themes/timeandnav/interactives/modules/sea/images/labels/let_me_do_it_label.png" alt="Let Me Do It!" />
              <div class="text">I'm up for the challenge.</div>
              <button><img src="http://timeandnavigation.si.edu/sites/all/themes/timeandnav/interactives/modules/sea/images/buttons/go_btn_up.png" alt="Go" /></button>
            </div>
            <!-- Choice 2 -->
            <div id="choice2" class="abs">
              <img class="title1" src="http://timeandnavigation.si.edu/sites/all/themes/timeandnav/interactives/modules/sea/images/labels/just_show_me_label.png" alt="Just Show Me" />
              <div class="text">No thanks. Do it for me.</div>
              <button><img src="http://timeandnavigation.si.edu/sites/all/themes/timeandnav/interactives/modules/sea/images/buttons/go_btn_up.png" alt="Go" /></button>
            </div>
          </div>
          <!-- Step 2a -->
          <div id="step2a"> 
            <!-- Step 2a1 -->
            <div id="step2a1" class="step2">
              <button class="cancel abs"><img src="http://timeandnavigation.si.edu/sites/all/themes/timeandnav/interactives/modules/sea/images/buttons/cancel_btn_up.png" alt="Cancel" /></button>
              <button class="next fade abs"><img src="http://timeandnavigation.si.edu/sites/all/themes/timeandnav/interactives/modules/sea/images/buttons/next_btn_up.png" alt="Next" /></button>
              <div class="text abs text1">First let's sight the star. Which measurement best suits the angle between the horizon and the bright star?<br /><br /><em>Select the correct angle.</em></div>
              <div class="text abs none text2">The star is 15 degrees above the horizon.</div>
              <div class="label1 abs">Star</div>
              <div class="label2 abs">Horizon</div>
              <div id="slider" class="abs">
                <div id="sliderInner" class="clearfix">
                  <div id="tool" class="abs"><img src="http://timeandnavigation.si.edu/sites/all/themes/timeandnav/interactives/modules/sea/images/slider/slider.png" alt="" /></div>
                  <div class="sliderLabel abs">&nbsp;</div>
                  <div class="sliderLabel abs">Increase Angle</div>
                  <div id="deg0mini" class="item item-first">0 degrees</div>
                  <div id="deg5mini" class="item">5 degrees</div>
                  <div id="deg15mini" class="item">15 degrees</div>
                  <div id="deg25mini" class="item item-last">25 degrees</div>
                </div>
              </div>
              <img id="image0mini" class="image abs" src="http://timeandnavigation.si.edu/sites/all/themes/timeandnav/interactives/modules/sea/images/degrees_mini/deg0.jpg" alt="" />
              <img id="image5mini" class="image abs" src="http://timeandnavigation.si.edu/sites/all/themes/timeandnav/interactives/modules/sea/images/degrees_mini/deg5.jpg" alt="" />
              <img id="image15mini" class="image abs" src="http://timeandnavigation.si.edu/sites/all/themes/timeandnav/interactives/modules/sea/images/degrees_mini/deg15.jpg" alt="" />
              <img id="image25mini" class="image abs" src="http://timeandnavigation.si.edu/sites/all/themes/timeandnav/interactives/modules/sea/images/degrees_mini/deg25.jpg" alt="" />
              <div id="degrees" class="abs step2menu">
                <div class="clearfix">
                  <button id="measure5">5&deg;</button>
                  <button id="measure15">15&deg;</button>
                  <button id="measure25">25&deg;</button>
                </div>
              </div>
            </div>
            <!-- Step 2a2 -->
            <div id="step2a2" class="step2">
              <button class="cancel abs"><img src="http://timeandnavigation.si.edu/sites/all/themes/timeandnav/interactives/modules/sea/images/buttons/cancel_btn_up.png" alt="Cancel" /></button>
              <button class="next fade abs"><img src="http://timeandnavigation.si.edu/sites/all/themes/timeandnav/interactives/modules/sea/images/buttons/next_btn_up.png" alt="Next" /></button>
              <img class="abs" src="http://timeandnavigation.si.edu/sites/all/themes/timeandnav/interactives/modules/sea/images/chronometer.jpg" alt="" />
              <div class="text abs text1">Now, observe the chronometer.  Which time is closest to the time displayed?<br /><br /><em>Select the correct time.</em></div>
              <div class="text abs none text2">The correct time is:</div>
              <div id="times" class="abs step2menu">
                <div class="clearfix">
                  <button id="clock400">4:00:25</button>
                  <button id="clock405">4:05:30</button>
                  <button id="clock420">4:20:45</button>
                </div>
              </div>
            </div>
            <!-- Step 2a3 -->
            <div id="step2a3" class="step2">
              <button class="cancel abs"><img src="http://timeandnavigation.si.edu/sites/all/themes/timeandnav/interactives/modules/sea/images/buttons/cancel_btn_up.png" alt="Cancel" /></button>
              <button class="next abs"><img src="http://timeandnavigation.si.edu/sites/all/themes/timeandnav/interactives/modules/sea/images/buttons/next_btn_up.png" alt="Next" /></button>
              <img id="navTable" class="abs" src="http://timeandnavigation.si.edu/sites/all/themes/timeandnav/interactives/modules/sea/images/navigation_table.jpg" alt="" />
              <div class="text abs">Knowing the time and altitude of the star, we can find the data needed to calculate the ship's line of position.</div>
            </div>
          </div>
        </div>
      </div>
      <!-- Step 2b -->
      <div id="step2b">
        <img class="title1 fade abs" src="http://timeandnavigation.si.edu/sites/all/themes/timeandnav/interactives/modules/sea/images/labels/were_you_correct_label.png" alt="Were You Correct?" />
        <div class="label1 text fade abs">Touch the circle to find out.</div>
        <!-- Correct -->
        <div id="correct">
          <button id="backToShip" class="fade abs"><img src="http://timeandnavigation.si.edu/sites/all/themes/timeandnav/interactives/modules/sea/images/buttons/back_to_ship_btn_up.png" alt="Back to the Ship" /></button>
          <img class="title1 fade abs" src="http://timeandnavigation.si.edu/sites/all/themes/timeandnav/interactives/modules/sea/images/labels/you_did_it_label.png" alt="You Did It!" />
          <div class="label1 text fade abs">You found the correct location to your ship!</div>
          <img class="location fade abs" src="http://timeandnavigation.si.edu/sites/all/themes/timeandnav/interactives/modules/sea/images/glowing_ring.png" alt="" />
          <img class="icon fade abs" src="http://timeandnavigation.si.edu/sites/all/themes/timeandnav/interactives/modules/sea/images/choice_icon_correct.png" alt="" />
        </div>
        <!-- Incorrect -->
        <div id="incorrect">
          <button id="redo" class="fade abs"><img src="http://timeandnavigation.si.edu/sites/all/themes/timeandnav/interactives/modules/sea/images/buttons/redo_btn_up.png" alt="Redo" /></button>
          <button id="justShowMe" class="fade abs"><img src="http://timeandnavigation.si.edu/sites/all/themes/timeandnav/interactives/modules/sea/images/buttons/just_show_me_btn_up.png" alt="Just Show Me" /></button>
          <img class="title1 fade abs" src="http://timeandnavigation.si.edu/sites/all/themes/timeandnav/interactives/modules/sea/images/labels/try_again_label.png" alt="Try Again" />
          <div class="label1 text fade abs">You need to have very accurate measurements for celestial navigation.</div>
          <img class="location fade abs" src="http://timeandnavigation.si.edu/sites/all/themes/timeandnav/interactives/modules/sea/images/glowing_ring.png" alt="" />
          <img class="icon fade abs" src="http://timeandnavigation.si.edu/sites/all/themes/timeandnav/interactives/modules/sea/images/choice_icon_incorrect.png" alt="" />
        </div>
      </div>
    </div>
  </div>
</div>
    </div>
  </div>
</div>  </div>
</div>  </div>
</div></section>    
  
      <footer id="section-footer" class="section section-footer">
  <div id="zone-footer-wrapper" class="zone-wrapper zone-footer-wrapper clearfix">  
  <div id="zone-footer" class="zone zone-footer clearfix container-36">
    <div class="grid-36 region region-footer" id="region-footer">
  <div class="region-inner region-footer-inner">
    <div class="block block-system block-menu block-main-menu block-system-main-menu odd block-without-title" id="block-system-main-menu">
  <div class="block-inner clearfix">
                
    <div class="content clearfix">
      <ul class="menu"><li class="first expanded active-trail"><a href="/navigating-at-sea" class="active-trail">Navigating at Sea</a><ul class="menu"><li class="first collapsed"><a href="/navigating-at-sea/challenges" title="Challenges of Sea Navigation link">Challenges of Sea Navigation</a></li>
<li class="collapsed"><a href="/navigating-at-sea/navigating-without-a-clock" title="Navigating without a Clock link">Navigating Without a Clock</a></li>
<li class="collapsed"><a href="/navigating-at-sea/longitude-problem" title="The Longitude Problem link">The Longitude Problem</a></li>
<li class="collapsed"><a href="/navigating-at-sea/us-goes-to-sea" title="The U.S. Goes to Sea link">The U.S. Goes to Sea</a></li>
<li class="last leaf active-trail"><a href="/navigating-at-sea/challenges/navigate-the-sea-activity" title="Use a sextant and chronometer to keep yourself on course. And hurry! You want to beat the record of the clipper ship Flying Cloud!" class="active-trail active">Navigate at Sea! Activity</a></li>
</ul></li>
<li class="expanded"><a href="/navigating-air">Navigating in the Air</a><ul class="menu"><li class="first collapsed"><a href="/navigating-air/challenges" title="Challenges of Air Navigation link">Challenges of Air Navigation</a></li>
<li class="collapsed"><a href="/navigating-air/early-air-navigators" title="Early Air Navigators link">Early Air Navigators</a></li>
<li class="collapsed"><a href="/navigating-air/navigation-at-war" title="Navigation at War link">Navigation at War</a></li>
<li class="last leaf"><a href="/navigating-air/challenges/navigate-the-skies-activity">Navigate the Skies! Activity</a></li>
</ul></li>
<li class="expanded"><a href="/navigating-space">Navigating in Space</a><ul class="menu"><li class="first collapsed"><a href="/navigating-space/challenges" title="Challenges of Space Navigation Link">Challenges of Space Navigation</a></li>
<li class="collapsed"><a href="/navigating-space/reaching-for-the-moon" title="Reaching for the Moon Link">Reaching for the Moon</a></li>
<li class="collapsed"><a href="/navigating-space/deep-space" title="Navigating in Deep Space Link">Navigating in Deep Space</a></li>
<li class="last leaf"><a href="/navigating-space/challenges/navigate-in-space-activity" title="Navigate in Space! Activity link">Navigate in Space! Activity</a></li>
</ul></li>
<li class="expanded"><a href="/satellite-navigation">Satellite Navigation</a><ul class="menu"><li class="first collapsed"><a href="/satellite-navigation/challenges-of-satellite-navigation">Challenges of Satellite Navigation</a></li>
<li class="collapsed"><a href="/satellite-navigation/reliable-global-navigation">Reliable Global Navigation</a></li>
<li class="collapsed"><a href="/satellite-navigation/gps" title="A new joint program was developed under the Air Force called the NAVSTAR Global Positioning System, or GPS.">Global Positioning System (GPS)</a></li>
<li class="last collapsed"><a href="/satellite-navigation/who-uses-satellite-navigation" title="Global navigation systems like GPS and easy-to-use devices have revolutionized many aspects of life.">Who Uses Satellite Navigation</a></li>
</ul></li>
<li class="expanded"><a href="/navigation-for-everyone">Navigation for Everyone</a><ul class="menu"><li class="first collapsed"><a href="/navigation-for-everyone/meet-the-navigators" title="">Meet a Professional Navigator</a></li>
<li class="leaf"><a href="/navigation-for-everyone/what-do-you-think" title="">What Do You Think? Take the Poll</a></li>
<li class="last collapsed"><a href="/navigation-for-everyone/personal-navigation-stories" title="">Personal Navigation Stories</a></li>
</ul></li>
<li class="last leaf"><a href="/timeline2" title="">Timeline of Innovation</a></li>
</ul>    </div>
  </div>
</div><div class="block block-menu block-menu-main-menu-secondary block-menu-menu-main-menu-secondary even block-without-title" id="block-menu-menu-main-menu-secondary">
  <div class="block-inner clearfix">
                
    <div class="content clearfix">
      <ul class="menu"><li class="first leaf"><a href="/artifacts" title="">Artifacts</a></li>
<li class="leaf"><a href="/learning-resources" title="">Learning Resources</a></li>
<li class="leaf"><a href="/multimedia-gallery" title="">Multimedia Gallery</a></li>
<li class="leaf"><a href="/research">Research</a></li>
<li class="last leaf"><a href="/visit-the-exhibition" title="">Visit the Exhibition</a></li>
</ul>    </div>
  </div>
</div><div class="block block-menu block-menu-tertiary-menu block-menu-menu-tertiary-menu odd block-without-title" id="block-menu-menu-tertiary-menu">
  <div class="block-inner clearfix">
                
    <div class="content clearfix">
      <ul class="menu"><li class="first leaf"><a href="http://www.si.edu/Termsofuse" target="_blank">Terms of Use</a></li>
<li class="leaf"><a href="http://www.si.edu/Privacy" target="_blank">Privacy</a></li>
<li class="leaf"><a href="http://airandspace.si.edu/help/contact.cfm" target="_blank">Contact</a></li>
<li class="leaf"><a href="/sponsors" title="Sponsor recognition page.">Sponsors</a></li>
<li class="leaf"><a href="http://newsdesk.si.edu/kits/time-and-navigation" target="_blank">Press</a></li>
<li class="last leaf"><a href="https://airandspace.si.edu/support/donate/?source=microsite&amp;name=time-and-navigation">Donate</a></li>
</ul>    </div>
  </div>
</div><div class="block block-block block-8 block-block-8 even block-without-title" id="block-block-8">
  <div class="block-inner clearfix">
                
    <div class="content clearfix">
      <img src="http://timeandnavigation.si.edu/sites/all/themes/timeandnav/images/logo-footer.png" usemap="#footerlogos" alt="Smithsonian Logo" />
<map name="footerlogos">
<area shape="rect" coords="0,0,153,30" href="http://airandspace.si.edu/" target="_blank" alt="National Air and Space Museum Home" />
<area shape="rect" coords="22,42,228,64" href="http://airandspace.si.edu/" target="_blank" alt="National Air and Space Museum Home" />
<area shape="rect" coords="24,65,261,79" href="http://americanhistory.si.edu/" target="_blank" alt="National Museum of American History Home" />
</map>    </div>
  </div>
</div>  </div>
</div>  </div>
</div><div id="zone-mobile-footer-wrapper" class="zone-wrapper zone-mobile-footer-wrapper clearfix">  
  <div id="zone-mobile-footer" class="zone zone-mobile-footer clearfix container-36">
    <div class="grid-36 region region-mobile-footer" id="region-mobile-footer">
  <div class="region-inner region-mobile-footer-inner">
    <div class="block block-block block-29 block-block-29 odd block-without-title" id="block-block-29">
  <div class="block-inner clearfix">
                
    <div class="content clearfix">
      <div id="logo"><a href="http://airandspace.si.edu/" title="Home" target="_blank"><img src="http://timeandnavigation.si.edu/sites/all/themes/timeandnav/images/logo.png" alt="Smithsonian" /></a></div>
<div id="social-icons" class="clearfix">
  <a href="/" title="Home">Home</a>
  <a href="https://www.facebook.com/airandspace" title="Facebook" target="_blank">Facebook</a>
  <a href="https://twitter.com/airandspace" title="Twitter" target="_blank">Twitter</a>
  <a href="https://plus.google.com/+airandspace" title="Google Plus" target="_blank">Google Plus</a>
  <a href="http://pinterest.com/airandspace" title="Pinterest" target="_blank">Pinterest</a>
  <a href="http://www.youtube.com/user/airandspace" title="YouTube" target="_blank">YouTube</a>
</div>
<p>This exhibition is a collaboration between the <a href="http://airandspace.si.edu/" title="National Air and Space Museum" target="_blank">National Air and Space Museum</a> and the <a href="http://americanhistory.si.edu/" title="National Museum of American History" target="_blank">National Museum of American History</a>.</p>
<div id="links"><a href="/sponsors" title="Sponsors">Sponsors</a> | <a href="http://airandspace.si.edu/help/contact.cfm" title="Contact" target="_blank">Contact</a> | <a href="http://www.si.edu/Termsofuse" title="Terms of Use" target="_blank">Terms of Use</a> | <a href="http://www.si.edu/Privacy" title="Privacy" target="_blank">Privacy</a></div>    </div>
  </div>
</div>  </div>
</div>  </div>
</div></footer>  </div>  <div class="region region-page-bottom" id="region-page-bottom">
  <div class="region-inner region-page-bottom-inner">
    
<script src="//airandspace.si.edu/js/webtrends.js" type="text/javascript"></script>
<script type="text/javascript">
//<![CDATA[
var _tag=new WebTrends();
_tag.dcsGetId(); 
//]]>
</script>
<script type="text/javascript">
//<![CDATA[
_tag.dcsCustom=function(){};
_tag.dcsCollect();
//]]>
</script>
<noscript>
<div><img alt="DCSIMG" id="DCSIMG" width="1" height="1" src="//logs1.smithsonian.museum/dcsi0ld87cdzpx7ebrt19zddz_5p3c/njs.gif?dcsuri=/nojavascript&amp;WT.js=No&amp;WT.tv=9.4.0&amp;dcssip=si.edu"/></div>
</noscript>
  </div>
</div><script type="text/javascript">
<!--//--><![CDATA[//><!--
jQuery(document).ready(function () { cpp_value="TIMEANDNAVIGATION";
           
// *** ForeSee Production Embed Script v2.00 ** DO NOT MODIFY BELOW THIS LINE *****************************************
;(function (g) {
var d = document, am = d.createElement('script'), h = d.head || d.getElementsByTagName("head")[0], fsr = 'fsReady',
aex = {
  "src":"//gateway.foresee.com/sites/smithsonian/production/gateway.min.js",
  "type": "text/javascript",
  "async": "true",
  "data-vendor": "fs",
  "data-role": "gateway"
};
for (var attr in aex){am.setAttribute(attr, aex[attr]);}h.appendChild(am);g[fsr] = function () {var aT = '__' + fsr + '_stk__';g[aT] = g[aT] || [];g[aT].push(arguments);};
})(window);
// DO NOT MODIFY ABOVE THIS LINE *****************************************
           });
//--><!]]>
</script>
</body>
</html>