﻿@media all
{
    body
    {
        font-family: "Arial" , "Helvetica" , sans-serif;
    }

    h1
    {
        margin-top: 0em;
        font-size: 1.4em;
    }
    h2
    {
        margin-top: 0em;
        font-weight: bold;
        font-size: 1.2em;
    }
    h3
    {
        font-weight: normal;
        font-size: 1.2em;
    }

    /* Column Layouts */

    div.ColContainer2 div.Col
    {
        width: 48%;
        float: left;
    }
    .ClearCols
    {
        clear: both;
    }

    /* Colors Palette */
    /* White = #FFFFFF */
    .ColorWhite
    {
        color: #FFFFFF;
    }
    .BgColorWhite
    {
        background-color: #FFFFFF;
    }

    /* Black = #000000 */
    .ColorBlack
    {
        color: #000000;
    }
    .BgColorBlack
    {
        background-color: #000000;
    }


    /* Primary Bright Red = #B51818 */
    .Color1A
    {
        color: #B51818;
    }
    .BgColor1A
    {
        background-color: #B51818;
    }
    /* Primary Dark  Red = #6F0E0E */
    .Color1B
    {
        color: #6F0E0E;
    }
    .BgColor1B
    {
        background-color: #6F0E0E;
    }

    /* Primary Blue = #201D57 */
    .Color2A
    {
        color: #201D57;
    }
    /* Grey = #B7B7B7 */
    .Color3A
    {
        color: #B7B7B7;
    }
    .BgColor3A
    {
        background-color: #B7B7B7;
    }

    .NewsMenu h2
    {
        margin-top: 0em;
        margin-bottom: 0.5em;
        padding-left: 0.25em;
    }
    .NewsMenu
    {
        padding-bottom: 0.5em;
        margin-bottom: 0.5em;
    }
    .NewsMenu div
    {
        margin-bottom: 0.5em;
        padding-left: 0.25em;
    }
}
@media screen
{
    body
    {
        position: relative;
        margin-top: 0px;
        padding-top: 0px;
        color: #000000;
        background: #B51818 url(http://media.runrevcruz.com/v1/images/runrevcruz_back.gif);
        font-size: small;
    }

    h1, h2, h3
    {
        color: #201D57;
    }

    a
    {
        color: #201D57;
    }

    div#Main
    {
        position: relative;
        width: 747px;
        height: 508px;
        margin: 0px auto;
    }

    div#Menu
    {
        position: absolute;
        top: 12px;
        left: 0px;
        width: 100%;
        height: 13px;
        overflow: hidden;
        padding-left: 5px;
        margin: 12px 0px;
    }

    div#Menu a
    {
        margin-right: 9px;
        color: #B7B7B7;
        font-weight: bold;
        font-size: 13px;
        line-height: 100%;
        font-family: "Verdana" , "Arial" , sans-serif;
        text-decoration: none;
        text-transform: uppercase;
    }

    div#Menu a:hover
    {
        color: #FFFFFF;
    }

    div#Content
    {
        position: relative;
        top: 50px;
        left: 0px;
        width: 631px;
        height: 310px;
        overflow-y: scroll;
        border-style: solid;
        border-width: 3px 5px 5px 5px;
        border-color: #FFFFFF;
        padding: 31px 58px 55px;
        background: #B7B7B7 url(http://media.runrevcruz.com/v1/images/runrevcruz_body_bg.gif) no-repeat fixed right bottom;
    }

    div#RunRevCruzFrame
    {
        position: absolute;
        bottom: 0px;
        left: 0px;
        width: 832px;
        height: 153px;
        z-index: 10;
        background-image: url(http://media.runrevcruz.com/v1/images/runrevcruz_frame2.gif);
        background-repeat: no-repeat;
    }

    div#Footer
    {
        position: absolute;
        top: 475px;
        left: 0px;
        width: 100%;
        height: auto;
        z-index: 20;
        color: #B7B7B7;
        font-weight: bold;
        font-size: larger;
        text-align: center;
    }

    div#Footer a
    {
        color: #B7B7B7;
        text-decoration: none;
    }
    div#Footer a:hover, div#Footer a:active
    {
        color: #FFFFFF;
        text-decoration: underline;
    }

    .Seo
    {
        display: none;
    }

    .NewsMenu
    {
        width: 200px;
    }

    #NewsContent
    {
        float: right;
        width: 400px;
    }
}
@media print
{
    body
    {
        color: #000000;
        background: none;
        font-size: normal;
    }

    div#Menu
    {
        display: none;
    }

    div#Content
    {
        background: none;
    }
}

