body
{
    font-size: 12px;
    font-family: Verdana, Helvetica, sans-serif;
    color: #444;
    background-color: #ffb51c;
}

#wrapper
{
    width: 1000px;
    margin: 5px auto;
}

#wrapper header
{
    padding: 5px 5px;
    position: relative;
}

#varsityLogo
{
    position: absolute;
    right: 20px;
    bottom: 20px;
}

#main, #wrapper header
{
    background-color: #fff;
}

#titlebar
{
    background-color: #074277;
    color: #fff;
    font-weight: normal;
    padding: 5px;
    margin: 0;
}

#main
{
    padding: 20px 40px 40px;
}

#main h3
{
    color: #074277;
}

#main input[type="text"], #main select
{
    border: 1px solid #444;
    border-radius: 2px;
    outline: none;
}

.btn
{
    background-color: #074277;
    color: #fff;
    font-size: 11px;
    font-weight: bold;
    border: 1px solid #074277;
    border-radius: 4px;
    padding: 2px 6px;
}

.form-row, .validation-summary-errors
{
    width: 600px;
    margin: 8px 0;
    overflow: auto;
}

.form-row label
{
    display: block;
    margin: 5px 0;
    font-weight: bold;
}

.form-row input[type="text"], .form-row select
{
    width: 95%;
}

.form-row .row-largecolumn
{
    float: left;
    width: 385px;
    margin-right: 12px;
}

.form-row .row-smallcolumn
{
    float: left;
    width: 185px;
    margin-right: 12px;
}

#wrapper footer
{
    padding: 10px;
    text-align: center;
}

#wrapper footer a
{
    color: inherit;
}

/* Styles for basic forms
-----------------------------------------------------------*/

.editor-label 
{
    margin: 1em 0 0 0;
}

.editor-field 
{
    margin:0.5em 0 0 0;
}


/* Styles for validation helpers
-----------------------------------------------------------*/
.field-validation-error
{
    color: #ff0000;
}

.field-validation-valid
{
    display: none;
}

.input-validation-error
{
    border: 1px solid #ff0000;
    background-color: #ffeeee;
}

.validation-summary-errors
{
    font-weight: bold;
    color: #ff0000;
}

.validation-summary-valid
{
    display: none;
}