html,body {
position: relative;
margin: 10px 10px 10px 10px;
padding: 0;
height: 100%;
background: #fff;
color: #000;
font-family: "trebuchet MS", arial, helvetica;
font-size: 10pt;
line-height: 16px;
text-align: center;
}
#centered { 
width: 950px; 
text-align: left; 
border: 0px; 
padding: 0;  
margin: 0 auto; 
} 
#container {
width: 950px;
margin: 0 auto;
}
#header {
background: url("images/tunnus.png") no-repeat right;
width: 880px;
height: 164px;
margin-bottom: 10px;
border: 1px solid #808080;
}
#footer {
clear: both;
text-align: center;
vertical-align: top; 
background-color: #fff;
width: 880px;
height: 164px;
border: 1px solid #808080;
margin-bottom: 10px;
}
#left-col {
width: 180px;
margin: 0px;
float: left;
padding: 10px;
border: 1px solid #808080;
background: #333333;
margin-bottom: 10px;
}
#right-col {
width: 180px;
margin: 0px;
float: left;
padding: 10px;
border: 0px solid #808080;
background: #ffffff;
margin-bottom: 10px;
}
#mid-col {
width: 500px;
margin: 0px 10px 10px 10px;
padding: 10px;
float: left;
background: #fff;
border: 1px solid #808080;
}
.fieldset {
padding: 10px;
}
.legend {
background-color: #ffffff;
}
.img {
border: none;
}
.h3 {
color: #000;
font-family: "trebuchet MS", arial, helvetica;
font-size: 12pt;
text-decoration: bold; 
}
.text {
color: #000;
font-family: "trebuchet MS", arial, helvetica;
font-size: 10pt;
text-decoration: normal; 
}
.td {
color: #000;
font-family: "trebuchet MS", arial, helvetica;
font-size: 10pt;
line-height: 16px;
}
.th {
color: #000;
font-family: "trebuchet MS", arial, helvetica;
font-size: 10pt;
line-height: 16px;
}
.A:link {
text-decoration: none; 
color: black;
}
.A:visited {
text-decoration: none; 
color: black;
}
.A:active {
text-decoration: none; 
color: red;
}
.A:hover {
text-decoration: none; 
color: red;
}