body {background-color: #ffffff;
      padding-top: 0}

h1 		{background-color: #c0c0c0;
    		font-family: Arial,Verdana,sans-serif;
		font-size: 1.3em;
		color: #02558d;
    		font-weight: normal;
		font-style: normal}
    
h2		{background-color: #ff0066;
   		font-family: Arial,Verdana,sans-serif;
		font-size: 1.2em;
		color: #02558d;
		font-weight: normal;
		font-style: normal}

h3		{background-color: #E8E8E8;
    		font-family: Arial,Verdana,sans-serif;
		font-size: 1.0em;
		color: #02558d;
		font-weight: normal;
		font-style: normal}

h4		{background-color: #E8E8E8;
    		font-family: Arial,Verdana,sans-serif;
		font-size: 0.875em;
		color: #02558d;
 		font-weight: normal;
		font-style: normal}

font 		{font-family: Arial,Verdana,sans-serif;
		font-size: 0.875em;
		color: #000000;
 		font-weight: normal;
		font-style: normal;
		margin-top: 0.5in}

font.linkki 	{background-color: transparent;
		font-family: Arial,Verdana,sans-serif;
		font-weight: bold;
		color: #02558d}

font.alleviivaus {font-family: Arial,Verdana,sans-serif;
		 color: #000000;
 		 font-weight: normal;
            	 text-decoration: underline;
		 margin-top: 0.5in}
 
a 		{font-family: Arial,Verdana,sans-serif;
		font-weight: bold;
		font-style: normal;
		text-decoration: none;
		letter-spacing: 1px}


a:link {color:#02558d}     /* unvisited link */
a:visited {color:#000099}  /* visited link */
a:hover {color:#000000}    /* mouse over link */
a:active {color:#0061a2}

a.teksti	{font-family: Arial,Verdana,sans-serif;
		font-weight: normal;
		font-style: normal;
		text-decoration: underline;
		letter-spacing: 0px}
		
		
ul {list-style-type: none;
    margin: 0;
    padding: 0;
    width: 140px;
    background-color: #f07b50;
}

ul.list {list-style-type:circle;
    margin: 15px;
    padding: 0;
    width: 400px;
    background-color: #ffffff;
}

li a {display: block;
    color: #000;
    padding: 8px 0 8px 10px;
    text-decoration: none;
}

/* Change the link color on hover */
li a:hover {background-color: #aaa9a9;
    color: white;
}

li a.active	{background-color: #e1e1e1;
		font-family: Arial,Verdana,sans-serif;
		font-weight: bold;
		color: #02558d}

p		{margin-left: 0.08in}

table {background-color: #ffffff;
       border-style: none;
        margin-top: 0}

table.vasen {background-color: #f07b50;
      		 border-style: none;
	   	margin-top: 0}

table.keski {background-color: #ffffff;
             border-style: none;
			  margin-top: 0}

table.oikea {background-color: #f68a59;
			  margin-top: 0}

td      {vertical-align: top}

td.linkki {background-color: #f07b50;
           text-align: left}

td.linkki2 {background-color: #ffffff;
           text-align: center}

tr.keski {background-color: #9bd7fd}


td.vasen {background-color: #f07b50;
		margin-top: 0;
		vertical-align: top}

td.keski {background-color: #ffffff;
		margin-top: 0;
		vertical-align: top}

td.oikea {background-color: #f3bea6;
		margin-top: 0;
		vertical-align:top}

div.img {
    margin: 5px;
    border: 1px solid #ccc;
    float: left;
    width: 180px;
}

div.img:hover {
    border: 1px solid #777;
}

div.img img {
    width: 100%;
    height: auto;
}

div.desc {
    padding: 15px;
    text-align: center;
}