body {
    background-color: rgb( 90, 30, 0 );
    margin          : 0px;
    padding         : 0px;
    font            : 9pt Arial;

    h2 {
        font-weight: normal;
        padding    : 0px;
        font-size  : 16pt;
    }

    h3 {
        font-weight: bold;
        font-size  : 13pt;
    }

    div#logo {
        position: absolute;
        left    : 0px;
        top     : 0px;
    }

    div#header {
        background: url( /graphics/site/header_background.gif ) repeat-x left top;
        height    : 315px;

        img#house {
            float: right;
        }
    }

    div#quote {
        position    : absolute;
        left        : 0px;
        top         : 0px;
        margin-right: 430px;

        p.quotebold {
            font-size  : 12pt;
            font-weight: bold;
            color      : rgb( 50, 77, 0 );
            padding    : 115px 0px 0px 20px;
            margin     : 0px;
        }

        p.quote {
            color    : white;
            font-size: 10pt;
            padding  : 10px 0px 0px 50px;
            margin   : 0px;
        }

        p.attribute {
            text-align: right;
            font      : bold italic 12pt Times New Roman;
            color     : rgb( 210, 220, 0 );
            padding   : 10px 0px 0px 0px;
            margin    : 0px;
        }
    }

    div#navigation {
        position   : absolute;
        left       : 0px;
        top        : 267px;
        margin-left: 25px;

        a {
            display        : block;
            width          : 118px;
            height         : 37px;
            background     : url( /graphics/site/nav_button.gif ) no-repeat left top;
            float          : left;
            margin         : 0px 20px 0px 20px;
            color          : white;
            font-weight    : bold;
            text-decoration: none;
            text-align     : center;
            padding-top    : 10px;
            font-size      : 13px;

            &:hover {
                color: #FA8424;
            }

            &.active {
                color: black;
            }
        }
    }

    div.subnavigation {
        margin          : 10px 0px 10px 0px;
        padding         : 0px 10px 0px 10px;
        border          : 1px solid #5a1f01;
        background-color: #fde090;

        ul {
            list-style: none;
            padding   : 0px;
            margin    : 0px;
        }

        li {
            display    : inline;
            font-weight: bold;
            font-size  : 10.5pt;
            margin     : 0px 5px 0px 5px;
        }

        a,
        span {
            border          : 1px solid #5a1f01;
            background-color: rgb( 255, 242, 192 );
            padding         : 3px 5px 3px 5px;
        }

        span {
            font-style: italic;
        }

        a {
            color          : blue;
            text-decoration: none;

            &:hover {
                background-color: #FA8424;
            }
        }
    }

    div#page {
        background : url( /graphics/site/page_background.gif ) repeat-x left top rgb( 255, 242, 192 );
        margin     : 0px;
        padding    : 10px 10px 10px 20px;
        font-size  : 10.5pt;
        line-height: 14pt;

        h2 {
            margin : 0px 0px 0px -10px;
            padding: 10px 0px 5px 0px;
        }

        h3 {
            margin : 0px 0px 0px -5px;
            padding: 5px 0px 0px 0px;
        }

        img {
            border: 3px double black;
        }

        h3.book_info_title {
            border-top : 1px solid rgb( 250, 132, 36 );
            margin-top : 20px;
            padding-top: 15px;
        }

        div.book_info_block {
            margin-top   : 10px;
            margin-bottom: 30px;

            img {
                float       : left;
                margin-right: 15px;
            }

            ul {
                list-style: none;
                margin    : 0px 20px 0px 115px;
                padding   : 0px;
            }

            b {
                color     : rgb( 90, 30, 0 );
                display   : block;
                width     : 90px;
                height    : 16px;
                float     : left;
                margin    : 0px;
                padding   : 0px 7px 0px 0px;
                text-align: right;
            }
        }

        p.quote {
            margin-left: 20px;
            font-style : italic;

            i {
                font-style: normal;
            }
        }
    }

    div#epg_quote {
        float           : right;
        width           : 350px;
        border          : 1px solid rgb( 90, 30, 0 );
        background-color: #fde090;
        font-size       : 14px;
        padding         : 3px 6px 3px 6px;
        margin-left     : 10px;

        p {
            margin : 0px 0px 0px 0px;
            padding: 0px 0px 0px 0px;
        }

        p.epg_quote_text {
            font-style: italic;
        }

        p.epg_quote_attribute {
            text-align: right;
        }
    }

    div#news {
        background-color: rgb( 148, 58, 12 );
        border-top      : 3px solid rgb( 90, 30, 0 );
        border-bottom   : 1px solid rgb( 182, 73, 16 );
        margin          : 0px;
        padding         : 10px 15px 15px 15px;
        color           : rgb( 255, 242, 192 );
        height          : 195px;

        h2 {
            margin: 0px 0px 10px 0px;
        }

        div.book_details {
            width: 44%;
            float: left;

            img {
                margin-right: 10px;
            }
        }

        img {
            float: left;
        }

        ul {
            list-style: none;
            margin    : 0px 20px 0px 115px;
            padding   : 0px;
            color     : white;

            b {
                color: rgb( 250, 132, 36 );
            }
        }

        p.description {
            border-left: 2px solid rgb( 90, 30, 0 );
            width      : 55%;
            float      : right;
            margin     : -10px 0px 0px -20px;
            padding    : 0px 0px 0px 20px;
        }

        p.order {
            width      : 55%;
            float      : right;
            margin     : 15px 0px 0px -20px;
            padding    : 0px 0px 0px 20px;
            font-weight: bold;
            color      : rgb( 250, 132, 36 );

            a {
                color: rgb( 255, 242, 192 );
            }
        }
    }

    div#footer {
        color         : rgb( 250, 132, 36 );
        margin        : 12px 12px 0 12px;
        font-size     : 8pt;
        font-weight   : bold;
        padding-bottom: 20px;

        a {
            color          : rgb( 255, 242, 192 );
            text-decoration: none;
        }
    }

    .orange {
        color: rgb( 148, 58, 12 );
    }

    legend {
        font-weight     : bold;
        background-color: #fff2c0;
        padding         : 0px 5px 0px 5px;
        margin          : 5px;
    }

    fieldset {
        border        : #666666 1px dashed;
        display       : inline;
        margin        : 0px 15px 10px 0px;
        padding       : 0px 10px 10px 10px;
        vertical-align: top;
    }

    *:first-child+html fieldset { /* IE7 override */
        padding: 0px 10px 10px 10px;
    }

    * html fieldset { /* IE6 and lower override */
        padding: 0px;
    }

    fieldset.submit {
        border : none;
        display: block;
        padding: 0px;
    }

    label {
        display       : block;
        margin-bottom : 2px;
        margin-right  : 7px;
        width         : 300px;
        text-align    : right;
    }

    input[type="text"],
    input[type="password"],
    select,
    textarea {
        border: #666666 1px solid;
        font  : 11pt Arial, Helvetica, sans-serif;
    }

    input[type="text"],
    input[type="password"] {
        padding-left : 3px;
        padding-right: 3px;
    }

    input[type="submit"] {
        border          : #666666 1px solid;
        background-color: #ccccff;
        cursor          : pointer;
        font            : 11pt Arial, Helvetica, sans-serif;
        margin-left     : 120px;
        margin-top      : 5px;
    }

    input[type="button"] {
        border          : #666666 1px solid;
        background-color: #ccffcc;
        cursor          : pointer;
        font            : 11pt Arial, Helvetica, sans-serif;
    }

    label sup,
    form span.notes sup {
        font-weight: bold;
        color      : red;
    }

    label sup {
        position   : absolute;
        margin-left: 3px;
    }

    form span.notes {
        display       : block;
        font-size     : 8pt;
        margin-top    : 5px;
        padding-bottom: 0px;
        margin-bottom : -5px;
        margin-left   : 130px;
    }

    dt {
        margin-top: 20px;
    }
    dd {
        margin-top: 8px;
    }

    div.list_columns {
        margin-bottom: 1em;

        ul,
        ol {
            width: 48em;
        }

        ul li,
        ol li {
            float: left;
            width: 12em;
        }

        br {
            clear: left;
        }
    }
}

@media screen and (max-width: 900px) {
    div#news {
        div.book_details {
            width: auto !important;
            float: unset !important;
        }

        p.description,
        p.order {
            display: none;
        }
    }
}

@media screen and (max-width: 800px) {
    img#house {
        display: none;
    }

    div#quote {
        margin-right: 30px !important;
    }
}

@media screen and (max-width: 740px) {
    div#navigation a:nth-of-type(3) {
        display: none;
    }
}

@media screen and (max-width: 530px) {
    div#navigation a {
        margin: 0 5px !important;
    }
}

@media screen and (max-width: 430px) {
    div#navigation a:nth-of-type(2) {
        display: none;
    }
}

@media screen and (max-width: 380px) {
    div#logo img {
        zoom: 0.8;
    }
}