
<!DOCTYPE html>
<html class="no-js">
<head>
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width">
    <title>500 | Monterey Bay Aquarium</title>
    <meta content="" name="description" />
    <script type="text/javascript" src="//use.typekit.net/dnr3nex.js"></script>
    <script type="text/javascript">
        try {
            Typekit.load();
        }
        catch (e)
        { }
    </script>
    <link href="/assets/css/bootstrap.min.css" rel="stylesheet" />
    <link href="/assets/css/style.min.css" rel="stylesheet" />
    <style type="text/css">
        .site-footer {
            padding-bottom: 5em;
        }

            .site-footer p {
                font-size: .8em;
            }

            .site-footer .ctrls a {
                margin-right: 1em;
                text-decoration: none;
            }
    </style>

    <script src="/assets/js/modernizr.min.js"></script>
    
</head>
<body class="error500">
    <header class="site-header" role="banner">
        <div class="container">
            <div class="site-logo">
                <div data-svgfall data-alt="Monterey Bay Aquarium Logo" data-width="328" data-height="40">
                    <div data-src="/assets/img/mba-logo-horiz_white.svg" data-support="svg"></div>
                    <div data-src="/assets/img/mba-logo-horiz_white.png" data-support="no-svg"></div>
                    <noscript>
                        <img src="/assets/img/mba-logo-horiz_white.png" alt="Monterey Bay Aquarium Logo" width="328" height="40">
                    </noscript>
                </div>
            </div>
        </div>
    </header>
    <main class="site-main" role="main">
        <div class="container">
            

<aside>
                <div class="buoy">
                    <div data-svgfall="" data-alt="Bouy illustration" data-width="330" data-height="430">
                        <div data-src="/assets/img/buoy.svg" data-support="svg"></div>
                        <div data-src="/assets/img/buoy.png" data-support="no-svg"></div>
                        <noscript>
                            &amp;amp;amp;amp;amp;amp;amp;lt;img src="/assets/img/buoy.png" alt="Bouy illustration" width="330" height="430"&amp;amp;amp;amp;amp;amp;amp;gt;
                        </noscript>
                    <img alt="Bouy illustration" src="/assets/img/buoy.svg" height="430" width="330"></div>
                </div>
            </aside>
            <div class="content">
                <h1 class="oh-buoy">
                    <span>Oh Buoy!</span>
                    <div data-svgfall="" data-alt="Oh Bouy!" data-width="368" data-height="139">
                        <div data-src="/assets/img/oh-buoy.svg" data-support="svg"></div>
                        <div data-src="/assets/img/oh-buoy.png" data-support="no-svg"></div>
                        <noscript>
                            &amp;amp;amp;amp;amp;amp;amp;lt;img src="/assets/img/oh-buoy.png" alt="Oh Bouy!" width="349" height="149"&amp;amp;amp;amp;amp;amp;amp;gt;
                        </noscript>
                    <img alt="Oh Bouy!" src="/assets/img/oh-buoy.svg" height="139" width="368"></div>
                </h1>
                <p class="intro">Our website is currently down. Please bear with us as we try to get it afloat again. We apologize for the inconvenience.<br></p>
                <div class="contact-info">
                    886 Cannery Row &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;&nbsp;<br>Monterey, California 93940
                    <br>(831) 648-4888 (Recorded Message)
                    <br>(831) 648-4800 (Main Number)
                </div>
                <div class="social">
                    <h4 class="section-title">Stay connected:</h4>
                    <nav>
                        <a href="http://app.bronto.com/public/webform/render_form/a3hx19puth1ietwuk60clpahg82vv/d424078fc5a0658450fdc7c92f5a670f/addcontact" class="icon-email" target="_blank" title="E-news">E-news</a>
                        <a href="http://www.facebook.com/montereybayaquarium" class="icon-facebook" target="_blank" title="Facebook">Facebook</a>
                        <a href="http://twitter.com/montereyaq" class="icon-twitter" target="_blank" title="Twitter">Twitter</a>
                        <a href="http://montereybayaquarium.tumblr.com" class="icon-tumblr" target="_blank" title="Tumblr">Tumblr</a>
                        <a href="https://plus.google.com/102419483818796690240/posts" class="icon-googleplus" target="_blank" title="Google Plus">Google Plus</a>
                        <span class="break-on-mobile"></span>
                        <a href="http://pinterest.com/montereyaq" class="icon-pinterest" target="_blank" title="Pinterest">Pinterest</a>
                        <a href="http://instagram.com/montereybayaquarium" class="icon-instagram" target="_blank" title="Instagram">Instagram</a>
                        <a href="http://www.youtube.com/MontereyBayAquarium" class="icon-youtube" target="_blank" title="YouTube">YouTube</a>
                    </nav>
                </div>
            </div>
        </div>
    </main>
    <footer class="site-footer" role="contentinfo">
        <div class="container">
            <p>
                &copy; Monterey Bay Aquarium 2015
            </p>
                <p class="ctrls">
                        <a href="/login/activate"><i class="icon-warning"></i>&nbsp;Display Default Crisis Message</a>
                                                        </p> 

        </div>

    </footer>
    <script src="/assets/js/scripts.min.js"></script>
    <script src="/assets/js/jquery-1.10.1.min.js" type="text/javascript"></script>
    <script src="/assets/js/jquery.timeago.js" type="text/javascript"></script>
    <script type="text/javascript">
        $(function () {
            $('abbr.timeago').timeago();
            $('#passcode').keyup(function () {
                var isEmail = validateEmail($(this).val());
                $('#submit').text(isEmail ? 'Send me the code' : 'Login');
                $(this).prop('type', isEmail ? 'text' : 'password');
                moveCursorToEnd($(this)[0]);
            });
        });
        function validateEmail(email) {
            var re = /\S+@\S+\.\S+/;
            return re.test(email);
        }

        function moveCursorToEnd(el) {
            if (typeof el.selectionStart == "number") {
                el.selectionStart = el.selectionEnd = el.value.length;
            } else if (typeof el.createTextRange != "undefined") {
                el.focus();
                var range = el.createTextRange();
                range.collapse(false);
                range.select();
            }
        }

        $(function () {
            $('#boilerplate-header a').click(function (e) {
                e.preventDefault();

                var $content = $('#boilerplate-content');
                if ($content.is(':visible')) {
                    $content.hide();
                    $(this).text('Expand');
                } else {
                    $content.show();
                    $(this).text('Collapse');
                }
            });
        });
    </script>
</body>
</html>
