/**********************************************************************
Page body
**********************************************************************/
body {
    font-family: "Lucida Grande", Verdana, Arial, sans-serif;
    color: #000;

    margin: 0 auto;
    padding: 0;
    background-color: #fff;
}

/**********************************************************************
Structure
**********************************************************************/

#container { 
    margin: 0 auto;
    width: 100%;
}


/**********************************************************************
Header
**********************************************************************/

#header {
    padding: 0;
    margin: 0;

    height: 100px;

    background-image: url("/static/img/peanuts.png");
    background-position: 10px 20px;
    background-repeat:  no-repeat;
    background-color: #92AF2A;

    border-bottom: 10px solid #EBEEE4;
}

#header h1 {
    display: none;
}	


/**********************************************************************
Navigation
**********************************************************************/

#nav { 
    margin-top: 20px;
    margin-left: 10px;

    float: left;
}

#nav li { 
    width: 120px;
    background-color: #EBEEE4;

    margin-bottom: 10px;
    padding: 4px;
}

/**********************************************************************
Content area
**********************************************************************/

#content {
    margin: 0;
    padding: 0;
    margin-top: 20px;
    margin-left: 150px;

    padding-left: 5px;
    border-left: 1px solid #EBEEE4;
}

.col { 
    padding-left: 10px;
    padding-right: 10px;
}


/** Left column */
.left {
    text-align: left;
    float: left;
    margin: 0;
    padding: 0;
    width: 70%;
}

/** Right column */
.right { 
    float: left;
    margin: 0px 0 0 0;
    padding: 0;
    text-align: left;
    width: 30%;
}

.right .col {
    border-left: 1px solid  #EBEEE4;
    padding: 0 20px;
}

/**********************************************************************
Globals
**********************************************************************/

a {
    text-decoration: underline; 
    color: #090;
}

a:hover { 
          text-decoration: none;
          background-color: #090;
          color: #fff;
}

p,
td,
th { 
     font-size: small;
     line-height: 120%;
}

td,
th { 
	padding: 2px;
}

ol, ul, li {
             margin: 0;
             padding: 0;
}

ul li {
        list-style-type: none;
}


li {
     font-size: 11px;
     line-height: 13px;

     padding: 0;
}

h2 {
    font-family: Verdana, "Lucida Grande", Arial, sans-serif;
    font-size: 24px;
    font-weight: normal;
    line-height: 34px;
    color: #333;

    padding: 0;
    margin: 0;
}

h3 { 
     font-family: Verdana, "Lucida Grande", Arial, sans-serif;
     font-size: medium;
     font-weight: bold;
}

/**********************************************************************
Forms
**********************************************************************/

fieldset {
    width: 550px;
    border: none;

    margin: 0;
    padding: 0;

    padding-left: 10px;
    padding-top: 20px;
    padding-bottom: 10px;

    background-color: #EBEEE4;
}

label { 
    font-size: 12px;
    font-weight: bold;

    width: 80px;

    float: left;

    cursor: pointer;

    padding-left: 2px;
}

input { 
    border: 1px solid #ccc;

    padding-left: 2px;
}

.formElement {
    clear: left;

    margin-bottom: 5px;
}

.formTitle { 
    width: 120px;

    background-color: #EBEEE4;

    margin-top: 15px;
    padding-left: 10px;
    padding-top: 5px;
    font-size: 12px;
    font-weight: bold;
}

/**********************************************************************
Result
**********************************************************************/

#result { 
    background-color: #ffc;

    margin: 0;
    padding: 0;

    padding-left: 10px;
    padding-top: 5px;
    padding-bottom: 5px;
    margin-top: 10px;

    border: 1px solid #EBEEE4;
    width: 550px;
}

.resultLeft,
.resultMiddle { 
    float: left;
}

.resultLeft { 
    text-align: right;
    font-size: 12px;
}

.resultMiddle { 
    font-size: 20px;

    margin-left: 10px;
    margin-right: 10px;
}

.resultRight { 
    text-align: left;
    font-size: 12px;
    clear: right;
}

.resultRate { 
    text-align: right;
    margin-top: 10px;
    font-size: 11px;

    margin-right: 5px;
}

.resultRate span { 
    font-weight: bold;
}

/**********************************************************************
Footer
**********************************************************************/

#footer p {
    font-size: 10px;
    text-align: left;
    color: #666;

    clear: left;
    margin: 0;
    padding-top: 5px;
    padding-bottom: 15px;

    margin-top: 20px;
    margin-left: 165px;
}

#footer a:link, #footer a:visited {
    color: #666;
}

#footer a:hover {
    color: #fff;
    background: #666;
}