﻿#navlist {
    position: relative;
    top: -21px;
	left: 2px;
}

#navlist li {
    margin: 0;
    padding: 0;
    list-style: none;
    position: absolute;
    top: 0;
}

#navlist li, #navlist a {
    height: 42px;
    display: block;
}

#home {
    left: 0px;
    width: 145px;
    background: url('images/navigationmenu.jpg') 0 0;
}

#results {
    left: 145px;
    width: 145px;
    background: url('images/navigationmenu.jpg') -146px 0;
}

#standings {
    left: 290px;
    width: 145px;
    background: url('images/navigationmenu.jpg') -292px 0;
}

#rules {
    left: 435px;
    width: 145px;
    background: url('images/navigationmenu.jpg') -438px 0;
}

#archive {
    left: 580px;
    width: 145px;
    background: url('images/navigationmenu.jpg') -584px 0;
}

#about {
    left: 725px;
    width: 145px;
    background: url('images/navigationmenu.jpg') -730px 0;
}

#contact {
    left: 870px;
    width: 145px;
    background: url('images/navigationmenu.jpg') -876px 0;
}


#home a:hover {
    background: url('images/navigationmenu.jpg') 0 -43px;
}

#results a:hover {
    background: url('images/navigationmenu.jpg') -146px -43px;
}

#standings a:hover {
    background: url('images/navigationmenu.jpg') -292px -43px;
}

#rules a:hover {
    background: url('images/navigationmenu.jpg') -438px -43px;
}

#archive a:hover {
    background: url('images/navigationmenu.jpg') -584px -43px;
}

#about a:hover {
    background: url('images/navigationmenu.jpg') -730px -43px;
}

#contact a:hover {
    background: url('images/navigationmenu.jpg') -876px -43px;
}
