/****************************************************************************/
/* Copyright (c) 2010, 2023, Anthony Hunter.                                */
/* This unpublished material is proprietary to Anthony Hunter.              */
/* All rights reserved. The methods and techniques described herein are     */
/* considered trade secrets and/or confidential. Reproduction or            */
/* distribution, in whole or in part, is forbidden except by express        */
/* written permission of Anthony Hunter.	                                */
/****************************************************************************/

body {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10pt;
    color: #000000;
    background-color: white;
    text-align: left;
}

img {
    vertical-align: top;
    border: 0;
}

.container {
    width: 700px;
    margin: 0 auto;
    background-color: #900000;
    -webkit-border-radius: 16px;
    -moz-border-radius: 16px;
    border-radius: 16px;
}

.header {
    background-color: #900000;
    -webkit-border-top-left-radius: 16px;
    -webkit-border-top-right-radius: 16px;
    -moz-border-radius-topleft: 16px;
    -moz-border-radius-topright: 16px;
    border-top-left-radius: 16px;
    border-top-right-radius: 16px;
}

.content-wrapper {
    background-color: #900000;
    width: 550px;
    float: left;
}

.content {
    background-color: white;
    -webkit-border-radius: 16px;
    -moz-border-radius: 16px;
    border-radius: 16px;
    margin: 0 10px 0 0;
    padding-left: 10px;
    padding-top: 5px;
    padding-bottom: 5px;
    min-height: 339px;
}

.navigation {
    background-color: #900000;
    width: 150px;
    float: left;
}

.footer {
    background-color: #900000;
    clear: both;
    text-align: right;
    -webkit-border-bottom-left-radius: 16px;
    -webkit-border-bottom-right-radius: 16px;
    -moz-border-radius-bottomleft: 16px;
    -moz-border-radius-bottomright: 16px;
    border-bottom-left-radius: 16px;
    border-bottom-right-radius: 16px;
    padding-bottom: 10px;
    padding-top: 5px;
    padding-right: 5px;
    font-size: 8pt;
    color: #FF9933;
}

H1 {
    font-size: 14pt;
    color: #900000;
}

H2 {
    font-size: 12pt;
}

a:link {
    color: #3366CC;
}

a:active {
    color: #FF9933;
}

a:visited {
    color: #3366CC;
}

a:hover {
    color: #FF9933;
}

.displace {
    position: absolute;
    left: -5000px;
}

.navigation a {
    display: block;
    width: 150px;
    height: 50px;
    background: url('images/navigation.png');
}

.navigation .hockey {
    background-position: 0 0;
}

.navigation .hockeyselected {
    background-position: 0 -50px;
}

.navigation .hockey:hover {
    background-position: 0 -100px;
}

.navigation .hockey:active {
    background-position: 0 -150px;
}

.navigation .football {
    background-position: -150px 0;
}

.navigation .footballselected {
    background-position: -150px -50px;
}

.navigation .football:hover {
    background-position: -150px -100px;
}

.navigation .football:active {
    background-position: -150px -150px;
}

.navigation .golf {
    background-position: -300px 0;
}

.navigation .golfselected {
    background-position: -300px -50px;
}

.navigation .golf:hover {
    background-position: -300px -100px;
}

.navigation .golf:active {
    background-position: -300px -150px;
}

.navigation .city {
    background-position: -450px 0;
}

.navigation .cityselected {
    background-position: -450px -50px;
}

.navigation .city:hover {
    background-position: -450px -100px;
}

.navigation .city:active {
    background-position: -450px -150px;
}

.navigation .trains {
    background-position: -600px 0;
}

.navigation .trainsselected {
    background-position: -600px -50px;
}

.navigation .trains:hover {
    background-position: -600px -100px;
}

.navigation .trains:active {
    background-position: -600px -150px;
}

.navigation .computing {
    background-position: -750px 0;
}

.navigation .computingselected {
    background-position: -750px -50px;
}

.navigation .computing:hover {
    background-position: -750px -100px;
}

.navigation .computing:active {
    background-position: -750px -150px;
}