a               { color: #006600; font-weight: bold; text-decoration:none }
a:link          { color: #006600; font-weight: bold; text-decoration:none }
a:visited       { color: #006600; font-weight: normal; text-decoration:none }
a:hover         { color: #996600; text-decoration:underline }
a:active        { color: #996600; text-decoration:underline }
p		{ font-family: Arial, Helvetica, sans-serif; font-size: 13px; font-style: normal; font-weight: normal }
td		{ font-family: Arial, Helvetica, sans-serif; font-size: 13px; font-style: normal; font-weight: normal }
li		{ font-family: Arial, Helvetica, sans-serif; font-size: 13px; font-style: normal; font-weight: normal }
select		{ font-family: Arial, Helvetica, sans-serif; font-size: 13px; font-style: normal; font-weight: normal }
input		{ font-family: Arial, Helvetica, sans-serif; font-size: 13px; font-style: normal; font-weight: normal }
textarea	{ font-family: Arial, Helvetica, sans-serif; font-size: 13px; font-style: normal; font-weight: normal }
h1		{ color: #000066; font-family: Arial, Helvetica, sans-serif; font-size: 18px; font-weight: bold}
b		{ color: #00002D; font-weight: bold; text-decoration:none; font-style: normal }
a:link.h1       { color: #000066; font-weight: bold; text-decoration: none }
a:visited.h1    { color: #000066; font-weight: bold; text-decoration: none }
a:hover.h1      { color: #996600; font-weight: bold; text-decoration: underline }
a:active.h1    	{ color: #996600; font-weight: bold; text-decoration: underline }
h2		{ color: #800000; font-weight: bold; font-family: Arial, Helvetica, sans-serif; font-size: 15px }
a.h2       	{ color: #800000; font-weight: bold; text-decoration: none }
a:link.h2       { color: #800000; font-weight: bold; text-decoration: none }
a:visited.h2    { color: #800000; font-weight: bold; text-decoration: none }
a:hover.h2      { color: #996600; font-weight: bold; text-decoration: underline }
a:active.h2     { color: #800000; font-weight: bold; text-decoration: underline }
h3		{ color: #006161; font-weight: bold; font-family: Arial, Helvetica, sans-serif; font-size: 14px }
a.h3       	{ color: #006161; font-weight: bold; text-decoration: none }
a:link.h3       { color: #006161; font-weight: bold; text-decoration: none }
a:visited.h3    { color: #006161; font-weight: bold; text-decoration: none }
a:hover.h3      { color: #996600; font-weight: bold; text-decoration: underline}
a:active.h3     { color: #996600; font-weight: bold; text-decoration: underline }
h4		{ color: #000066; font-weight: bold; font-family: Arial, Helvetica, sans-serif; font-size: 13px }
a.h4       	{ color: #000066; font-weight: bold; text-decoration: none }
a:link.h4       { color: #000066; font-weight: bold; text-decoration: none }
a:visited.h4    { color: #000066; font-weight: bold; text-decoration: none }
a:hover.h4      { color: #996600; font-weight: bold; text-decoration: underline }
a:active.h4     { color: #996600; font-weight: bold; text-decoration: underline }
a.sis1		{ color: #800000; font-weight: bold; font-size: 14px; text-decoration: none }
a:link.sis1	{ color: #800000; font-weight: bold; text-decoration: none }
a:visited.sis1	{ color: #800000; font-weight: normal; text-decoration: none }
a:hover.sis1	{ color: #996600; text-decoration: underline }
a:active.sis1	{ color: #996600; text-decoration: underline }
a.sis2		{ color: #000066; font-size: 13px; font-weight: bold; text-decoration: none }
a:link.sis2	{ color: #000066; font-weight: bold; text-decoration: none }
a:visited.sis2	{ color: #000066; font-weight: normal; text-decoration: none }
a:hover.sis2	{ color: #996600; text-decoration: underline }
a:active.sis2	{ color: #996600; text-decoration: underline }
a.sis3		{ color: #006600; font-size: 13px; font-weight: bold; text-decoration: none }
a:link.sis3	{ color: #006600; font-weight: bold; text-decoration: none }
a:visited.sis3	{ color: #006600; font-weight: normal; text-decoration: none }
a:hover.sis3	{ color: #996600; text-decoration: underline }
a:active.sis3	{ color: #996600; text-decoration: underline }
a.sis4		{ color: #006161; font-size: 13px; font-weight: bold; text-decoration: none }
a:link.sis4	{ color: #006161; font-weight: bold; text-decoration: none }
a:visited.sis4	{ color: #006161; font-weight: normal; text-decoration: none }
a:hover.sis4	{ color: #996600; text-decoration: underline }
a:active.sis4	{ color: #996600; text-decoration: underline }
table.perustaulu 	{ background-color: #DFDFDF; border-width: 1px; border-style: solid; border-color: #000000 }
table.navtaulu 		{ background-color: transparent; border-width: 2px; border-style: solid; border-color: #384761 }
a:link.navteksti	{ color: #384761; font-weight: bold; text-decoration:none }
a:visited.navteksti	{ color: #384761; font-weight: bold; text-decoration:none }
a:hover.navteksti	{ color: #384761; font-weight: bold; text-decoration:none }
a:active.navteksti	{ color: #384761; font-weight: bold; text-decoration:none }
.PikkuTeksti	{font-size: 10px }
.perusteksti	{position: absolute; left: 10;  top: 25; width: 560; background-color: transparent}
#BaseM 		{position: absolute; left: 5;  top: 2;  width: 565; background-color: #029800; z-index: 1}
#KuusiM 	{position: absolute; left: 15;  top: 20; width: 95;  background-color: #FFFFFF; visibility: hidden; z-index: 10; border: 1px solid #006600; padding-left: 3px}
#MaaM 		{position: absolute; left: 106; top: 20; width: 112; background-color: #FFFFFF; visibility: hidden; z-index: 10; border: 1px solid #006600; padding-left: 3px}
#HistM 		{position: absolute; left: 217; top: 35; width: 182; background-color: #FFFFFF; visibility: hidden; z-index: 10; border: 1px solid #006600; padding-left: 3px}
#TietoaM 	{position: absolute; left: 217; top: 65; width: 150; background-color: #FFFFFF; visibility: hidden; z-index: 10; border: 1px solid #006600; padding-left: 3px}
#ValtaM 	{position: absolute; left: 217; top: 78; width: 131; background-color: #FFFFFF; visibility: hidden; z-index: 10; border: 1px solid #006600; padding-left: 3px}
#StoelM 	{position: absolute; left: 169; top: 20; width: 124; background-color: #FFFFFF; visibility: hidden; z-index: 10; border: 1px solid #006600; padding-left: 3px}
#KarttaM 	{position: absolute; left: 292; top: 64; width: 218; background-color: #FFFFFF; visibility: hidden; z-index: 10; border: 1px solid #006600; padding-left: 3px}
#TarinaM 	{position: absolute; left: 214; top: 20; width: 134; background-color: #FFFFFF; visibility: hidden; z-index: 10; border: 1px solid #006600; padding-left: 3px}
#ElaineM 	{position: absolute; left: 347; top: 20; width: 213; background-color: #FFFFFF; visibility: hidden; z-index: 10; border: 1px solid #006600; padding-left: 3px}
#LaulujaM 	{position: absolute; left: 347; top: 36; width: 207; background-color: #FFFFFF; visibility: hidden; z-index: 10; border: 1px solid #006600; padding-left: 3px}
#HeroesM 	{position: absolute; left: 347; top: 49; width: 221; background-color: #FFFFFF; visibility: hidden; z-index: 10; border: 1px solid #006600; padding-left: 3px}
#HeroM 		{position: absolute; left: 343; top: 20; width: 104; background-color: #FFFFFF; visibility: hidden; z-index: 10; border: 1px solid #006600; padding-left: 3px}
#HeroMM 	{position: absolute; left: 446; top: 20; width: 120; background-color: #FFFFFF; visibility: hidden; z-index: 10; border: 1px solid #006600; padding-left: 3px}
#HeroSM 	{position: absolute; left: 446; top: 36; width: 112; background-color: #FFFFFF; visibility: hidden; z-index: 10; border: 1px solid #006600; padding-left: 3px}
#SeikM 		{position: absolute; left: 273; top: 20; width: 141; background-color: #FFFFFF; visibility: hidden; z-index: 10; border: 1px solid #006600; padding-left: 3px}
#Seik12M 	{position: absolute; left: 413; top: 175; width: 158; background-color: #FFFFFF; visibility: hidden; z-index: 10; border: 1px solid #006600; padding-left: 3px}
#Seik13M 	{position: absolute; left: 413; top: 192; width: 137; background-color: #FFFFFF; visibility: hidden; z-index: 10; border: 1px solid #006600; padding-left: 3px}
#Seik15M 	{position: absolute; left: 413; top: 220; width: 121; background-color: #FFFFFF; visibility: hidden; z-index: 10; border: 1px solid #006600; padding-left: 3px}
#Seik17M 	{position: absolute; left: 413; top: 249; width: 193; background-color: #FFFFFF; visibility: hidden; z-index: 10; border: 1px solid #006600; padding-left: 3px}
#Seik18M 	{position: absolute; left: 413; top: 264; width: 184; background-color: #FFFFFF; visibility: hidden; z-index: 10; border: 1px solid #006600; padding-left: 3px}
#Seik19M 	{position: absolute; left: 413; top: 278; width: 184; background-color: #FFFFFF; visibility: hidden; z-index: 10; border: 1px solid #006600; padding-left: 3px}
#VierasM 	{position: absolute; left: 407; top: 20; width: 89; background-color: #FFFFFF; visibility: hidden; z-index: 10; border: 1px solid #006600; padding-left: 3px}
#OikoM 		{position: absolute; left: 485; top: 20; width: 82; background-color: #FFFFFF; visibility: hidden; z-index: 10; border: 1px solid #006600; padding-left: 3px}
a.MIt      	{ color: #006600; font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-weight: normal; text-decoration:none }
a:link.MIt      { color: #006600; font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-weight: normal; text-decoration:none }
a:visited.MIt   { color: #006600; font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-weight: normal; text-decoration:none }
a:active.MIt    { color: #006600; font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-weight: normal; text-decoration:none }
a:hover.MIt     { color: #000066; font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-weight: normal; text-decoration:none }
a.MHd      	{ color: #FFFFFF; font-family: Arial, Helvetica, sans-serif; font-size: 13px; font-weight: bold; text-decoration:none }
a:link.MHd      { color: #FFFFFF; font-family: Arial, Helvetica, sans-serif; font-size: 13px; font-weight: bold; text-decoration:none }
a:visited.MHd	{ color: #FFFFFF; font-family: Arial, Helvetica, sans-serif; font-size: 13px; font-weight: bold; text-decoration:none }
a:hover.MHd	{ color: #DFDFDF; font-family: Arial, Helvetica, sans-serif; font-size: 13px; font-weight: bold; text-decoration:none }
a:active.MHd	{ color: #FFFFFF; font-family: Arial, Helvetica, sans-serif; font-size: 13px; font-weight: bold; text-decoration:none }