@page {
/*   size: auto;  This is valid according to spec, but validator whines. */
   margin: 5%;
}

BODY {
   color: black;
   background: white;
   padding: 0em;
   vertical-align: top;
   text-align: left;
   font-family: serif;
}

P.menu {
   display: none;
}

P.footer {
   font-size: 0.8em;
   padding: 0.5em;
   border-color: #000000;
   border-top-width: thin;
   border-top-style: solid;
}
P.footer IMG {  display: none; }
P.footer A {  display: none; }

P.kuva {
   margin: 3em;
   font-style: italic;
   page-break-inside: avoid;
}
P.imageleft { clear: left; margin: 2em; page-break-inside: avoid; }
P.imageleft IMG { float: left; page-break-inside: avoid; }

P.bluebox {
   margin: 1em;
   padding: 0.4em;
   background: #f4fbff;
   color: #000000;
   border: thin solid #0000a0;
}
P.greenbox {
   margin: 1em;
   padding: 0.5em;
   background: #f4fff4;
   color: #000000;
   border: medium solid #00a000;
}
P.redbox {
   margin: 1.5em;
   padding: 0.6em;
   background: #fffbfb;
   color: #000000;
   border: thick solid #a00000;
}

DIV.center { text-align: center; }

STRONG { font-weight: bolder; }
SMALL { font-size: 0.8em; }
CODE { font-family: monospace; }
EM { font-style: italic; }
H1 { font-family: sans-serif; font-size: 2em; margin: .67em 0; text-align: center; }
H2 { font-family: sans-serif; font-size: 1.5em; margin: .83em 0 }
H3 { font-family: sans-serif; font-size: 1.17em; margin: 1em 0 }
IMG { border: 0px; page-break-inside: avoid; }
PRE { font-family: monospace }
OL, UL, DL, DIR, MENU { margin: 1.33em 0 }
DD { margin-left: 40px }
OL { list-style-type: decimal }
DT { margin-top: 1em; font-family: monospace; }
VAR { font-style: italic; }
Q { quotes: '"' '"' "'" "'";
   font-style: italic; }
Q:before { content: open-quote }
Q:after  { content: close-quote }