/* kopo style.css */

BODY { 
  color:  #000000;
  margin-left: 0%;
  margin-right: 0%;
  font-weight: bold;
  font-family: Arial,Helvetica, sans-serif;
}

CAPTION { font-family: Arial, Helvetica, sans-serif;
          background-color: #C00000; color: white; }

TD { font-family: Arial,Helvetica, sans-serif;
     font-weight: bold;
     color: #000000;  }
TD.guiviiva {
	BACKGROUND: #99cccc
}
TH { font-family: Arial,Helvetica, sans-serif;
     font-weight: bold;
     background-color: #C00000; color: white; }

TR.guiviiva {
	BACKGROUND: #E4D739
}

TD.valikkotd {
	CURSOR: hand; FONT-FAMILY: Arial,Helvetica, sans-serif; FONT-SIZE: 100%; FONT-WEIGHT: bold
}

A.valikko:visited
{
    COLOR: #C00000;
    HEIGHT: 100%;
    TEXT-DECORATION: none;
    WIDTH: 100%
}
A.valikko:hover
{
    BACKGROUND: #ededed;
    COLOR: #000000;
    HEIGHT: 100%;
    TEXT-DECORATION: none;
    WIDTH: 100%
}

A.valikko:visited {
	COLOR: #C00000; TEXT-DECORATION: none
}

H1 { 
  margin-left: -6%;
  color: #000;
  text-align: center;
  font-style: none
  font-family: Arial, helvetica, sans-serif;
 
}

H2 { 
  color: #C00000;
  text-align: center;
  font-family:  Arial, helvetica, sans-serif;
}



H3 {
  color: #C00000;
  text-align: center;
  font-family: verdana, helvetica, sans-serif;
}

H4 {
  margin-left: -4%;
  color: #006633;
  text-align: center;
  font-family: verdana, helvetica, sans-serif;
}

H6 { 
  color:#088; font-variant:small-caps; 
  font-family: verdana, helvetica, sans-serif;  margin-left:-5px; }

A:link { color: #C00000 }
A:active { color: #C00000 }    
A:visited { color: #C00000 }
A:hover {color: #000000 }
A { text-decoration:none; }

.hide {
  display: none;
  color: white;
}

SPAN.date { font-size: 0.8em }

SPAN.attribution {
  font-weight: bold
}

BLOCKQUOTE {
  margin-left: 4em; 
  margin-right: 4em;
  margin-top: 10pt; 
  margin-bottom: 10pt;
  font-style: italic;
}

ADDRESS { 
  text-align: center;
  font-weight: bold;
  font-style: italic 
}


#s1 {
  color: #088; 
  font: 25px Impact, sans-serif;
}

#p1 {
  margin-top: -0px;
  text-align: right;
 }

#s2 {
  color:  #22A;  
  font: bold 25px Arial, serif;
}

#p2 {
  margin-top: -5px; 
  margin-left: 5%; 
  text-align: left;
}

#s3 {
  color: #080;
  font: 30px Verdana, sans-serif;
}

#p3 {
  margin-top: 10px;
  text-align: center;
}



#s4 {
  color: #37F; 
  font: bold 36px Courier New, monospace;
    }

#p4 {
  margin-top: -10px;
  text-align: right;
}



#s5 {
  color: gainsboro;
  font: bold 32px Verdana, sans-serif;
  text-align: left;
}

#p5 {
  margin-top: -80px;
  text-align: left;
  margin-top: -10px;
}



#s6 {
  color: #060;
  font: bold 25px Verdana, sans-serif;
}

#p6 {
  text-align: center;
  margin-top: 0px;
}


#s7 {
  color: #56C;
  font: bold 28px Courier New, monospace;
}

#p7 {
  text-align: right;
  margin-top: -10px;
  margin-right: 10%; 
}


#s8 {
  color: #088;
  font: italic 20px Verdana, sans-serif;
}

#p8 {
  margin-top: -10px;
  margin-left: 3%;
}


#s9 {
  color: #000; 
  font: 20px Georgia, serif;
}

#p9 {
  margin-top: -10px;
  margin-left: 30%;
}

#s10 {
  color: #900; 
  font: bold 15pt Georgia, serif;
}

#p10 {
  text-align: center;
  margin-top: 0px;
}

#s11 {
  color: #900; 
  font: bold 18pt Georgia, serif;
}

#p11 {
  text-align: center;
  margin-top: 0px;
}

hr
{
  color: #FF0000;
  width: 95%;
  text-align: center;
    
}

.clsRed { color:red; }
.clsImportant { color:red; font-weight:bold; text-decoration:underline; }