BODY {
    color: Black;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 16px;
    background: #171717;
    padding: 0;
    margin: 0;
}

#layout {
/*    border: 1px solid DarkKhaki; */
    border-top: none;
    background: White;
    margin: 0 auto 40px auto;
    width: 870px;
}

    #layout H1 {
        text-indent: -9999px;
    }

    #layout H1 A {
        background: url(../images/BER-header.jpg) top left no-repeat;
        display: block;
        width: 870px;
        height: 124px;
    }

H2#header {
    color: Red;
    font-family: Impact, Tahoma, Arial, sans-serif;
    font-size: 26px;
    text-align: center;
    line-height: 1.3em;
    padding: 0;
    margin: 1em 0 0;
    position: relative;
}

    H2#header STRONG {
        font-weight: normal;
        display: block;
        margin-bottom: .5em;
    }

    H2#header EM {
        text-decoration: underline;
    }

BLOCKQUOTE.coaches {
    background: url(../images/head-citation.gif) center no-repeat;
    margin: 1em auto;
    width: 90%;
    overflow: hidden;
}

    BLOCKQUOTE.coaches .steer {
        float: right;
    }

    BLOCKQUOTE.coaches .murdock {
        float: left;
    }

#content {
    padding: 0 40px;
}

H3 {
    font-family: "Times New Roman", Times, serif;
    font-size: 22px;
    font-weight: bold;
    text-align: center;
    text-shadow: Gainsboro 0px 0px 3px;
    line-height: 1.3em;
}

H4 {
    font-family: "Times New Roman", Times, serif;
    font-size: 28px;
    font-weight: bold;
    text-align: center;
    text-shadow: Gainsboro 0px 0px 4px;
    margin: 1em 0;
}

    H4 SPAN.highlighted {
        background: Yellow;
    }

UL.normal {
    list-style-position: inside;
    margin: 1em 1em;
}

    UL.normal LI {
        line-height: 1.3em;
        list-style: disc;
        margin: .5em 0;
    }

P {
    font-family: Arial, Helvetica, sans-serif;
    text-indent: 20px;
    line-height: 1.5em;
    margin: 1em 0;
}

    P.note {
        font-size: 13px;
        line-height: 1.7em;
        text-indent: 0px;
        text-align: center;
    }

    P.note.inline-photo IMG {
        border: 4px solid Gainsboro;
    }


    P.purchase {
        margin-bottom: 1.5em;
    }

    P.purchase A {
        text-indent: -9999px;
        background: url(../images/purchase-button.jpg) center no-repeat;
        display: block;
        margin: 0 auto;
        width: 500px;
        height: 165px;
    }

    .product-promo {
        background: url(../images/AS-BER-Manual-2.jpg) top left no-repeat;
        padding-left: 200px;
        min-height: 200px;
    }


DIV.feedback {
    border: 1px solid #cc0000;
    background: #ffffcc;
    padding: 20px;
    margin: 0 auto 35px;
    position: relative;
}

    DIV.feedback H5 {
        font-size: 22px;
        line-height: 1.3em;
    }

    DIV.feedback IMG {
        margin: 3px 15px 3px 0;
        float: left;
    }

    DIV.feedback BLOCKQUOTE {
        font-family: "Comic Sans MS", Arial, Helvetica, sans-serif;
        font-size: 15px;
        font-weight: bold;
        line-height: 1.5em;
        margin: 1em 0;
    }

    DIV.feedback BLOCKQUOTE P {
        font-family: "Comic Sans MS", Arial, Helvetica, sans-serif;
        line-height: 1.2em;
    }

    DIV.feedback BLOCKQUOTE B {
        background: Orange;
        padding: 0 5px;
    }

    DIV.feedback P {
        text-indent: 0px;
        margin: .5em 0;
    }

    DIV.feedback P.who {
        font-size: 12px;
        font-weight: bold;
        line-height: 1em;
        text-align: right;
        margin-right: 20px;
    }

    DIV.feedback P.where {
        font-size: 12px;
        line-height: 1em;
        text-align: right;
        margin-right: 20px;
    }

    DIV.feedback .bl {
        background: url(../images/blockquote-shadow-bl.gif) top left no-repeat;
        position: absolute;
        bottom: -23px;
        left: 0px;
        width: 50px;
        height: 22px;
    }

    DIV.feedback .br {
        background: url(../images/blockquote-shadow-br.gif) top right no-repeat;
        position: absolute;
        bottom: -23px;
        right: 0px;
        width: 50px;
        height: 22px;
    }

    DIV.feedback .bc {
        background: url(../images/blockquote-shadow-bc.gif) top repeat-x;
        position: absolute;
        bottom: -23px;
        left: 50px;
        right: 50px;
        height: 22px;
    }

P.footnote {
    font-size: 18px;
    margin: 2em 70px;
}

DIV.track-back {
    margin: 2em 0;
}

DIV.track-back H6 {
    font-size: 14px;
    font-weight: bold;
    border-bottom: 1px solid DimGray;
    padding-bottom: .5em;
}

DIV.track-back P {
    text-indent: 0px;
}

/* common */

.small { font-size: 12px; }

.fw-bold { font-weight: bold; }


.w500 { width: 500px; }

/* #pop1_c */

#pop1_c TABLE {
    font-family: sans-serif;
    font-size: 16px;
    margin: 10px;
}

#pop1_c FONT[size="5"] {
    font-size: 21px;
}

#pop1_c FONT[size="4"] {
    font-size: 16px;
}

#pop1_c FONT[size="3"] {
    font-size: 14px;
}

#pop1_c STRONG {
    font-weight: bolder;
}

#pop1_c OL {
    list-style: decimal;
    margin: 10px 0;
}

#pop1_c INPUT {
    margin: 5px 0;
}

#pop1_c TABLE TD[align="center"] {
    text-align: center;
}

/* bulleted lists */

UL.cross,
UL.check {
    list-style: none;
    padding: 0;
    margin: 0;
    }

    UL.cross LI,
    UL.check LI {
        list-style: none;
        line-height: 1.2em;
        padding-left: 35px;
        margin-bottom: .5em;
        }

    UL.cross LI { background: url(../images/bullet-cross.gif) top left no-repeat; }
    UL.check LI { background: url(../images/bullet-check.gif) top left no-repeat; }