.text {  font-family: Verdana, Arial;
         font-size: 13px;
		 color: #000000;
		 line-height: 20px;
		 }

.cursive {  font-family: Verdana, Arial;
            font-size: 12px;
			color: #FFFFFF;
			font-style: italic;
			background: #000000;
			line-height: 20px;
			}

.bold {  font-family: Verdana, Arial;
         font-size: 14px;
		 color: #000000;
		 font-weight: bold;
		 line-height: 20px}

.copy { font-family: Verdana, Arial;
        font-size: 10px;
		color: #000000;
		font-weight: bold;
		text-align: left;
		}

.copyb { font-family: Verdana, Arial;
         font-size: 10px;
		 color: #CC3300;
		 font-weight: bold; 
		 text-align: left;
		 }

.option { font-family: Verdana, Arial;
          font-size: 12px;
 		  color: #CC3300;
		  font-weight: bold;
		  text-align: left;
		  }

.option_small { font-family: Verdana, Arial;
          font-size: 10px;
 		  color: #CC3300;
		  font-weight: bold;
		  text-align: center;
		  }


.box { border: 1px solid black;
       width: 4em;
	   height: 12pt;
	   font-size: 9pt;
	   margin-bottom: 3px;
	   }

.smallbut { border: 1px solid black;
            width: 4em; height: 12pt;
			font-size: 9pt;
			margin-bottom: 3px;
			}

/* YLEISET OTSIKOT */
H1   { text-align: left;  
       color: #000000;
       font-family: Verdana, Arial;
       font-size: 28px;
       line-height: 20px;
} 
/* VITSIEN OTSIKOT */
H2   { text-align: left;
       color: #000000;
	   font-family: Trebuchet MS, Verdana, Arial;
	   font-size: 32px;
	   line-height: 36px; }

/* YLÄOTSAKE */
H3   { marigin-left: 3em;  
       color: #000000;
       font-family: Trebuchet MS, Verdana, Arial;
       font-size: 44px;
       line-height: 38px;
} 
/*PIENEMPI OTSIKKO*/
H4   { marigin-left: 3em;
       color: #000000;
       font-family: Trebuchet MS, Verdana, Arial;
       font-size: 24px;
       line-height: 20px;
}

a:link {  color: #000000;
          text-decoration: underline;
          }
a:visited {  color: #000000;
           text-decoration: underline;
		   }
a:hover {  color: #CC3300;
           text-decoration: none;
           }

a.menu:link {  color: #000000;
          text-decoration: underline;
          padding: 1px 4px 1px 4px;
          }
a.menu:visited {  color: #000000;
           text-decoration: underline;
           padding: 1px 4px 1px 4px;
		   }
a.menu:hover {  color: #CC3300;
           border: 1px solid #CC3300;
           text-decoration: none;
           padding: 1px 4px 1px 4px;
		   }

a.list:link {  color: #000000;
               text-decoration: underline; }
a.list:visited {  color: #000000;
                  text-decoration: underline; }
a.list:hover {  color: #CC3300;
                text-decoration: underline; }
    
body {  color: #000000;
        background-color: #FFFFFF;
		font-family: Verdana, Arial;
		font-size: 14px;
		font-style: normal;
		font-weight: normal;
		}
pre {
    font-family: Verdana, Arial;
	font-size: 15px;
}


table.navi { 
border: 1px solid #000000;
background-color: #FFFFF5;
}

td.view { 
border: 1px solid #000000;
}

.red { color: #CC3300;
}

.navi {
        font-family: Trebuchet MS, Verdana, Arial;
        font-size: 14px;
		color: #000000;
		font-weight: bold;
		line-height: 20px;
		text-align: left;
		}

td.info {
		font-family: Trebuchet MS, Verdana, Arial;
        font-size: 13px;
		color: #000000;
		font-weight: bold;
		text-align: left;
		}