html,body {
	text-align: center;
	min-width: 800px;
        padding: 0px;
        height: 100%;
        width: 100%;
        margin: 0px;
        padding-top: 10px;
	background-color: #D4D4D4;
	background-image: url(images/tausta2.gif);
	background-repeat: repeat-x;
}

#container {
	margin:0 auto;
	text-align: left;
        height:100%;
        width: 800px;
        padding: 0px;
}

img {
	border-style: none;
        padding: 0px;
	margin: 0px;
}

#middle {
	position: relative;
        float: left;
        clear: both;
	width: 800px;
	background-image: url(images/taustafade3.gif);
	background-repeat: repeat-x;
	background-color: #DEEBF2;
}


#header {
	position: relative;
        float: left;
        clear: both;
        width: 800px;
}

#footer {
	position: relative;
        float: left;
        clear: both;
        width: 800px;
}

table.navitable {
	margin: 0px;
	padding: 0px;
	width: 800px;
	border-style: solid;
	border-color: #87AFC1;
	border-top-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 1px;
	border-right-width: 1px;
}

td.maintd {
	vertical-align: top;
	padding: 20px;
        font-size:10px;
        font-family: Verdana, Arial, Helvetica, sans-serif;
	background-image: url(images/pystypalkki.gif);
	background-repeat: repeat-y;
}

td.navitd {
	margin: 0px;
	padding: 0px;
	vertical-align: top;
	text-align: right;
	width: 238px;
}

A:link {text-decoration: none}
A:visited {text-decoration: none}
A:active {text-decoration: none}
A:hover {text-decoration: underline; }