body
{
    margin: 0; padding: 0;
    width: 100%; height: 100%; z-index: 1;
    background-color: #AE7E4F;
    text-align: center;
    background-image: url("images/background.jpg");
}

#wrapper
{
    margin: 0 auto; padding: 20px 0 0 0;
    width: 791px; z-index: 2;
    text-align: left;
}

    #header
    {
        margin: 0; padding: 0;
        width: 791px; height: 205px;
        background-image: url("images/header.gif");
        background-repeat: no-repeat;
        background-position: top left;
    }

        #navwrap
        {
            margin: 0 auto; padding: 0;
            position: relative; top: 9px;
            width: 530px;
            text-align: center;
        }

        #navigate
        {
            margin: 0; padding: 0;
            width: 530px; height: 46px;
            display: inline;
        }

            #nav-site
            {
                margin: 0; padding: 0;
                width: 330px;
                float: left;
                text-align: left;
            }

            #nav-beyond
            {
                margin: 0; padding: 0;
                width: 200px;
                float: right;
                text-align: right;
            }

        #banner
        {
            position: relative; top: 10px; left: 125px;
            margin: 0; padding: 0;
            width: 537px; height: 134px;
        }

            #flag-1
            {
                position: relative; top: -125px;
                width: 92px; height: 103px;
                background-image: url("images/flag-1.png");
            }
            #flag-2
            {
                position: relative; top: -230px; left: 690px;
                width: 98px; height: 115px;
                background-image: url("images/flag-2.png");
            }

    #container
    {
        position: relative; left: 115px;
        margin: 0; padding: 0;
        width: 561px; z-index: 3;
        background-image: url("images/frame.gif");
        background-repeat: repeat-y;
        background-position: top left;
    }

        #content
        {
            position: relative; left: 12px;
            margin: 0; padding: 0;
            width: 537px; z-index: 4;
            background-image: url("images/content.gif");
            background-repeat: repeat;
            background-position: top left;
            font-family: Tahoma, Verdana, sans-serif;
            color: #ddd;
            font-size: 0.8em;
            text-align: justify;
        }

        #clearfix
        { clear: both; }

        p
        { margin: 12px 8px 0 8px; }

            a,a:visited { text-decoration: none; color: #ffb432; font-weight: bold; }
            a:hover,a:active { text-decoration: none; color: #e1dede; font-weight: bold; }

        .p-roster-header
        {
            margin: 0; padding: 0;
            font-weight: bold;
        }

        .p-roster-img
        {
            position: relative; top: 2px;
        }

        .p-roster-class
        {
            margin: 0; padding: 0;
            display: inline;
            position: relative; top: -5px; left: 4px;
        }

        .p-roster-name
        {
            margin: 0; padding: 0;
            display: inline;
            text-align: center;
        }

        .p-roster-rank
        {
            margin: 0; padding: 0;
            display: inline;
            position: relative; left: 3px;
            text-align: center;
        }

        h2
        {
            margin: 0 0 0 10px; padding: 0;
            width: 456px; height: 51px;
            background-repeat: no-repeat;
            background-position: top left;
        }

        span
        {
            display: none; visibility: hidden;
        }


        #h2-what
        {   background-image: url("images/title-what.gif"); }

        #h2-join
        {   background-image: url("images/title-join.gif"); }

        #h2-guidelines
        {   background-image: url("images/title-guidelines.gif"); }

        #h2-roster
        {   background-image: url("images/title-roster.gif"); }

    #footer
    {
        position: relative; left: 115px;
        margin: 0; padding: 0 0 20px 0;
        width: 561px; height: 13px; z-index: 3;
        background-image: url("images/footer.gif");
        background-repeat: no-repeat;
        background-position: top left;
    }