/*
    Document   : styles
    Created on : May 1, 2009, 9:26:29 AM
    Author     : rich - ta design
    Description: page layout for ASDC website
*/

body
{ 
    background-color: #f9f5f2;
    font-family: Verdana,Arial,Helvetica,sans-serif;
    font-size: 62.5%;
    margin: 0px;
    width: 100%;
    height: 100%;
    text-align: center;
}

#wrapper
{
    width: 97.5em;
    margin-right:auto;
    margin-left:auto;
    margin-top:0em;
    padding:1em;
    text-align:left;
    background-color: #f9f5f2;
}

#content
{
    height: auto;
    padding: 2em 2em 2em 2em;
    background: url(./images/bg-repeat.png) repeat-y;
}

#contentIndex
{
    height: 50em;
    padding: 2em 2em 2em 2em;
    background: url(./images/bg-repeat.png) repeat-y;
}

#contentFAQ
{
    height: auto;
    padding: 2em 2em 2em 2em;
    background: url(./images/bg-repeat.png) repeat-y;
}

.leftFAQ
{
    float: left;
    padding: 2em 2em 2em 2em;
    width: 42.5em;
}

#leftColumn
{
    float: left;
    width: 60em;
}

#rightColumn
{
    padding: 0em;
    float: right;
    width: 30em;
}

div.rcolumnGreen
{
    padding: 0.1em 1em 0.5em 1em;
    background-color: #8bc53f;
    margin-bottom: 1em;
}

div.rcolumnBlue
{
    padding: 0.5em 1em 0.5em 1em;
    background-color: #0772ba;
}

div.linksGreen
{
    padding: 1em 1em 1em 1em;
    background-color: #8bc53f;
    margin: 1em 0em 1em 0em;
}

div.linksBlue
{
    padding: 1em 1em 1em 1em;
    margin: 1em 0em 1em 0em;
    background-color: #0772ba;
}

#footer
{
    clear: both;
    margin: -1em 0em 0em 0em;
    padding: 0;
    height: 2.1em;
    background-color: #fff;
    text-align: center;
    background: url(./images/footer.png) no-repeat;
}

/* Navigation */

#header
{
    float: left;
    width: 97.5em;
    height: 16em;
    line-height: normal;
    margin-bottom: 1em;
    background: url(./images/heading-bg.jpg) no-repeat;
}

#header ul
{
    margin: 12em 0em 0em 1.5em;
    padding: 0;
    list-style: none;
}

#header li
{
    float: left;
    width: 11.8em;
    margin:0;
    padding:0 0 0 0em;
    text-align: center;
}

#header a
{
    display: block;
    background: url(./images/tabs/tab-off.png) no-repeat left top;
    padding: 1em 2em 0.8em 2em;
    color: #ffffff;
    text-decoration: none;
}

#header #current
{

}

#header #current a
{
    background-image: url(./images/tabs/tab-selected.png);
    padding-bottom: 0.8em;
    color: #ffffff;
    text-decoration: none;
}


/* Contact form */

#contact-area
{
    width: 60em;
    margin-top: 2.5em;
}

#contact-area input, #contact-area textarea
{
    padding: 0.5em;
    width: 48.5em;
    font-family: Helvetica, sans-serif;
    font-size: 1em;
    margin: 0em 0em 1em 0em;
    border: 0.1em solid #ccc;
}

#contact-area textarea
{
    height: 9em;
}

#contact-area textarea:focus, #contact-area input:focus
{
    border: 0.1em solid #900;
}

#contact-area input.submit-button
{
    width: 8em;
    float: right;
}

label
{
    float: left;
    text-align: right;
    margin-right: 1.5em;
    width: 10em;
    padding-top: 0.5em;
    font-size: 1em;
}

.furtherQuestions
{
    float: left;
    font-size: 1.5em;
    color: #0071bb;
    font-weight: normal;
    padding: 2em;
}