body { 

font-family: Arial;
color: #000000;
font-size: 14px;
line-height:1.5;
background-color:rgb(148,164,164);
margin:0;
padding:0;
}

#runko {
   background:url(images/tausta.jpg);
   width:1100px;
   padding-left:10px;
}

#palkki {
   background:url(images/sinmarmori.jpg);
   width:250px;
   float:left;
   border-right: 1px solid #000;
   border-left: 1px solid #000;
   border-bottom: 1px solid #000;
}

#linkit {
   width:200px;
   margin-left:25px;
font-size: 12px;
color: #ffffff;
font-family: Verdana;
font-weight: bold;
} 

#sivu {
   width:810px;
   margin-left:260px;
}

#yla {
   background:url(images/yla_5.png) no-repeat;
   width:810px;
   height:270px;
}

#menu {
   background:url(images/sinmarmori.jpg) repeat;
   width:100%;
   height:25px;
   border: 1px solid #000;
   word-spacing:20px;
}

#etu {
   width:100%;
   background-color:#fff;
   margin-top:5px;
   padding:5px;
   font-family: Arial;
   font-color: #000000;
   font-size: 12px;
   line-height:1.5;
   word-spacing:2px;
   text-align:justify;
}

.taulukko {
border:1px solid #000000;
background-color:#A7B4BE;
padding:2px;
   font-family: Verdana;
   font-color: #000000;
   font-size: 11px;
   line-height:1.5;
   word-spacing:2px;
   text-align:justify;
}

.tiedot {
background-color:#A7B4BE;
padding:2px;
   font-family: Verdana;
   font-color: #000000;
   font-size: 12px;
   line-height:1.5;
   word-spacing:2px;
   text-align:justify;
   font-weight: bold;
}

.sisalto {
background-color:#ffffff;
padding:5px;
vertical-align:top;
   font-family: Verdana;
   font-color: #000000;
   font-size: 11px;
   line-height:1.5;
   word-spacing:2px;
   text-align:justify;
}

/* Tekstien eri tyylit */

span.otsikko {
font-size: 22px;
color: #5C6E7C;
font-family: Times New Roman;
font-weight: bold;
letter-spacing:2px;
text-align:center;
}

span.valiotsikko {
font-size: 16px;
color: #5C6E7C;
font-family: Times New Roman;
font-weight: bold;
letter-spacing:2px;
text-align:center;
border-bottom:1px dotted #5C6E7C;
width:100%;
}

span.nimi {
font-size: 14px;
color: #5C6E7C;
font-family: Times New Roman;
text-transform:capitalize;
letter-spacing:2px;
font-weight: bold;
text-align:center;
}

span.vahva {
font-size: 12px;
color: #000000;
font-family: Verdana;
font-weight: bold;
}

span.esi {
font-size: 12px;
color: #000000;
font-family: Verdana;
font-variant:small-caps;
font-weight: bold;
}

span.pikku {
font-size: 12px;
color: #666666;
font-family: courier new;
font-style: italic;
}


/*Linkit*/

a.pentue:link{ color:#5C6E7C;font-family: Times New Roman;text-decoration:strike; font-size: 16px; }
a.pentue:visited{ color:#5C6E7C;font-family: Times New Roman;text-decoration:storng; font-size: 16px; }
a.pentue:hover{ color:#000000;font-family: Times New Roman;text-decoration:none; font-size: 16px; }
a.pentue:active{ color:#5C6E7C;font-family: Times New Roman;text-decoration:none; font-size: 16px; }

a:link
{
color: #39393C;
text-decoration:none
}

a:visited
{
color: #39393C;
text-decoration:none
}

a:active
{
color: #39393C;
text-decoration:none
}

a:hover
{
color: #D6D5D6;
text-decoration:none
}

/*Menun linkit*/

a.men:link{ color:#ffffff;text-decoration:none; font-size: 12px; }
a.men:visited{ color:#ffffff;text-decoration:none; font-size: 12px; }
a.men:hover{ color:#A7B4BE;text-decoration:none; font-size: 12px; }
a.men:active{ color:#ffffff;text-decoration:none; font-size: 12px; }

a:link
{
color: #ffffff;
text-decoration:none
}

a:visited
{
color: #ffffff;
text-decoration:none
}

a:active
{
color: #ffffff;
text-decoration:none
}

a:hover
{
color: #A7B4BE;
text-decoration:none
}

/*Menun linkit*/

a.linkki:link{ color:#5C6E7C;text-decoration:none; font-size: 12px; }
a.linkki:visited{ color:#5C6E7C;text-decoration:none; font-size: 12px; }
a.linkki:hover{ color:#000000;text-decoration:none; font-size: 12px; }
a.linkki:active{ color:#5C6E7C;text-decoration:none; font-size: 12px; }

a:link
{
color: #5C6E7C;
text-decoration:none
}

a:visited
{
color: #5C6E7C;
text-decoration:none
}

a:active
{
color: #5C6E7C;
text-decoration:none
}

a:hover
{
color: #000000;
text-decoration:none
}

 A.tyyli {
	font-size: 12px;
	font-family:Times New Roman;
	color: #ffffff;
	font-weight: bold;
	line-height: normal;
	display: block;
	vertical-align: top;
	height: 14px;
	padding: 4px;
	background-color: #5C6E7C; 
	border:1px solid #000;
	margin-bottom:2px;
	font-family: arial;
	text-decoration: none;
	text-align:center;
	}

	A:link.tyyli {
	font-size: 12px;
	color: #ffffff;
	font-weight: bold;
	line-height: normal;
	display: block;
	vertical-align: top;
	height: 14px;
	padding: 4px;
	background-color: #5C6E7C; 
	border:1px solid #000;
	margin-bottom:2px;
	font-family: arial;
	text-decoration: none;
	text-align:center;
	}
	
	A:visited.tyyli {
	font-size: 12px;
	color: #ffffff;
	font-weight: bold;
	line-height: normal;
	display: block;
	vertical-align: top;
	height: 14px;
	padding: 4px;
	background-color: #5C6E7C; 	
	border:1px solid #000;
	margin-bottom:2px;
	font-family: arial;
	text-decoration: none;
	text-align:center;
	}

	A:active.tyyli {
	font-size: 12px;
	color: #ffffff;
	font-weight: bold;
	line-height: normal;
	display: block;
	vertical-align: top;
	height: 14px;
	padding: 4px;
	background-color: #5C6E7C;
	border:1px solid #000;
	margin-bottom:2px;
	font-family: arial;
	text-decoration: none;
	text-align:center;
	}

	A:hover.tyyli {
	font-size: 12px;
	font-family:Times New Roman;
	color: #000000;
	font-weight: bold;
	line-height: normal;
	display: block;
	vertical-align: top;
	height: 14px;
	padding: 4px;
	background-color:#A7B4BE;
	border:1px solid #000;
	margin-bottom:2px;
	font-family: arial;
	text-decoration: none;
	text-align:center;
	}