Ссылки на панели навигации на сайте не активируются

Ссылки на моем сайте не доступны для просмотра. Я создал еще один сайт в начале этого года и заставил его работать так, как я хотел, поэтому я просто скопировал этот код.

<div id="links">
      <div class="wrap">
            <ul id="navigation">
                <li><a href="#atlanta1"; class="down link" id="space">HOME</a></li>
                <li><a href="#atlanta2"; class="down link" id="space">FRESHMAN</a></li>
                <li><a href="#atlanta3"; class="down link" id="space">SOPHOMORE</a></li>
                <li><a href="#atlanta4"; class="down link" id="space">JUNIOR</a></li>
                <li><a href="#stoneMountain"; class="down link">SENIOR</a></li>
            </ul>
        </div>

        <script src="/jquery.min.js"></script>
        <script>
        // Document ready shorthand statement
            $(function() {
                $('.link').click(function() {
                    var id = $(this).attr('href');
                    $('html,body').animate({ scrollTop: $(id).offset().top }, 'slow');
            // Prevent default behavior of link
                    return false;
                    });
                });
        </script>
    </div>
    <div id="atlanta1">
    </div>
    <div id="atlanta2">
    </div>
    <div id="atlanta3">
    </div>
    <div id="atlanta4">
    </div>
    <div id="stoneMountain">
    </div>

У меня есть пустые divs только потому, что у меня есть их там на определенных высотах, поэтому ссылки будут отображать меня на разных высотах на странице. Вот как я настраивал стиль, для ссылок и для divs

<style>

        #links {background-color: black;
             background-color: rgba(0, 0, 0, 0.9);
            color: white;
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 60px;
            padding: 0;
            margin: 0;
        z-index:0}
        #navigation {list-style: none; padding: 1; margin: 18px 0px ; color: white; text-align: center;}
        #navigation li {display: inline;}
        #navigation li #space {margin-right:150px;}
        #navigation a {color: inherit; text-decoration: inherit;}

        #header, #footer {width:100%; float:left;}

        #navigation li + li {
            background:url('seperator.gif') no-repeat top left;
            padding-left: 10px
        }
        .wrap {position:relative; margin:0 auto; width:100%;}

        #atlanta1 {
            position:absolute;
            top:0px;
            height: 1000px;
            z-index: -0
        }
        #atlanta2 {
            position:absolute;
            top:1000px;
            height: 1000px;
            z-index: -0
        }
        #atlanta3 {
            position:absolute;
            top:2000px;
            height: 1000px;
            z-index: -0
        }
        #atlanta4 {
            position:absolute;
            top:3000px;
            height: 1000px;
            z-index: -0
        }
        #stoneMountain {
            position:absolute;
            top:4000px;
            height: 1000px;
            z-index: -0
        }
    </style>

Я застрял здесь некоторое время и не понимаю, что не так, но ссылки не доступны.