/*
 * A CSS file for our general layout
 */

#page {
    width: 785px;
    border-right: 1px solid #82A223;
    border-left: 1px solid #82A223;
    border-bottom:  40px solid #8CAC2D;
    margin: auto;
    background: transparent url(../images/backgrounds/green-gradient.jpg) repeat-y;
}

#header {
    position: relative;
    height: 250px;
    background: white url(../images/backgrounds/green-curve.png) no-repeat;
}

#header #logo {
    position: absolute;
    top: 150px;
    left: 30px;
}

#navbar {
    background-color: #8CAC2D;
    padding: 15px;
}

#navbar a {
    font-family: Verdana,Geneva,Kalimati,sans-serif;
    font-size: 10px;
    color: white;
    font-weight: bold;
    display: block;
    float: left;
    margin-right: 20px;
    text-transform: uppercase;
}

#navbar .selected a {
    border-top: 1px dashed white;
    border-bottom: 1px dashed white;
}

#navbar a:hover {
    border-bottom: 1px solid white;
}

#content {
    color: #585c62;
    padding: 30px;
    min-height: 300px;
}

#content p {
    margin: 8px 0px 8px 0px;
}

#content a {
    color: #333333;
    text-decoration: underline;
}

#content a:hover {
    color: black;
}

#footer {
    color: white;
    padding: 30px;
}

#footer a {
    color: white;
    text-decoration: underline;
}

#footer .copyright {
    text-transform: uppercase;
    font-size: 9px;
    text-align: center;
    margin-top: 30px;
}

.warning {
    text-align: center;
    width: 400px;
    margin: auto;
}

.bigskip {
    height: 30px;
}

textarea.terms {
    width: 80%;
    padding: 5px;
    background-color: #E4E4E4;
    font-size: 90%;
    border: 1px solid #333;
}

label.error {
    float: none;
    color: red;
    padding-left: .5em;
    vertical-align: top;
    font-size: 90%;
    font-style: italic;
}

.autoform label {
    width: 120px;
    text-align: right;
    padding-right: 10px;
}

.autoform .explain {
    font-size: 11px;
    color: #555555;
}