html, body
{
    position: relative;
    min-height: 100%;
}

body
{
    background: #A0A0A0;
    background: url(../images/bubble.png);
}

img {
    border: 0;
    outline: 0;
}

#header
{
    background: transparent;
    width: 100%;
    margin: 0 auto;
    font-size: 1em;
    position:relative;
    overflow: hidden;
}

#banner
{
    min-width: 1000px;
    position: relative;
    text-align: center;
}

body.-scrolled-past-header #banner .column-right .header-toggler
{
    display:none;
}

#main 
{
    margin: 15px auto 0px auto;
    width: 990px;
    height: 100%;
}

@media (min-width: 1300px) {
    #main {
        width: 1200px;
    }
}

#form-primary
{
    position: relative;
}

#footer
{
    padding-top: 20px;
    padding-bottom: 10px;
    
    /* background:#033B9C; */
    background: transparent;
}

#footer p, #footer p a
{
    margin: 0;
    padding: 0;
    text-align: center;
    color: #79CAE7;
}

/** default hidden ui */
.breadcrumbs,
#breadcrumbs-border,
#side-menu,
#form-border
{
    display: none;
}

/* standard table */

table.simple-table
{
    background: rgba(255, 255, 255, 0.9);
    border: 2px solid #333;
    border-collapse: collapse;
    color: #333;
    cursor: default;
}

table.simple-table tr td,
table.simple-table tr th
{
    padding: 3px 10px 3px 10px;
}

table.simple-table tr th
{
    border-bottom: 1px solid rgba(51, 51, 51, 0.8);
}

table.simple-table tr td
{
    vertical-align: middle;
    border: 1px solid rgba(51, 51, 51, 0.2);
}

#form-primary .subSection {
    overflow: visible;
    padding: 0;
}

@media (max-width: 800px)
{
    #banner
    {
        left: -100px;
        position: relative;
    }
}

@media (max-width: 650px)
{
    #banner
    {
        left: -200px;
    }
}

@media (max-width: 550px)
{
    #banner
    {
        left: -250px;
    }
}

@media (max-width: 360px)
{
    #banner
    {
        left: -400px;
        min-width: 1250px;
    }
}