body, table {
  font-family: Geneva, Arial, Verdana, Helvetica, sans-serif; 
  font-size: 14px;
  color: #000000;
}

table { 
  border: 0px;
}

body {
  background: #FFFFFF url("images/raita.jpg");
  margin-left: 0px;
  margin-top: 0px;
  margin-right: 0px;
  margin-bottom: 10px;
}

.total_content {
  margin: 0px auto 0px auto;
  width: 628px;
}

.header {
  height: 116px;
  width: 628px;
  background: url("images/header.jpg");
}
.footer { 
  z-index: 3;
  background: #DEDEDE;
  height: 18px;
  width: 628px;
  border-style: solid;
  border-width: 1px 0px 1px 0px;
  border-color: #000;
}
.content_area { 
  position: relative;
  background: url("images/content_back.jpg");
  width: 628px;
  min-height: 400px;
}
.content {
  z-index: 4;
  position: relative;
  width: 500px;
  top: 10px;
  left: 120px;
  padding-bottom: 20px;
}

.content_top {
  z-index: 3;
  background: url("images/content_top.jpg") no-repeat ;
  height: 16px;
  width: 628px;
}

H1, H2, H3, H4, H5, H6 { 
  font-family: Verdana, Arial, Helvetica, sans-serif; 
  font-weight: bold; 
  color: #103050;
}


.mainos {
  z-index: 3;
  background: #fff;
  padding: 1px 3px 1px 3px;
  text-align: right;
}

.stamp { 	
  text-align: left;
  margin: 4px 0px 0px 14px;
  color: #404040;
  font-size: 8px;
  letter-spacing: 0.2em;
}


.spacer { 
  width: 100px;     
  height: 50px;
  font-size: 1px;
  margin-top: 0px;
  margin-bottom: 0px;
  float: left;
  display: block;
}


.item {
  width: 100px;
  position: relative;
  display: block;
  float: left;
  border-style: solid;
  border-width: 1px 0px 1px 0px;
  border-color: #464A93 #4F4C29 #222447 #8F8C69;
}

.menubar { 
  z-index: 4;
  position: absolute;
  top: 2px;
  left: 3px;
  width: 100px;
  text-align: center;
  float: left;
  letter-spacing: 0.1em;
  border-style: solid;
  border-width: 2px 3px 2px 2px;
  border-color: #222447; 
  font-size: 12px;
  font-family: Trebuchet MS, Verdana, sans-serif;
 }

.selected {
  color: #ffffff;
  background-color: #66629E;
  padding: 2px 8px 2px 8px;
}

.item a	{
  padding: 2px 8px 2px 8px;
  background-color: #bbc;
  text-decoration: none;
  color: #222344;
  display: block;
}
	
.item a:hover { 
  padding: 2px 8px 2px 8px;
  background-color: #ccd; 
  display: block;
}  

.kuvia {
 position: absolute;
 top: 174px;
 left: 0px;
 background: url("images/valokuvia.jpg");
 width: 108px;
 height: 194px;
}

.small {
  font-size: 12px;
}


.message{
  background: #FFFFAA;
  border-width: thin;
  border-style: solid;
  padding: 8pt;
  font-weight:bold;
}

.kysymys { 
  color: #000022;
  font-family: Geneva, Verdana;
  font-weight: bold;
  background-color: #e0e0e0;
  border-style: solid;
  border-width: 0px 0px 1px 0px;
  border-color: #cccc00 #eefec7 #f0f0f0 #f0f0f0;
  padding: 1px 10px 1px 10px;
  margin-bottom: 10px;
}


.vastaus { 
  size: small;
  margin-left: 40px;
  margin-right: 40px;
  margin-bottom: 30px;

}

.soittajataulukko { 
  color: #103050;
  font-size: 16px;
}