body {
    background-color: #FF9900;
    color:#000000;
    font-family: Arial, sans-serif;
    font-size: 16px;
    margin: 0px;
    text-align: center;
}

div#header {
    width: 800px;
    background-image: url(kuvat/tausta.gif);
    background-position: 50% 100%;
    background-repeat: repeat-y;
    font-size: 90%;
    margin-left: auto;
    margin-right: auto;
    padding-bottom: 25px;
    text-align: center;
}

div#header a {
    color: #000000;
    text-decoration: none;
}

div#header img {
    margin: 25px;
}

div#header table {
    border-collapse: collapse;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}

div#header table td {
    border: 2px solid #000000;
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 3px;
    padding-bottom: 3px;
}

div#header table td#active {
    background-color: #FF6600;
    cursor: default;
}

div#header table td:hover {
    background-color: #FFCC00;
    cursor: default;
}

div#upper {
    height: 5px;
    width: 790px;
    background-image: url(kuvat/yla.gif);
    background-position: 50% 0%;
    background-repeat: repeat-x;
    margin-left: auto;
    margin-right: auto;
}

div#middle {
    height: 25px;
    width: 790px;
    margin-left: auto;
    margin-right: auto;
}

div#lower {
    height: 5px;
    width: 790px;
    background-image: url(kuvat/ala.gif);
    background-position: 50% 100%;
    background-repeat: repeat-x;
    margin-left: auto;
    margin-right: auto;
}

div#main {
    width: 800px;
    background-image: url(kuvat/tausta.gif);
    background-position: 50% 0%;
    background-repeat: repeat-y;
    font-size: 100%;
    margin-left: auto;
    margin-right: auto;
    padding-top: 25px;
    padding-bottom: 25px;
    text-align: left;
}

div#main a {
    color: #000000;
    text-decoration: underline;
}

div#main a:hover {
    color: #FF9900;
}

div#main h1 {
    margin-left: 25px;
    margin-right: 25px;
    margin-top: 0px;
    font-size: 150%;
}

div#main h2 {
    font-size: 100%;
    margin-left: 25px;
    margin-right: 25px;
}

div#main img {
    border: 1px solid #000000;
}

div#main img.float {
    height: 350px;
    width: 255px;
    float: right;
    margin-left: 25px;
    margin-right: 25px;
    margin-bottom: 25px;
}

div#main img.center {
    height: 305px;
    width: 600px;
    display: block;
    margin-left: auto;
    margin-right: auto;
    margin-top: 25px;
}

div#main input {
    font-size: 90%;
}

div#main li {
    list-style-type: square;
    margin-left: 5px;
    margin-right: 25px;
    padding-bottom: 5px;
}

div#main p {
    margin-left: 25px;
    margin-right: 25px;
}

div#main span.bold {
    font-weight: bold;
}

div#main span.underline {
    border-bottom: 2px solid #FF9900;
}

div#main table {
    margin-left: 25px;
    margin-right: 25px;
}

div#main table.form {
    text-align: left;
}

div#main table.form input {
    margin: 1px;
}

div#main table.images {
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}

div#main table.images td {
    padding: 10px;
}

div#main table.questions {
    text-align: left;
}

div#main table.questions td.question {
    padding-top: 15px;
    font-weight: bold;
}

div#main table.questions td.firstquestion {
    font-weight: bold;
}

div#footer {
    width: 800px;
    background-image: url(kuvat/tausta.gif);
    background-position: 50% 0%;
    background-repeat: repeat-y;
    font-size: 75%;
    margin-left: auto;
    margin-right: auto;
    padding-top: 10px;
    padding-bottom: 10px;
    text-align: center;
}