﻿@media screen
{
    html
    {
        background-image: url('imgs/htmlBack.png');
        background-repeat: repeat-x;
        background-color: #000;
        color: #fff;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 0.75em;
        font-weight: bolder;
    }
    body
    {
        margin: 0 auto 0 auto;
        width: 950px;
    }
    h1
    {
        background-image: url('imgs/headerBack.jpg');
        background-repeat: no-repeat;
        height: 197px;
        margin: 0;
        text-indent: -100000px;
    }
    div#body
    {
        border-left: solid 1px #5B5A96;
        border-right: solid 1px #5B5A96;
        width: 948px;
    }
    div#content
    {
        background-image: url('imgs/contentBack.jpg');
        background-repeat: no-repeat;
        line-height: 20px;
        margin-bottom: 10px;
        padding: 38px 16px 0 16px;
    }
    div#leftContent
    {
        float: left;
        margin-left: -16px;
        padding-top: 80px;
        width: 346px;
    }

    div#rightContent
    {
        float: right;
        text-align: justify;
        width: 586px;
    }

    div#content h2, div#content h3
    {
        background-repeat: no-repeat;
        color: #01132d;
        font-family: Impact;
        font-size: 15pt;
        font-weight: normal;
        height: 23px;
        padding-left: 16px;
        padding-top: 1px;
        margin: 30px -16px 25px -16px;
    }

    div#content h2
    {
        background-image: url('imgs/hRightContentBack.png');
        margin-left: 314px;
    }

    div#rightContent h2
    {
        margin-left: -16px;
    }

    div#content h3
    {
        background-image: url('imgs/hContentBack.png');
    }

    div#rightContent h3
    {
        background-image: url('imgs/hRightContentBack.png');
    }
    div#footer
    {
        background-color: #011533;
        color: #565590;
        font-size: 7pt;
        padding: 3px 16px 3px 0;
        text-align: right;
    }

    div#informationRegistration label
    {
        display: block;
        float: left;
        padding-right: 17px;
        margin-bottom: 18px;
        text-align: right;
        width: 125px;
    }

    div#informationRegistration input
    {
        display: block;
        float: left;
        margin-bottom: 18px;
        width: 200px;
    }

    div#informationRegistration .submitInformationButton
    {
        background-color: Transparent;
        background-image: url('imgs/inputSubmitInformation.png');
        background-repeat: no-repeat;
        border: 0;
        cursor: pointer;
        height: 24px;
        margin-left: 142px;
        width: 174px;
    }

    div#informationRegistration .radioButtonGroup
    {
        float: left;
        width: 342px;
    }

    div#informationRegistration .radioButtonGroup label, div#informationRegistration .radioButtonGroup input
    {
        display: inline;
        padding-right: 10px;
        width: auto;
    }

    div#leftInformationRegistration
    {
        float: left;
        width: 380px;
    }

    div#rightInformationRegistration
    {
        float: left;
        width: 536px;
    }

    div.clear
    {
        clear: both;
    }

    .center
    {
        text-align: center;
    }
    em
    {
        color: #ff0000;
        font-size: 1.1em;
        font-style: normal;
    }
}
