a            { color: #000080; text-decoration: none; font-family: Verdana, Arial, helvetica; 
                }
a:link       { color: #000080; text-decoration: none; font-family: Verdana, Arial, helvetica; 
                }                
a:visited    { color: #000080; text-decoration: none; font-family: Verdana, Arial, helvetica; 
                }
a:hover      { background-color: #F9EC24; display: inline; color: #0099CC; text-decoration: underline; font-family: 
               Verdana, Arial, helvetica;  }
a:hover, visited      { color: #F9EC24; color: #0099CC; text-decoration: none; font-family: 
               Verdana, Arial, helvetica;  }               
a:active     { color: #000080; background-color: #FFFFFF; text-decoration: none; font-family: 
               Verdana, Arial, helvetica  }

body
{
	color : #333333;
	font-size : 80%;
	font-family : Verdana, Arial, helvetica;
	font-weight : normal;
	overflow-y: scroll;
}

h2
{
	font-size : 18pt;
	color : #000000;
	font-family : Verdana, Arial, helvetica;
	font-weight : normal;
}

h3
{
	font-size : 14pt;
	color : #000000;
	font-family : Verdana, Arial, helvetica;
	font-weight : normal;	
}

td
{
	font-family : Verdana, Arial, helvetica;
	font-size : 12;
	font-weight : normal;
}

td.pieni td:hover.a      { color: #000099; text-decoration: underline; font-family: 
               Verdana, Arial, helvetica; font-weight: bold; }
td:visited.a    { color: #000080; text-decoration: none; font-family: Verdana, Arial, helvetica; 
               font-weight: bold }
td:active.a     { color: #FF0000; text-decoration: underline; font-family: 
               Verdana, Arial, helvetica; font-weight: bold; }
               
/* vihrea */
a.vihrea         { color: #008000; font-weight: normal; text-decoration: none }
a:link.vihrea    { color: #008000; font-weight: normal; }
a:active.vihrea  { color: #008000; font-weight: normal; }
a:visited.vihrea { color: #008000; font-weight: normal;   }
a:hover.vihrea  { background-color: #F9EC24; color: #008000;
                  display: inline; display: inline; font-weight: normal; }

/* oranssi */
a.oranssi         { color: #CC6600; font-weight: normal; text-decoration: none }
a:link.oranssi    { color: #CC6600; font-weight: normal; }
a:active.oranssi  { color: #CC6600; font-weight: normal; }
a:visited.oranssi { color: #CC6600; font-weight: normal;   }
a:hover.oranssi  { background-color: #F9EC24; color: #CC6600;
                  display: inline; display: inline; font-weight: normal; }

/* punainen */
a.punainen         { color: #FF0000; font-weight: normal; text-decoration: none }
a:link.punainen    { color: #FF0000; font-weight: normal; }
a:active.punainen  { color: #FF0000; font-weight: normal; }
a:visited.punainen { color: #FF0000; font-weight: normal;   }
a:hover.punainen  { background-color: #F9EC24; color: #FF0000;
                  display: inline; display: inline; font-weight: normal; }
                  
/* Sivukartan värit: punainen */
a.pun, a:link.pun, a:active.pun, a:visited.pun, a:hover.pun
			   { font-weight: none; font-size: 8.0pt}
a.pun          { text-decoration: none; color: #ED1C24}
a:link.pun     { text-decoration: none; color: #ED1C24}
a:active.pun   { text-decoration: none; color: #ED1C24}
a:visited.pun  { text-decoration: none; color: #ED1C24}
a:hover.pun    { text-decoration: normal; color: #FF6666 }

/* Sivukartan värit: vihreä */
a.vih, a:link.vih, a:active.vih, a:visited.vih, a:hover.vih
			   { font-size: 8.0pt}
a.vih          { text-decoration: none; color: #009933}
a:link.vih     { text-decoration: none; color: #009933}
a:active.vih   { text-decoration: none; color: #009933}
a:visited.vih  { text-decoration: none; color: #009933}
a:hover.vih    { text-decoration: normal; color: #006600}

/* Sivukartan värit: sininen */
a.sin, a:link.sin, a:active.sin, a:visited.sin, a:hover.sin
			   { font-size: 8.0pt}
a.sin          { text-decoration: none; color: #000099}
a:link.sin     { text-decoration: none; color: #000099}
a:active.sin   { text-decoration: none; color: #000099}
a:visited.sin  { text-decoration: none; color: #000099}
a:hover.sin    { text-decoration: normal; color: #0000CC}

/* Sivukartan värit: violetti */
a.vio, a:link.vio, a:active.vio, a:visited.vio, a:hover.vio
			   { font-size: 8.0pt}
a.vio          { text-decoration: none; color: #660033}
a:link.vio     { text-decoration: none; color: #660033}
a:active.vio   { text-decoration: none; color: #660033}
a:visited.vio  { text-decoration: none; color: #660033}
a:hover.vio    { text-decoration: normal; color: #CC99FF}

/* Sivukartan värit: oranssi */
a.ora, a:link.ora, a:active.ora, a:visited.ora, a:hover.ora
			   { font-size: 8.0pt}
a.ora          { text-decoration: none; color: #FF6600}
a:link.ora     { text-decoration: none; color: #FF6600}
a:active.ora   { text-decoration: none; color: #FF6600}
a:visited.ora  { text-decoration: none; color: #FF6600}
a:hover.ora    { text-decoration: normal; color: #FF9933}

/* Sivukartan värit: musta */
a.musta, a:link.musta, a:active.musta, a:visited.musta, a:hover.musta
			   { font-size: 8.0pt}
a.musta          { text-decoration: none; background-color: #FFFFFF; color: #000000}
a:link.musta     { text-decoration: none; background-color: #FFFFFF; color: #000000}
a:active.musta   { text-decoration: none; background-color: #FFFFFF; color: #000000}
a:visited.musta  { text-decoration: none; background-color: #FFFFFF; color: #000000}
a:hover.musta    { text-decoration: normal; background-color: #FFFFFF; color: #000000}

/* Sivukartan värit: kirja violetti */
a.kvio, a:link.kvio, a:active.kvio, a:visited.kvio, a:hover.kvio
			   { font-size: 8.0pt}
a.kvio          { text-decoration: none; color: #990099}
a:link.kvio     { text-decoration: none; color: #990099}
a:active.kvio   { text-decoration: none; color: #990099}
a:visited.kvio  { text-decoration: none; color: #990099}
a:hover.kvio    { text-decoration: normal; color: #FF00FF}