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: 16; top: 21; width: 100; background-color: #FFFFFF; visibility: hidden; z-index: 10; border: 1px solid #006600; padding-left: 3px}
#MaaM 		{position: absolute; left: 98; top: 21; width: 118; background-color: #FFFFFF; visibility: hidden; z-index: 10; border: 1px solid #006600; padding-left: 3px}
#HistM 		{position: absolute; left: 215; top: 34; width: 150; background-color: #FFFFFF; visibility: hidden; z-index: 10; border: 1px solid #006600; padding-left: 3px}
#TietoaM 	{position: absolute; left: 215; top: 63; width: 152; background-color: #FFFFFF; visibility: hidden; z-index: 10; border: 1px solid #006600; padding-left: 3px}
#ValtaM 	{position: absolute; left: 215; top: 79; width: 124; background-color: #FFFFFF; visibility: hidden; z-index: 10; border: 1px solid #006600; padding-left: 3px}
#StoelM 	{position: absolute; left: 151; top: 21; width: 139; background-color: #FFFFFF; visibility: hidden; z-index: 10; border: 1px solid #006600; padding-left: 3px}
#KarttaM 	{position: absolute; left: 289; top: 63; width: 236; background-color: #FFFFFF; visibility: hidden; z-index: 10; border: 1px solid #006600; padding-left: 3px}
#TarinaM 	{position: absolute; left: 200; top: 21; width: 134; background-color: #FFFFFF; visibility: hidden; z-index: 10; border: 1px solid #006600; padding-left: 3px}
#ElaineM 	{position: absolute; left: 333; top: 21; width: 197; background-color: #FFFFFF; visibility: hidden; z-index: 10; border: 1px solid #006600; padding-left: 3px}
#HeroesM 	{position: absolute; left: 333; top: 35; width: 204; background-color: #FFFFFF; visibility: hidden; z-index: 10; border: 1px solid #006600; padding-left: 3px}
#LaulujaM 	{position: absolute; left: 333; top: 48; width: 222; background-color: #FFFFFF; visibility: hidden; z-index: 10; border: 1px solid #006600; padding-left: 3px}
#LegendojaM 	{position: absolute; left: 333; top: 62; width: 219; background-color: #FFFFFF; visibility: hidden; z-index: 10; border: 1px solid #006600; padding-left: 3px}
#HeroM 		{position: absolute; left: 351; top: 21; width: 104; background-color: #FFFFFF; visibility: hidden; z-index: 10; border: 1px solid #006600; padding-left: 3px}
#HeroMM 	{position: absolute; left: 454; top: 21; width: 124; background-color: #FFFFFF; visibility: hidden; z-index: 10; border: 1px solid #006600; padding-left: 3px}
#HeroSM 	{position: absolute; left: 454; top: 36; width: 124; background-color: #FFFFFF; visibility: hidden; z-index: 10; border: 1px solid #006600; padding-left: 3px}
#SeikM 		{position: absolute; left: 265; top: 21; width: 158; background-color: #FFFFFF; visibility: hidden; z-index: 10; border: 1px solid #006600; padding-left: 3px}
#Seik12M 	{position: absolute; left: 422; top: 175; width: 160; background-color: #FFFFFF; visibility: hidden; z-index: 10; border: 1px solid #006600; padding-left: 3px}
#Seik13M 	{position: absolute; left: 422; top: 188; width: 137; background-color: #FFFFFF; visibility: hidden; z-index: 10; border: 1px solid #006600; padding-left: 3px}
#Seik15M 	{position: absolute; left: 422; top: 218; width: 117; background-color: #FFFFFF; visibility: hidden; z-index: 10; border: 1px solid #006600; padding-left: 3px}
#Seik17M 	{position: absolute; left: 422; top: 246; width: 172; background-color: #FFFFFF; visibility: hidden; z-index: 10; border: 1px solid #006600; padding-left: 3px}
#Seik18M 	{position: absolute; left: 422; top: 259; width: 184; background-color: #FFFFFF; visibility: hidden; z-index: 10; border: 1px solid #006600; padding-left: 3px}
#Seik19M 	{position: absolute; left: 422; top: 273; width: 184; background-color: #FFFFFF; visibility: hidden; z-index: 10; border: 1px solid #006600; padding-left: 3px}
#VierasM 	{position: absolute; left: 419; top: 21; width: 89; background-color: #FFFFFF; visibility: hidden; z-index: 10; border: 1px solid #006600; padding-left: 3px}
#OikoM 		{position: absolute; left: 498; top: 21; 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 }