<!--

body {
   background: #83C363;
   color: #333;
   margin:2em;    /* gives some air for the pagewrapper */
   
}
/* center wrapper, min max width */
#wrapper {
   margin: 0 auto;       /* this centers wrapper */
   /* max-width: 80em;    IE wont understand these, so we will use javascript magick 
   /* min-width: 60em; */
    color: black;
    background: #fff url(graph/menu-pala.gif) repeat-y left top;
    min-width: 851px;
    }
/*** header ***
we will hide text and replace it with a image
we need to assign a height for it so that the image wont cut off
*/
#header {
   height: 198px;    /* adjust according your image size */
   background: #fff url(graph/otsikko-pala.gif) repeat-x right top;
}

#navcol {
    padding: 5px;
    width: 209px;
    float: left;
    min-height: 436px;
 
}
#maine {
    padding: 5px;
    margin-left: 230px;
    margin-right: 230px;
    min-height: 436px;

}
#sidecol {
    padding: 5px;
    width: 192px;
    float: right;
    min-height: 436px;
   
}

#column2 {
    margin: 0px;
    padding: 0px;
    background-image: url(graph/main-pala.jpg);
    background-position: right -80px;
    background-repeat: repeat-y;
    width: 100%;
        
}
#column1 {
    margin: 0px;
    padding: 0px;
    background: url(graph/menu-taus.gif) ;
    background-position: left bottom;
    background-repeat: no-repeat;
    width: 100%;
    
}
.clear {
    clear: both;
    display: block;
    height: 1px;
    overflow: hidden;
    margin: 0px;
    padding: 0px;
}
	

#footer {
   margin-top: -11px;
    background: #83C363;
   /* same bg color as in header */

}

.Leipateksti { 
     	font-family: "Vera Sans", Arial, sans-serif, Helvetica; 
		color: #000000;
      	font-size: 11pt;
        margin-left: 1em;
        background: transparent;        
}
.Leipis { 
     	font-family: "Vera Sans", Arial, sans-serif, Helvetica; 
		color: #000000;
      	font-size: 11pt;
        margin-left: 1em;       
}

.Leipatekstit { 
     	font-family: "Vera Sans", Arial, sans-serif, Helvetica; 
		color: #000000;
      	font-size: 11pt;
        background: transparent; 
}

a.Leipatekstit:link { 
     	color: #00754A;
      	text-decoration: none;
}
a.Leipatekstit:visited { 
     	color: #00754A;
      	text-decoration: none;
}
a.Leipatekstit:active {
     	color: #00754A;
      	text-decoration: none;
}
a.Leipatekstit:hover { 
        color: #00754A;
      	text-decoration: underline;
}
.Leipateksti3 { 
     	font-family: "Vera Sans", Arial, sans-serif, Helvetica; 
		color: #000000;
      	font-size: 8pt;
        background: transparent;
}

.Leipateksti2 { 
     	font-family: "Vera Sans", Arial, sans-serif, Helvetica; 
		color: #000000;
      	font-size: 10pt;
      	text-decoration: none;
}
a.Leipateksti2:link { 
     	font-family: "Vera Sans", Arial, sans-serif, Helvetica;
		color: #000000;
      	text-decoration: none;
}
a.Leipateksti2:visited { 
     	font-family: "Vera Sans", Arial, sans-serif, Helvetica;
		color: #000000;
      	text-decoration: none;
}
a.Leipateksti2:active {
     	font-family: "Vera Sans", Arial, sans-serif, Helvetica; 
		color: #000000;
      	text-decoration: none;
}
a.Leipateksti2:hover { 
     	font-family: "Vera Sans", Arial, sans-serif, Helvetica;
		color: #000000;
      	text-decoration: underline;
}
.Leipateksti-pieni { 
      	font-family: "Vera Sans", Arial, sans-serif, Helvetica; 
		color: #000000;
      	font-size: 8pt;
}
a.valikko:link   {
        font-family: "Tahoma", Arial, sans-serif, Helvetica; 
        color: #000000;
        text-decoration: none;
        font-size: 14pt;
        font-weight: bold;

}
a.valikko:visited {
        font-family: "Tahoma", Arial, sans-serif, Helvetica; 
        color: #736566;
        text-decoration: none;
        font-size: 14pt;
        font-weight: bold;
}
a.valikko:hover {
        font-family: "Tahoma", Arial, sans-serif, Helvetica;
        color: #7D593B;
        text-decoration: dotted;
        font-size: 14pt;
        font-weight: bold;
        background: url(graph/hover-bg.gif) no-repeat; 

}
a.valikko:active {
        font-family: "Tahoma", Arial, sans-serif, Helvetica; 
        color: #FF9506;
        font-size: 14pt;
        text-decoration: dotted; 
        font-weight: bold;
}
.paivays { 
        font-family: "Vera Sans", Arial, sans-serif, Helvetica;
        color: #000000;
        font-size: 12pt;
        letter-spacing: -1px;
        line-height: 80%;    
}
p  { 
        font-family: "Vera Sans", Arial, sans-serif, Helvetica;
        color: #000000;
        font-size: 10pt;
}
H1 {   
        
        font-family: "Vera Sans", Arial, sans-serif, Helvetica;
	    font-weight: bold;
        color: #00754A;
        font-size: 20pt; 
}
H2 {  
        font-family: "Vera Sans", Arial, sans-serif, Helvetica;
	    font-weight: bold; 
	    color: #00754A;
        font-size: 14pt; 
}
H3 {
	font-family: "Vera Sans", Arial, sans-serif, Helvetica; 
        font-weight: normal;
	color: #336699;
	font-size: 10pt
}

pre {
	font-family: Monotype, "Courier New";
	font-size: 0.75em;
	line-height: 1.20em;
 
}
sup { 
     	font-family: "Vera Sans", Arial, sans-serif, Helvetica; 
	color: #000000;
      	font-size: 0.3em;
        background: transparent;
}

.lajinimi {
	font-family: "Vera Sans", Arial, sans-serif, Helvetica; 
    font-weight: bold;
	color: #336699;
	font-size: 14pt;
}
.sivuotsikko {
	font-family: "Vera Sans", Arial, sans-serif, Helvetica; 
    font-weight: bold;
	color: #336699;
	font-size: 12pt;
}
.otsikko { 
        font-family: "Vera Sans", Arial, sans-serif, Helvetica;
        font-weight: bold;
        font-size: 10pt;
}
.tyyli   { 
        font-family: "Vera Sans", Arial, sans-serif, Helvetica;
        font-size: 10pt;
}
.sarakeotsikko  { font-family: "Vera Sans", Arial, sans-serif, Helvetica;
        font-size: 10pt; background-color:#FFFF00;
}
.mittaririvi   {  font-family: "Courier New";
           font-size: 10pt; font-style:italic;
}
.lajikerivi      { 
        font-family: "Courier New", Courier;
        font-size: 10pt; 
        background-color:#ECE788;
}
.kenots          { 
        font-family: "Vera Sans", Arial;
        font-weight: bold;
        font-size: 9pt; text-decoration:underline;
}
a.linkki:link {font-family: "Vera Sans", Arial, sans-serif, Helvetica;
        font-size: 10pt; color:#336699; 
}
a.linkki:visited {font-family: "Vera Sans", Arial, sans-serif, Helvetica;
        font-size: 10pt; color:#666666;
}
a.linkki:active {font-family: "Vera Sans", Arial, sans-serif, Helvetica;
        font-size: 10pt; color:#F0251F; 
}
#rss dt {font-family: "Vera Sans", Arial, sans-serif, Helvetica; 
		color: #000000;
      	font-size: 11pt;
        margin-left: 1em;
        font-weight: bold;  }
#rss dd {font-family: "Vera Sans", Arial, sans-serif, Helvetica; 
		color: #000000;
      	font-size: 11pt;
        margin-left: 1em;
          }


-->