body
{
    font-size: .85em;
    font-family: Arial,Helvetica,sans-serif;
    color: #ffffff;
    background-color: #222222;
    font-size: 14px;
}

header, footer, nav, section
{
    display: block;
}

p
{
   margin: 20px; 
   line-height: 21px;
}

/* Styles for basic forms
-----------------------------------------------------------*/
fieldset
{
    border: 1px solid #ddd;
    padding: 0 1.4em 1.4em 1.4em;
    margin: 0 0 1.5em 0;
}

legend
{
    font-size: 1.2em;
    font-weight: bold;
}

textarea
{
    min-height: 75px;
}

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

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


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

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

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

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

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

/* For mobile devices */
@media only screen and (max-width: 480px)
{
    p
    {
        font-size: 18px !important;
    }
    ol
    {
        font-size: 18px !important;
    }

    #logo
    {
        width: 100% !important;
        height: auto !important;
    }

    img
    {
        margin: 0 !important;
    }
}

.center 
{
    text-align: center;    
}

.url 
{
    padding: 10px 0px 20px 0px;
}

.url span
{
    padding: 10px 20px;
    background-color:#000000;
    border: 1px solid #666666;
    color: #cccccc;
}

.linkbutton 
{
    color: #ffffff;
    text-transform: uppercase;
    text-decoration: none;
    text-shadow: #000000 0px -1px 2px;
    padding: 10px 15px;
    margin-top: 20px;
}

.linkbutton:hover
{
  /* Good browsers */
    opacity: 0.9;
}