html {
    font-size: 14px;
    position: relative;
    min-height: 100%;
}

@media (min-width: 768px) {
    html {
        font-size: 16px;
    }
}

body {
    margin-bottom: 60px;
}

#content {
    FONT-SIZE: 0.7em;
    PADDING-BOTTOM: 2em;
    MARGIN-LEFT: 30px
}

BODY {
    MARGIN-TOP: 0px;
    MARGIN-LEFT: 0px;
    COLOR: #000000;
    FONT-FAMILY: Verdana, sans-serif;
    BACKGROUND-COLOR: white
}

P {
    MARGIN-TOP: 0px;
    MARGIN-BOTTOM: 12px;
    COLOR: #000000;
    FONT-FAMILY: Verdana, sans-serif;
}

PRE {
    BORDER-RIGHT: #f0f0e0 1px solid;
    PADDING-RIGHT: 5px;
    BORDER-TOP: #f0f0e0 1px solid;
    MARGIN-TOP: -5px;
    PADDING-LEFT: 5px;
    FONT-SIZE: 1.2em;
    PADDING-BOTTOM: 5px;
    BORDER-LEFT: #f0f0e0 1px solid;
    PADDING-TOP: 5px;
    BORDER-BOTTOM: #f0f0e0 1px solid;
    FONT-FAMILY: Courier New, sans-serif;
    BACKGROUND-COLOR: #e5e5cc
}

.heading1 {
    MARGIN-TOP: 0px;
    PADDING-LEFT: 15px;
    FONT-WEIGHT: normal;
    FONT-SIZE: 26px;
    MARGIN-BOTTOM: 0px;
    PADDING-BOTTOM: 3px;
    MARGIN-LEFT: -30px;
    WIDTH: 100%;
    COLOR: #ffffff;
    PADDING-TOP: 10px;
    FONT-FAMILY: Tahoma, sans-serif;
    BACKGROUND-COLOR: #003366
}

.intro {
    display: block;
    font-size: 1em;
}

.blue {
    color: blue
}

.black {
    color: black
}

.darkgreen {
    color: darkgreen
}

.green {
    color: green
}

.darkred {
    color: darkred
}

.red {
    color: red
}