body{
background:#1c426c repeat;
text-align:center;
font:normal 12px arial, tahoma, sans-serif;
color:#000000;
margin:0px auto;
width:780px;
height:60%;
}

#alusta{
background:#ffffff;
color: #003366;
border:none;
margin:0px auto;
width:780px;
height:60%;
}

#header {
margin:0px 0px 0px 0px;
background:#FFFFFF;
float:left;
}

#topmenu{
float:left;
width:100%;
background:#1c2d57;
}

#topmenu ul{
padding:0px;
margin:0;
list-style-type:none;
}

#topmenu li{
float:left;
display:inline;
list-style-type:none;
font:100% verdana, arial, tahoma, sans-serif;
}

#topmenu a,#topmenu a:visited  {
display:block;
vertical-align:text-bottom;
text-decoration:none;
padding: 5px 3px 2px 5px;
width:100px;/*linkkien leveys*/
color:#ffffff;
background:#003366 url("painike_off.gif");
font: 0.8em verdana, arial, tahoma, sans-serif;
text-align:center;
}

/*kertoo väreillä millä sivulle olet*/
#topmenu li a#current {
background:#cccccc url("painike_on.gif");
color:#225588;
}

#topmenu li ul {
	position: absolute;
}

#topmenu li:hover ul {
	left: auto;
}
/*ylämenu loppuu tähän*/

#menu{
float:left;
width:100%;
background:#1c426c;
}

#menu ul{
margin-top:10px;
}

#menu li{
float:right;
display:inline;
list-style-type:none;
border-left: 1px solid #ff9900;
}

#menu a,#menu a:visited  {
display:block;
vertical-align:text-bottom;
padding: 0px 3px 2px 5px;
width:100px;/*linkkien leveys*/
color:#ff9900;
background:#1c426c;
font:10px verdana, arial, tahoma, sans-serif;
text-align:left;
}

#menu li a:hover {
background:#1c426c;
}/*liput loppuu tähän*/

#content {
float:left;
border: 0.2em; 
padding: 35px 0px 0px 30px;
line-height: 1.2em;/*tekstin rivin väli*/
text-align: left;
width:90%;
height:350px;
}

#content i{
 text-align:left; 
 font:normal 75% arial, tahoma, sans-serif;
}

#vpalsta {
  background: #FFFFFF;
  border: 0.2em ; 
  padding: 0px 0px 0px 30px;
  width:65%;
  height:350px;
  text-align:left;
  float:left;
 }
 
#vhistoria {
  background: #FFFFFF;
  border: 0.2em ; 
  padding: 0px 0px 0px 30px;
  width:60%;
  text-align:left;
  float:left;
 }
 
#opalsta{
  background:#dec5ad repeat;
  float: right;
  width: 22%;
  height:320px;
  padding: 40px 20px 4px 20px;
   border-left: 1px solid #003366;
   }

#opalsta2{
  background: #fff;
  float: right;
  width: 20%;
  height:200px;
  padding: 40px 20px 4px 20px;
}


#opalsta p{
text-align: left;
font-size: 11px;
margin: 0px 10px 20px 0px;
border-bottom: 10px solid #dec5ad;
}

#opalsta h2{
text-align: left;
font-size: 12px;
margin: 0px 10px 20px 0px;
border-bottom: 1px groove #000;
}

#opalsta a{
font:bold 1em arial, tahoma, sans-serif;
}

#opalsta i{
font:normal 10px arial, tahoma, sans-serif;
float:right;
}


#opalsta img{
text-align: left;
font-size: 8px;
margin: 0px 0px 10px 0px ;
padding: 5px 5px 5px 5px;
}
 
 
#kuvat{
  background: #FFFFFF;
  padding: 50px 0px 0px 160px;
  width:60%;
  height:350px;
  text-align:left;
  float:left;
 }

#ohistoria{
  float: right;
  width: 15%;
  height:400px;
  padding: 50px 40px 4px 40px;
}

#ohistoria p{
text-align: left;
font-size: 12px;
margin: 0px 10px 5px 0px;

}

 #ohistoria i{
 text-align:left; 
 font:normal 11px arial, tahoma, sans-serif;
 }



a {
text-decoration: none;
color:#1c426c;
font:bold 12px arial, tahoma, sans-serif;
}

a:hover {
text-decoration: underline;
color:#ff9900;
}

#kuvat img{
text-align: left;
font-size: 0.9em;
margin: 0px 0px 10px 0px ;
border: 2px solid #fff;
}

a.kuvat{
text-decoration: none;
color:#FFFFFF;
}


#footer {
clear: both;
margin: 0 auto;
padding: 0px 0em 0px 0em;
width: 780px;
text-align:center;
color: #ff9900;
font-size: 0.9em;
height: 24px;
background: #1f426c;
border: none;}

#footer a {
color: #808080;
text-decoration: none;
}

#palsta_eng {
  background: #FFFFFF;
  border: 0.2em ; 
  padding: 0px 0px 0px 30px;
  width:65%;
  height:400px;
  text-align:left;
  float:left;
 }

 #opalsta_eng{
  background:#dec5ad repeat;
  float: right;
  width: 22%;
  height:420px;
  padding: 40px 20px 4px 20px;
   border-left: 1px solid #003366;
}

#opalsta_eng p{
text-align: left;
font-size: 11px;
margin: 0px 10px 20px 0px;
border-bottom: 10px solid #dec5ad;
}

#opalsta_eng i{
font:normal 10px arial, tahoma, sans-serif;
float:right;
}