body { margin: 0; padding: 0; }

body, td, p, li, a.name { color: #000000; font-family: Arial, Helvetica, sans-serif; font-size: 12px; text-decoration: none;}

h1 { font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-weight: bold; font-size: 22px; margin-top: 0px; }
h2 { font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-weight: bold; font-size: 18px; }
h3 { font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-weight: bold; font-size: 14px; }

a { color: #000066; text-decoration: underline; }
a:visited { color: #666666; text-decoration: none; }
a:hover { color: #666666; text-decoration: underline; }
a:active { color: #666666; text-decoration: none; }

.menu a { color: #000000; font-family: Arial, Helvetica, sans-serif; font-weight: bold; font-size: 12px; text-decoration: none; display: block; background-color: #0066FF; width: 180px; height: 20px; padding-top: 2px; margin-bottom: 2px; }
.menu a:visited { color: #000000; font-family: Arial, Helvetica, sans-serif; font-weight: bold; font-size: 12px; text-decoration: none; display: block; background-color: #0066FF; width: 180px; height: 20px; padding-top: 2px; margin-bottom: 2px; }
.menu a:hover { color: #000000; font-family: Arial, Helvetica, sans-serif; font-weight: bold; font-size: 12px; text-decoration: none; display: block; background-color: #87CEFA; width: 180px; height: 20px; padding-top: 2px; margin-bottom: 2px; }
.menu a:active { color: #000000; font-family: Arial, Helvetica, sans-serif; font-weight: bold; font-size: 12px; text-decoration: none; display: block; background-color: #A4D3EE; width: 180px; height: 20px; padding-top: 2px; margin-bottom: 2px; }

.submenu a { color: #000000; font-family: Arial, Helvetica, sans-serif; font-weight: normal; font-size: 12px; text-decoration: none; display: block; background-color: #87CEFA; width: 180px; height: 20px; padding-top: 2px; margin-bottom: 2px; }
.submenu a:visited { color: #000000; font-family: Arial, Helvetica, sans-serif; font-weight: normal; font-size: 12px; text-decoration: none; display: block; background-color: #87CEFA; width: 180px; height: 20px; padding-top: 2px; margin-bottom: 2px; }
.submenu a:hover { color: #000000; font-family: Arial, Helvetica, sans-serif; font-weight: normal; font-size: 12px; text-decoration: none; display: block; background-color: #A4D3EE; width: 180px; height: 20px; padding-top: 2px; margin-bottom: 2px; }
.submenu a:active { color: #000000; font-family: Arial, Helvetica, sans-serif; font-weight: normal; font-size: 12px; text-decoration: none; display: block; background-color: #A4D3EE; width: 180px; height: 20px; padding-top: 2px; margin-bottom: 2px; }

.activemenu a { color: #000000; font-family: Arial, Helvetica, sans-serif; font-weight: bold; font-size: 12px; text-decoration: none; display: block; background-color: #1E90FF; width: 180px; height: 20px; padding-top: 2px; margin-bottom: 2px; }
.activemenu a:visited { color: #000000; font-family: Arial, Helvetica, sans-serif; font-weight: bold; font-size: 12px; text-decoration: none; display: block; background-color: #FFFFFF; width: 180px; height: 20px; padding-top: 2px; margin-bottom: 2px; }
.activemenu a:hover { color: #000000; font-family: Arial, Helvetica, sans-serif; font-weight: bold; font-size: 12px; text-decoration: none; display: block; background-color: #FFFFFF; width: 180px; height: 20px; padding-top: 2px; margin-bottom: 2px; }
.activemenu a:active { color: #000000; font-family: Arial, Helvetica, sans-serif; font-weight: bold; font-size: 12px; text-decoration: none; display: block; background-color: #FFFFFF; width: 180px; height: 20px; padding-top: 2px; margin-bottom: 2px; }

.activesubmenu a { color: #000000; font-family: Arial, Helvetica, sans-serif; font-weight: normal; font-size: 12px; text-decoration: none; display: block; background-color: #FFFFFF; width: 180px; height: 20px; padding-top: 2px; margin-bottom: 2px; }
.activesubmenu a:visited { color: #000000; font-family: Arial, Helvetica, sans-serif; font-weight: normal; font-size: 12px; text-decoration: none; display: block; background-color: #FFFFFF; width: 180px; height: 20px; padding-top: 2px; margin-bottom: 2px; }
.activesubmenu a:hover { color: #000000; font-family: Arial, Helvetica, sans-serif; font-weight: normal; font-size: 12px; text-decoration: none; display: block; background-color: #FFFFFF; width: 180px; height: 20px; padding-top: 2px; margin-bottom: 2px; }
.activesubmenu a:active { color: #000000; font-family: Arial, Helvetica, sans-serif; font-weight: normal; font-size: 12px; text-decoration: none; display: block; background-color: #FFFFFF; width: 180px; height: 20px; padding-top: 2px; margin-bottom: 2px; }

.kielivalinnat td { color: #FFFFFF; font-family: Arial, Helvetica, sans-serif; font-weight: bold; font-size: 10px; }
.kielivalinnat a { color: #FFFFFF; text-decoration: none; }
.kielivalinnat a:visited { color: #FFFFFF; text-decoration: none; }
.kielivalinnat a:hover { color: #FFFFFF; text-decoration: underline; }
.kielivalinnat a:active { color: #FFFFFF; text-decoration: underline; }

.footer { font-size: 11px; text-align: center; }

.pvm { font-size: 11px; color: #666666; margin-top: 15px; margin-bottom: 0px; }
.otsikko { font-weight: bold; color: #000066; margin-top: 0px; margin-bottom: 0px; }
.kuvateksti { font-size: 11px; font-weight: bold; color: #000066; margin-top: 0px; margin-bottom: 0px; }
.tapahtumat p { margin-top: 0px; margin-bottom: 0px; }


p.pykala { padding-top: 1.5em }
