<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>Page Not Found - Sag Harbor Historical Society</title>
<!-- Global site tag (gtag.js) - Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=UA-123843513-27"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'UA-123843513-27');
</script>
<meta name="viewport" content="width=device-width, initial-scale=1">
<link href="//fonts.googleapis.com/css?family=Lato:300,300i,700,700i,900,900i|Libre+Baskerville:400,400i" rel="stylesheet">
<meta name="google-site-verification" content="2UHSDWZG0P3jlEAAdA6nkj17zOs2Of0B0wqRqWCjbxE" />
<link href="/css/style.css" rel="stylesheet">
<link rel="icon" type="image/png" href="/favicon.png">
<script src="/scripts/jquery.js" type="text/javascript"></script>
<script src="/scripts/jquery.cycle2.js" type="text/javascript"></script>
<script src="/scripts/jquery-ui.js" type="text/javascript"></script>
<link type="text/css" class="cbstyle" media="screen" rel="stylesheet" href="/scripts/colorbox/snarkbox/colorbox.css"/>
<script type="text/javascript" src="/scripts/colorbox/jquery.scolorbox.js"></script>
<script type="text/javascript">
$( document ).ready(function() {
$(".colorbox").colorbox({
transition:"elastic",
speed: 800,
opacity: .5,
close: "Close",
maxHeight: "90%",
maxWidth: "90%",
scalePhotos: true,
onClosed: function(){
},
onOpen: function(){},
onComplete:function(){
$("#cboxClose").show();
},
onLoad: function(){
}
});
$(window).resize(function(){
$.fn.colorbox.resize();
});
});
</script><style>
#content{text-align:center;}
h1{font-size:60px;}
h2{font-size:40px;}
</style>
</head>
<body>
<div id="container">
<header id="header">
<a href="#content" class="skipper" tabindex="0">Skip to content</a>
<div id="background">
<div class="header-slideshow">
<img src="/img/SHH-main-2.jpg" class="slide" id="slide1" alt="" role="presentation" />
<img src="/img/SHH-whitehouse-2.jpg" class="slide" id="slide2" alt="" role="presentation" />
<img src="/img/SHH-reddoor-2.jpg" class="slide" id="slide3" alt="" role="presentation" />
<img src="/img/SHH-whalers-2.jpg" class="slide" id="slide4" alt="" role="presentation" />
<img src="/img/SHH-house-2.jpg" class="slide" id="slide5" alt="" role="presentation" />
<img src="/img/SHH-wtchcase-2.jpg" class="slide" id="slide6" alt="" role="presentation" />
<img src="/img/SHH-graves-2.jpg" class="slide" id="slide7" alt="" role="presentation" />
</div>
</div>
<a href="index.php"><img src="/images/logo-sag-harbor-historical-museum.png" alt="Sag Harbor Historical Museum" id="logo" /></a>
<nav id="navs">
<a href="/organization.php" class=""><span class="the">THE </span>ORGANIZATION</a>
<span class="bar"> | </span>
<a href="/museum.php" class=""><span class="the">THE </span>MUSEUM</a>
<span class="bar"> | </span>
<a href="/historical-calendar.php" class="">HISTORICAL CALENDAR</a>
<span class="bar nonMobile"> | </span>
<div class="tabSizeLineBreak"></div>
<a href="/bookstore.php" class="">BOOKSTORE</a>
<span class="bar"> | </span>
<a href="/events.php" class="">EVENTS</a>
<span class="bar"> | </span>
<a href="/blog.php" class="currentPage">BLOG</a> </nav>
<script>
var navsopen;
</script>
<div id="mobileBlue">
<a id="bars" href="javascript:
if(navsopen!=true){
$('.navs-mobile').css('max-height','200px');
navsopen=true;
} else {
$('.navs-mobile').css('max-height','0px');
navsopen=false;
}
"><img src="/images/bars.png" alt="open mobile menu"/>
</a>
<div class="navs-mobile">
<a href="/organization.php" class=""><span class="the">THE </span>ORGANIZATION</a>
<span class="bar"> | </span>
<a href="/museum.php" class=""><span class="the">THE </span>MUSEUM</a>
<span class="bar"> | </span>
<a href="/historical-calendar.php" class="">HISTORICAL CALENDAR</a>
<span class="bar nonMobile"> | </span>
<div class="tabSizeLineBreak"></div>
<a href="/bookstore.php" class="">BOOKSTORE</a>
<span class="bar"> | </span>
<a href="/events.php" class="">EVENTS</a>
<span class="bar"> | </span>
<a href="/blog.php" class="currentPage">BLOG</a> </div>
</div>
</header> <div id="content">
<div class="error-page-wrap">
<article class="error-page gradient">
<hgroup>
<h1>404</h1>
<h2>oops! page not found</h2>
</hgroup>
</article>
</div>
</div>
<footer id="footer">
<div class="leftWide">
<div><strong>CONTACT US</strong></div>
<a href="tel:+16317255092">631-725-5092</a><br>
<a href="mailto:info@sagharborhistorical.org">info@sagharborhistorical.org</a><br>
<a href="javascript:void(0);" class="button" onClick="donateForm.submit();" role="button">DONATE</a>
<form action="https://www.paypal.com/cgi-bin/webscr" method="post" target="_new" id="donateForm" name="donateForm">
<input type="hidden" name="cmd" value="_s-xclick" />
<input type="hidden" name="hosted_button_id" value="LXH9FRV6EFHRG" />
<input type="image" src="https://www.paypalobjects.com/en_US/i/btn/btn_donateCC_LG.gif" border="0" name="submit" title="PayPal - The safer, easier way to pay online!" alt="Donate with PayPal button" style="display:none;" />
<img alt="" border="0" src="https://www.paypal.com/en_US/i/scr/pixel.gif" width="1" height="1" />
</form>
</div>
<div class="rightNarrow">
<div><strong>The Sag Harbor Historical Museum</strong>
</div>
<div id="address">174 Main Street<br> P.O. Box 784<br> Sag Harbor, New York 11963</div>
<div style="padding:10px 0px;margin:10px 0px;border:1px solid #ddd;border-right:none;border-left:none;"><a href="/accessibility.php">Accessibility</a></div>
<div id="copyright">© Sag Harbor Historical Museum</div>
<div id="credit"><a href="https://www.graphicimagegroup.com/" target="_blank" aria-label="opens in a new window">Site Design and Photography by Graphic Image Group Inc.</a></div>
</div>
</footer>
<script>
$( document ).ready(function() {
var currentSlide = 1;
var slideCount = 7//$(".slide").length;
console.log(slideCount);
function nextSlide(){
$('.slide').removeClass('active');
if(currentSlide==slideCount){
currentSlide=1;
} else {
currentSlide++;
}
$('#slide'+currentSlide).addClass('active');
}
var intervalId = window.setInterval(function(){
nextSlide();
}, 6000);
});
</script> </div>
</body>
</html>