html {
  height:100%;
  overflow-y:scroll;
}

body {
  height: auto;
}

a { color: #006699; }
a:hover { text-decoration: none; }
img {
    border: none;
}
html, body { width: 100%; padding: 0; margin: 0; }

body { 
    background-image: url(body-bg.png);
    background-repeat: repeat;
}

.Top{
    width: 100%; float: left; height: 70px; 
    /*background-image: url(index-top-bg.gif); background-repeat: repeat-x;*/
    background-color: #000000;
}

h1{
    float: left; color: #FFFFFF; text-align: left; font-family: Georgia; font-size: 18px; font-weight: normal; line-height: 70px;
    padding: 0 0 0 30px; margin: 0;
}

h2{
    float: left; 
    color: #0099cb; 
    font-family: Georgia; font-size: 21px; font-weight: normal; font-style: italic; line-height: 28px;
    width: 100%; padding: 40px 0 0 0px; margin: 0px;
}

h3{
    float: left; 
    color: #555555; 
    font-family: Arial; font-size: 18px; font-weight: normal; line-height: 20px;
    width: 100%; padding: 30px 0 20px 0; margin: 0;
}


ul{
    width: 90%;
    float: left; width: 100%; padding: 10px 0 40px 10%; margin: 0;
    font-family: Arial, Helvetica, sans-serif; font-size: 15px; color: #555555;
    list-style: none;
}

li{
    float: left; clear: left;
    padding: 0px 0 0 35px; height: 25px; line-height: 25px; margin: 0 0 12px 0;
    list-style: none; width: 250px;
    background-image: url(li-bg-1.png); background-repeat: no-repeat; background-position: 0px 0px;
}


.Main{
    width: 100%; height: 560px; float: left;
    background-image: url(main-bg.png); background-repeat: repeat-x; background-position: top left;
}

.MainLeft{
        width: 49%; padding: 0px 3% 0 7%; height: 560px; float: left;
}

.MainRight{
    width: 39%; float: right;  padding: 32px 0 0 0%; text-align: left;
}

.MainLinks{
    float: left; padding: 20px 0% 0 0%; font-size: 25px; 
}

.MainLinks a{
    color: #32BB32; border-bottom: 1px dashed #32BB32; text-decoration: none;
}

.Arrow{
    float: left; width: 100%;
    margin: 5px 0px 10px 0px; padding: 0;
}

.Arrow a{
    font-family: Georgia; font-size: 25px; font-weight: normal; color: #0099cb; 
}

.Arrow a:hover{
    text-decoration: underline; color: #000000;
}




.BigButton{
    float: left; 
    width: 216px; height: 108px;
}

.BB_Button{
    float: left; 
    width: 216px; height: 54px;
}

.BB_Shadow{
    float: left;
    width: 216px; height: 54px;
    background-image: url(big-buttom-mirror.png); background-repeat: no-repeat; background-position: 0px 0px;
}



.BigButton a{
    text-decoration: none;
}

.DemoMode{
    float: left; width: 220px; margin: 10px 0 0 40px;
    font-style: italic;
    font-family: Arial, Helvetica, sans-serif; color: #555555; font-size: 13px; line-height: 20px; 
    color: #000000;
}

.Responses{
    width: 300px;
    float: left; clear: left; margin: 0px 0 10px 0px;
    font-family: Arial, Helvetica, sans-serif; color: #555555; font-size: 12px;  line-height: 20px; 
    margin: 0 0 0 -50px;
}
.Responses a{
    /*color: #76b900;*/
}

/*  */


.LogInForm{
    float: right;
    color: #FFFFFF;
    padding: 22px 20px 0 0;
    font-family: Arial, Helvetica, sans-serif; font-size: 12px; 
}

.LogInForm input{
    width: 100px;
}