html, body {
  text-align:center;
  margin:0px;
  padding:0px;
  background: #DDD8C4 url(tausta.gif) top left fixed repeat-x;
  height:100%;
  width:100%;
}

#leiska {
  width:633px;
  height:100%; 
  border-collapse:collapse;
  margin-left:auto;
  margin-right:auto;
  border-left:1px solid #999;
  border-right:1px solid #999;
  padding:0;
}

#ylaosa {
  background-image: url(ylaosa.jpg);  
  background-repeat: no-repeat;
  width:633px;
  height:230px;
  padding:0;
  background-color:#FFFFFF;
}

#valikko {
  width:100px;
  height:100%;
  padding:10px;
  text-align:left;
  vertical-align:top;
  background-color:#FFFFFF;
}

#sisalto {
  text-align:left;
  vertical-align:top;
  padding:10px;
  background-color:#FFFFFF;
}

#alaosa {
  background-image: url(alaosa.jpg);  
  background-repeat: no-repeat;
  width:633px;
  height:35px;
  padding:0;
  background-color:#FFFFFF;
}

#copy {
  text-align:center;
  line-height:100%;
  padding:3px 0px 0px 0px;
}

h1 {
    font-family:Georgia, Times, serif;
    font-size:16px;
    font-weight:bold;
    font-style:normal;
    color:#666666;
    letter-spacing:1px;
    text-align:left;
    margin:5px 0px 5px 0px;
}

h2 {
  font-family:Georgia, Times, serif;
  font-size:14px;
  font-weight:bold;
  font-style:normal;
  color:#666666;
  letter-spacing:1px;
  margin:5px 0px 5px 0px;
}

h3 {
  font-family:Georgia, Times, serif;
  font-size:13px;
  font-weight:bold;
  font-style:italic;
  color:#666666;
  letter-spacing:1px;
  margin:5px 0px 5px 0px;
}

p, td {
  font-family:Verdana, Arial, sans-serif;
  font-size:11px;
  font-weight:normal;
  font-style:normal;
  line-height:180%;
  color:#333333;
}

a {
  font-family:Verdana, Arial, sans-serif;
  font-size:12px;
  color:#CC9966;
  font-weight:bold;
  text-decoration:none;
}
a:hover { 
 text-decoration:underline;
}
a:active { 
 text-decoration:underline;
}
a:visited {
}

ul {
list-style: disc;
border: none;
margin: 0;
padding: 0;
}
#valikko ul {
list-style: none;
}
li {
padding: 0;
margin: 0;
letter-spacing: 1px;
}

hr {
color:#EEEBDF;
background-color:#EEEBDF;
height:1px;
width:80%;
}

select {
  width:200px;
  font-family:Verdana, Arial, sans-serif;
  font-size:11px;
  padding: 3px 3px 3px 3px;
}

input, textarea, select { margin: 2px; padding:2px; font-family:verdana, arial; font-size:10px; font-weight:bold; color:#666666; border:thin solid #333333; }

label {
	font-family:verdana, arial, sans-serif; font-size:11px; font-weight:bold; font-style:normal; color:#383838; text-align: left;
}
label.virhe {
	 color:#FF0000; 
}

p.pvm { font-weight:bold; color:#666666; }
p.nimi { font-weight:bold; color:#3B3B3B; }
p.arvosana { font-weight:bold; color:#666666; }

.selite {
  font-family:Georgia, Times, serif;
  font-size:11px;
  font-weight:normal;
  font-style:normal;
  color:#666666;
  letter-spacing:1px;
  margin-left: 20px;
}

.keskitys {
  text-align:center;  
}

.taulukko {
  border-collapse:collapse;
}

.t1 {
  background: #EEEBDF;
  width:50%;
  padding:3px;
}

.t2 {
  width:50%;
  padding:3px;
}

.t3 {
  background: #EEEBDF;
  width:100px;
  padding:3px;
}

.t4 {
  background: #EEEBDF;
  padding:3px;
}

.t5 {
  width:100px;
  padding:3px;
}

.t6 {
  padding:3px;
}

.p1 {
  background: #EEEBDF;
  width:80px;
  padding:3px;
  margin:3px;
  text-align:center;
}

.p2 {
  background: #EEEBDF;
  padding:3px;
}

.p3 {
  padding:3px;
}