body { 

font-family: Arial;
color: #000000;
font-size: 12px;
line-height:1.5;
background:#ccc;
margin:0;
padding:0;
}

#sivu {
   position:absolute;
   width:1040px;
   background:url(img/tausta.png) repeat #ffffff;
   margin-bottom:10px;
   margin-top:10px;
   margin-left:50px;
}

#yla {
   width:1040px;
   height:416px;
   background:url(img/kesayla.png) no-repeat;
}

#menu {
   width:100%;
   height:35px;
   font-family: verdana;
   color: #000;
   margin-top:-100px;
}

#etu {
   background-color:#ffffff;
   width:950px;
   padding:10px;
   margin-left:30px;
   margin-top:10px;
   border-left:2px solid #fff;
   border-right:2px solid #fff;
   font-family: Verdana;
   font-color: #000000;
   font-size: 11px;
   line-height:1.5;
   word-spacing:2px;
   text-align:justify;
}

#loota {
   background-color:#ffffff;
   width:250px;
   padding:10px;
   min-height:450px;
   float:right;
   border-left:1px dotted #7B8E99;
   font-family: Verdana;
   font-color: #000000;
   font-size: 11px;
   line-height:1.5;
   word-spacing:2px;
   text-align:justify;
}

#ala {
   width:1040px;
   height:25px;
   background:url(img/ala.png) no-repeat;
}

.tiedot {
   background:#fff;
   width: 300px;
   float:right;
   padding-top:1px;
   padding-bottom:20px;
}

.ntiedot {
   width: 300px;
   float:left;
   padding-top:1px;
   padding-bottom:20px;
}

.taulukko {
border:1px dotted #7B8E99;
background-color:#ffffff;
width:700px;
padding:2px;
}

.tulos {
background-color:#CBD8E0;
padding:2px;
   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: 20px;
color: #7B8E99;
font-family: Times New Roman;
font-weight: bold;
text-transform:capitalize;
letter-spacing:2px;
text-decoration:underline;
}

span.valiotsikko {
font-size: 16px;
color: #7B8E99;
font-family: Times New Roman;
font-weight: bold;
letter-spacing:2px;
text-decoration:underline;
}

span.pienio {
font-size: 12px;
color: #7B8E99;
font-family: Times New Roman;
font-weight: bold;
text-transform:capitalize;
letter-spacing:2px;
text-decoration:underline;
}

span.tittelit {
font-size: 10px;
color: #666666;
font-family: Verdana;
letter-spacing:1,5px;
}

span.copy {
font-size: 10px;
color: #666666;
font-family: Verdana;
}

span.pikku {
font-size: 11px;
color: #000000;
font-family:verdana;
letter-spacing:2px;
word-spacing:2px;
}

span.paivam {
font-size: 11px;
color:#92999F;
font-family:verdana;
letter-spacing:2px;
word-spacing:2px;
}

span.vahva {
font-size: 11px;
color: #87AF11;
font-family: Verdana;
font-weight: bold;
}

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

span.tulo {
font-size: 11px;
color:#000000;
font-family:verdana;
}

span.seli {
font-size: 10px;
color:#949494;
font-family:arial;
}

span.kursi {
font-size: 11px;
color: #000000;
font-family: verdana;
font-style: italic;
}


/*Linkit*/

a.linkki:link{ color:#7B8E99;text-decoration:strike; font-size: 11px; }
a.linkki:visited{ color:#7B8E99;text-decoration:storng; font-size: 11px; }
a.linkki:hover{ color:#cccccc;text-decoration:none; font-size: 11px; }
a.linkki:active{ color:#7B8E99;text-decoration:none; font-size: 11px; }

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

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

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

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

 A.tyyli {
	font-size: 12px;
	color: #ffffff;
	font-weight: bold;
	line-height: normal;
	height:15px;
	width:100px;
	margin-left:30px;
	padding: 4px;
	background-color: #7B8E99; 
	border: 1px solid #fff;
	font-family: arial;
	text-decoration: none;
	}

	A:link.tyyli {
	font-size: 12px;
	color: #ffffff;
	font-weight: bold;
	line-height: normal;
	height:15px;
	width:100px;
	margin-left:30px;
	padding: 4px;
	background-color: #7B8E99; 
	border: 1px solid #fff;
	font-family: arial;
	text-decoration: none;
	}

	A:visited.tyyli {
	font-size: 12px;
	color: #ffffff;
	font-weight: bold;
	line-height: normal;
	height:15px;
	width:100px;
	margin-left:30px;
	padding: 4px;
	background-color: #7B8E99; 
	border: 1px solid #fff;
	font-family: arial;
	text-decoration: none;
	}

	A:active.tyyli {
	font-size: 12px;
	color: #ffffff;
	font-weight: bold;
	line-height: normal;
	height:15px;
	width:100px;
	margin-left:30px;
	padding: 4px;
	background-color: #7B8E99; 
	border: 1px solid #fff;
	font-family: arial;
	text-decoration: none;
	}

	A:hover.tyyli {
	font-size: 12px;
	color: #ffffff;
	font-weight: bold;
	line-height: normal;
	height:15px;
	width:100px;
	margin-left:30px;
	padding: 4px;
	background-color: #CBD8E0; 
	border: 1px solid #fff;
	font-family: arial;
	text-decoration: none;
	}