BODY
  {
    font-family: Arial, Trebuchet, Verdana, Helvetica, sans-serif;
    background-color: #ffffff;
    color: #000000;
   }
   
H1 {
    font-family:  Arial, Trebuchet MS, Verdana, Times, sans-serif;
    font-size: 24pt;
    color: #000000;
   }

H2 {
    font-family: Arial, Trebuchet MS, Verdana, Helvetica, sans-serif;
    font-size: 16pt;
    color: #000000;
   }

H3 {
    font-family: Arial, Trebuchet MS, Verdana, Helvetica, sans-serif;
    font-size: 14pt;
    color: #000000;
   }
   
A {
        font-family: "Arial", serif;
        color: #000000;
        background-color: transparent;
        text-decoration: underline;
}
A:link {
        font-family: "Arial", serif;
        color: #000000;
        background-color: transparent;
        text-decoration: underline;
}
A:visited {
        font-family: "Arial", serif;
        color: #555555;
        background-color: transparent;
        text-decoration: underline;
}
A:active {
        font-family: "Arial", serif;
        color: #ff0000;
        background-color: transparent;
        text-decoration: underline;
}
A:hover {
        font-family: "Arial", serif;
        color: #000000;
        background-color: #eeeeee;
        text-decoration: underline;
}
A.fblink {
        font-family: "Arial", serif;
        color: #3B5998;
		font-size: 63%;
        background-color: transparent;
		text-decoration: none;
}

A.fblink:link {
        font-family: "Arial", serif;
        color: #3B5998;
		font-size: 63%;
        background-color: transparent;
        text-decoration: none;
}
A.fblink:visited {
        font-family: "Arial", serif;
        color: #3B5998;
		font-size: 63%;
        background-color: transparent;
        text-decoration: none;
}
A.fblink:active {
        font-family: "Arial", serif;
        color: #3B5998;
		font-size: 63%;
        background-color: transparent;
        
}
A.fblink:hover {
        font-family: "Arial", serif;
        color: #3B5998;
		font-size: 63%;
        background-color: transparent;
		text-decoration: underline;
        
}



.sisalto {
   padding: 20;
   vertical-align: top;
}



.news {
   width: 90%;
}


.bileet {
   width: 70%;
   #background-color: #ffcccc;
   padding: 0;
   spacing: 0;
   border: 0;
}

.tapahtumat {
   margin-left: 50px;
   margin-right: 20%;
}

.esittelytable {
   width: 80%;
}

.viikkokurssit {
   width: 70%;
}


.tdbileet {
   font-family: Arial, Helvetica, sans-serif;
   background-color: #ffcccc;
   vertical-align: top;
}

.tdtausta {
   font-family: Arial, Helvetica, sans-serif;
   background-color: #eeeeee;
   vertical-align: top;
}

.tdotsikkotausta {
        background-color: #333333;
		/*width: 153px;*/
		
        font-family: Arial, Helvetica, sans-serif;
        color: #eeeeee;
        font-size: 12pt;
   font-weight: bold;
   padding: 2;
}

.tdotsikkotausta2 {
        background-color: #990000;
         font-family: Verdana, Helvetica, sans-serif;
        color: #ffffff;
        font-weight: bold;
}

.menutaulukko {
       background-color: #ffffff;
      border: 0;
}

.menusolu
{
         font-family: Verdana, Helvetica, sans-serif;
         font-size: 10pt;
         background-color: #ffffff;
         padding: 3;
}

.top_taulukko {
      padding: 0;
      spacing: 0;
      border: 8px solid;
}

.top_kuva {
        background: url("./images/tss_logo_pieni.jpg");
        background-position: center center;
        background-color: #ffffff;
        background-repeat: no-repeat;
        padding: 10;
        spacing: 0;
}

.top_solu {
      color: #ffffff;
      padding: 10;
      spacing: 0;

}

.arkistonharmaa {
        background-color: #cccccc;

        background: url("./images/arkisto.gif");
        background-repeat: repeat;

}

.arkisto-otsikkotausta {
        background-color: #777777;
         font-family: Verdana, Helvetica, sans-serif;
        color: #ffffff;
        font-size: 10pt;
        font-weight: bold;
}

.arkisto-tausta {
        background-color: #ffffff;
        font-size: 8pt;
}