body {
    background-color: #999;
    padding: 0px;
    margin: 0px;
    background-image: url('/images/body_background.png');
    background-position: center;
    background-repeat: repeat-y;
    color: white;
}

a {
    text-decoration: none;
}

img {
    border: 0px;
}

#container {
    float: center;
    margin-right: auto;
    margin-left: auto;
    margin-top: 0px;
    padding-top: 0px;
    width: 900px;
    text-align: center;
    /* to position the links where we want them later*/
    position: relative;
}

#title {
    margin-top: 50px;
    margin-right: auto;
    margin-left: auto;
    margin-bottom: 20px;
}

#bottommenu {
    position: relative;
    clear: both;
    bottom: 15px;
    width: 850px;
    text-align: center;
    margin-top: 50px;
    margin-bottom: 30px;
    margin-left: auto;
    margin-right: auto;
}

#home_menu {
    float: left;
    margin-right: 20px;
    margin-left: 20px;
    height: 18px;
    width: 53px;
    background-image: url('/images/home.png')
}
#home_menu:hover {
    background-image: url('/images/home_over.png');
}

#about_menu {
    float: left;
    margin-right: 20px;
    margin-left: 20px;
    height: 18px;
    width: 65px;
    background-image: url('/images/about.png');
}
#about_menu:hover {
    background-image: url('/images/about_over.png');
}

#shop_menu {
    float: left;
    margin-right: 20px;
    margin-left: 20px;
    height: 18px;
    width: 53px;
    background-image: url('/images/shop.png');
}
#shop_menu:hover {
    background-image: url('/images/shop_over.png');
}

#army_menu {
    float: left;
    margin-right: 20px;
    margin-left: 20px;
    height: 18px;
    width: 51px;
    background-image: url('/images/army.png');
}
#army_menu:hover {
    background-image: url('/images/army_over.png');
}

#contact_menu {
    float: left;
    margin-right: 20px;
    margin-left: 20px;
    height: 18px;
    width: 89px;
    background-image: url('/images/contact.png');
}
#contact_menu:hover {
    background-image: url('/images/contact_over.png');
}

#about {
    position: absolute;
    top: 150px;
    left: 230px;
    height: 18px;
    width: 65px;
    background-image: url('/images/about.png');
}
#about:hover {
    background-image: url('/images/about_over.png');
}

#shop {
    position: absolute;
    top: 380px;
    left: 280px;
    height: 18px;
    width: 53px;
    background-image: url('/images/shop.png');
}
#shop:hover {
    background-image: url('/images/shop_over.png');
}

#army {
    position: absolute;
    top: 270px;
    right: 20px;
    text-align: left;
}
#army li {
    position: relative;
    left: -30px;
}
#army ul {
    position: relative;
    top: -10px;
    list-style-type: none;
}

#army_link {
    margin: 4px;
    height: 18px;
    width: 51px;
    background-image: url('/images/army.png');
}
#army_link:hover {
    background-image: url('/images/army_over.png');
}

#bios {
    margin: 4px;
    height: 16px;
    width: 49px;
    background-image: url('/images/bios.png');
}
#bios:hover {
    background-image: url('/images/bios_over.png');
}

#photos {
    margin: 4px;
    height: 16px;
    width: 81px;
    background-image: url('/images/photos.png');
}
#photos:hover {
    background-image: url('/images/photos_over.png');
}

#videos {
    margin: 4px;
    height: 17px;
    width: 73px;
    background-image: url('/images/videos.png');
}
#videos:hover {
    background-image: url('/images/videos_over.png');
}

#page_about {
    position: relative;
    left: 50px;
    width: 800px;
    text-align: left;
}

#page_contact {
    position: relative;
    left: 50px;
    width: 800px;
    text-align: left;
}

#armymenu {
    text-align: center;
    margin-top: 30px;
    margin-bottom: 30px;
    margin-left: auto;
    margin-right: auto;
}

#army_bios {
    float: left;
    margin-right: 87px;
    margin-left: 175px;
    height: 16px;
    width: 49px;
    background-image: url('/images/bios.png')
}
#army_bios:hover {
    background-image: url('/images/bios_over.png');
}

#army_photos {
    float: left;
    margin-right: 87px;
    margin-left: 87px;
    height: 16px;
    width: 81px;
    background-image: url('/images/photos.png')
}
#army_photos:hover {
    background-image: url('/images/photos_over.png');
}

#army_videos {
    float: left;
    margin-right: 87px;
    margin-left: 87px;
    height: 17px;
    width: 73px;
    background-image: url('/images/videos.png')
}
#army_videos:hover {
    background-image: url('/images/videos_over.png');
}

.rider_table {
    width: 100%;
}

.rider_table th {
    text-align: right;
    vertical-align: top;
    width: 300px;
    padding-bottom: 5px;
    color: black;
}
.rider_table td {
    text-align: left;
    vertical-align: top;
}