html, body
{
    height: 100%;
}

html, body, form
{
    margin: 0;
    padding: 0;
    height: 100%;
    background: url('../images/Grass_Repeating.jpg') repeat-y center left;
}

.container
{
    position: relative; /* needed for footer positioning*/
    margin: 0 auto; /* center, not in IE5 */
    width: 960px;
    height: auto !important; /* real browsers */
    height: 100%; /* IE6: treaded as min-height*/
    min-height: 100%; /* real browsers */
    background-color: White;
}
* html .container
{
    height: 100%;
}
/* for ie to resize */
div#header
{
    padding: 0em;
}


div#content
{
    padding: 0em 0em 5em; /* bottom padding for footer */
}


div#footer
{
    padding: 0em;
    position: absolute;
    width: 100%;
    bottom: 0; /* stick to bottom */
}
/* footer CSS */
.copy
{
    font-family: Verdana, Geneva, sans-serif;
    font-size: 10px;
    text-align: right;
    text-indent: 10px;
}
:link img
{
    border: none;
}
:visited img
{
    border: none;
}
.clearfooter
{
    clear: both;
    height: 70px;
}
.clear { /* generic container (i.e. div) for floating buttons */
    overflow: hidden;
    width: 100%;
}

a.button
{
    background-position: right top;
    background: transparent url('../images/bg_button_a.gif') no-repeat scroll top right;
    color: #444;
    display: block;
    float: left;
    font: normal 12px arial, sans-serif;
    height: 24px;
    margin-right: 6px;
    padding-right: 18px; /* sliding doors padding */
    text-decoration: none;
    font-weight: bolder;
}

a.button span
{
    background-position: transparent url('../images/bg_button_span.gif') no-repeat;
    background: transparent url('../images/bg_button_span.gif') no-repeat;
    display: block;
    line-height: 14px;
    padding: 5px 5px 5px 18px;
} 
a.button:active {
    background-position: bottom right;
    color: #000;
    outline: none; /* hide dotted outline in Firefox */
}

a.button:active span
{
    background-position: left bottom;
    padding: 6px 0px 4px 18px; /* push text down 1px */
}
h1
{
    font: 30px/27px 'Calisto MT';
    color: #5AA60F;
    display: block;
    letter-spacing: -1px;
    word-spacing: 0em;
    text-indent: 0px;
    margin-top: 0;
    margin-right: 0;
    margin-bottom: 10px;
    padding-top: 8px;
    padding-left: 65px;
}
h2
{
    font: 26px/24px "Calisto MT";
    color: #5AA60F;
    font-weight: normal;
    display: block;
    letter-spacing: -1px;
    word-spacing: 0em;
    text-indent: 0px;
    margin-top: 0;
    margin-right: 0;
    margin-bottom: 10px;
    padding-top: 8px;
    padding-left: 65px;
}
h3
{
    font: 21px/19px "Calisto MT";
    color: #5AA60F;
    font-weight: normal;
    display: block;
    letter-spacing: -1px;
    word-spacing: 0em;
    text-indent: 0px;
    margin-top: 0;
    margin-right: 0;
    margin-bottom: 10px;
    padding-top: 8px;
    padding-left: 65px;
}
p
{
    background: no-repeat;
    color: #808080;
    padding: 0 0 0 65px;
    display: block;
    font: 12px/18px Tahoma;
    margin-top: 0;
    margin-right: 0;
    margin-bottom: 0;
    letter-spacing: 0px;
}
a:link, a:visited
{
    color: #567B96;
    text-decoration: none;
}

a:active, a:hover
{
    color: #FF6600;
    text-decoration: none;
}
ul
{
    background: no-repeat;
    color: #808080;
    padding: 0 0 0 65px;
    display: block;
    font: 12px/18px Tahoma;
    margin-top: 0;
    margin-right: 0;
    margin-bottom: 0;
    letter-spacing: 0px;
}
.text
{
    background-position: no-repeat;
    background: no-repeat;
    color: #808080;
    display: block;
    font: 12px/18px Tahoma;
    margin-top: 0;
    margin-right: 0;
    margin-bottom: 0;
    letter-spacing: 0px;
}



input.btn
{
    color: #808080;
    font: small 'Calisto MT';
}