<!--
a:link       { text-decoration: none; color: #FFFFFF; font-weight: bold}
a:visited    { text-decoration: none; color: #FFFFFF; font-weight: bold }
a:hover      { text-decoration: underline; color: #0099CC; font-weight: bold }
a:active     { text-decoration: underline; color: #0099CC; font-weight: bold }

body         { margin: 0px; background-color: #000066; color: #CCCCCC; font-family: verdana, tahoma, arial, 'sans serif'; font-size: x-small }
p, td, font, li, code  { color: #CCCCCC; font-family: verdana, tahoma, arial, 'sans serif'; font-size: x-small }
p			{ margin-left: 8px }

/*li           { list-style-image: url('images/bullet.gif') }*/

table		{ padding: 4px; margin: 0px; width: 100% }

table.main	{ width: 750px; padding: 0px; margin: 0px }

td.left		{ background-image:url('images/kaarileft.gif'); background-repeat:repeat-y; width: 150px; /*border-right-style: dotted; border-right-width: 1px*/ }
td.upleft	{ background-image:url('images/kaariupleft.gif'); background-repeat:no-repeat; width: 150px; height: 100px }
td.up		{ background-image:url('images/kaariup.gif'); background-repeat:no-repeat; height: 100px }
td.down		{ background-image:url('images/kaaridown.gif'); background-repeat:no-repeat }
td.slogan	{ width: 75px }
td.main		{ padding: 5px }

h1           { color: #0099CC; font-size: 24pt; font-weight: bold }
h1.varjo       { color: #CCCCCC; font-size: 30pt; font-weight: bold; z-index: 2; margin-left: 5px }
h1.paa     { color: #0099CC; font-size: 30pt; font-weight: bold; z-index: 1; margin-left: 8px; 
               margin-top: -70px }
h1.vino      { color: #FFFFFF; font-size: 26pt; z-index: 3; font-family: 'Times New Roman'; 
               font-style: italic; margin-left: 135px; margin-top: -55px }

h2, h3, h4	{ color: #FFFFFF; font-weight: bold }

h2           { font-size: 16pt }
h3           { font-size: 14pt; font-family: 'Times New Roman'; font-style: italic }
h4           { font-size: 10pt }
h5           { color: #94C45E; font-size: 8pt; font-weight: bold }
h6           { color: #C0C0C0; font-size: 7pt; font-family: Arial }

a:link.navi  { font-family: 'Times New Roman'; font-style:italic; font-weight: bold; text-decoration: none; color: #0099CC; font-size: 16pt }
a:visited.navi { font-family: 'Times New Roman'; font-style:italic; font-weight: bold; text-decoration: none; color: #0099CC; font-size: 16pt }
a:hover.navi { font-family: 'Times New Roman'; font-style:italic; font-weight: bold; text-decoration: none; color: #FFFFFF; font-size: 16pt }
a:active.navi { font-family: 'Times New Roman'; font-style:italic; font-weight: bold; text-decoration: none; color: #FFFFFF; font-size: 16pt }

a:link.sub  { font-family: 'Times New Roman'; font-style:italic; font-weight: bold; text-decoration: none; color: #0099CC; font-size: 12pt }
a:visited.sub { font-family: 'Times New Roman'; font-style:italic; font-weight: bold; text-decoration: none; color: #0099CC; font-size: 12pt }
a:hover.sub { font-family: 'Times New Roman'; font-style:italic; font-weight: bold; text-decoration: none; color: #FFFFFF; font-size: 12pt }
a:active.sub { font-family: 'Times New Roman'; font-style:italic; font-weight: bold; text-decoration: none; color: #FFFFFF; font-size: 12pt }

.navi		{ font-family: 'Times New Roman'; font-style:italic; font-weight: bold; color: #FFFFFF; font-size: 16pt }
.sub		{ font-family: 'Times New Roman'; font-style:italic; font-weight: bold; color: #FFFFFF; font-size: 12pt }

td.sep		{ border-right-style: dotted; border-right-width: 1px }

.nahka       { color: #C0C0C0; font-size: 10px; font-family: verdana }
.huom        { background-color: #FFCCCC }
.poksi       { background-color: #0099CC; color: #FFFFFF; border-style: inset; border-color: 
               #CCCCCC }
.knappi      { font-family: Times New Roman; color: #FFFFFF; font-style: italic; 
               font-weight: bold }
//-->