BODY
{
    COLOR: #ffffff;
	font-size: 12px;
	background-color: #FFFFFF;
	color: #000000;
    	FONT-FAMILY: Verdana, Arial;

	SCROLLBAR-FACE-COLOR: #FFFFFF; 
	SCROLLBAR-HIGHLIGHT-COLOR: #CCCC66;
	SCROLLBAR-SHADOW-COLOR: #333333; 
	SCROLLBAR-3DLIGHT-COLOR: #CCCC66; 
	SCROLLBAR-ARROW-COLOR: #990000;
	SCROLLBAR-TRACK-COLOR: #FFFFFF; 
	SCROLLBAR-DARKSHADOW-COLOR: #142736;
}

.otsikko
{
    font-weight: bold;
    FONT-SIZE: 18px;
    COLOR: #CC9933
}

.otsikko_keskelle
{
    text-align: center;
    font-weight: bold;
    margin-bottom: 5px;
    FONT-SIZE: 18px;
    COLOR: #CC9933
}

.graytext, .blacktext
{
font-family: verdana,arial,helvetica,sans-serif;
font-size: 12px;
font-style: normal;
color: #666666;
font-weight: normal;
}

.blacktext
{
color: #000000;
font-size: 11px;
}

.citytable
{
padding-left: 5%;
vertical-align: center;
background: #C4DB6B
}

.hkitable
{
text-align: center;
vertical-align: center;
background: #C4DB6B
}

.tablespace
{
margin-left: 75px ;
padding-left: 25px;
padding-right: 25px;
padding-top: 5px;
margin-bottom: 25px;
vertical-align: center;
font-size: 11px;
}

.tablespacebg
{
margin-left: 75px ;
padding-left: 25px;
padding-right: 25px;
padding-top: 5px;
margin-bottom: 15px;
vertical-align: center;
background-image: url(img/news_bg.gif);
}

.citylink, .helsinki
{
font-family: verdana,arial,helvetica,sans-serif;
font-size: 12px;
font-style: normal;
font-variant: small-caps;
color: #142736;
font-weight: bold;
text-decoration: underline;
}


.helsinki
{
font-size: 20px;
}

.citylink:hover
{
color: #FFFFFF;
text-decoration: underline;
background: black;
}

.helsinki:hover
{
color: #FFFFFF;
text-decoration: underline;
background: black;
}

.tasokaks, .tasoyks
{
font-family: verdana,arial,helvetica,sans-serif;
font-size: 12px;
font-style: normal;
font-variant: small-caps;
color: #142736;
font-weight: bold;
text-decoration: underline;
}

.tasoyks
{
font-size: 20px;
}

.tasokaks:hover
{
color: #FFFFFF;
text-decoration: underline;
background: black;
}

.tasoyks:hover
{
color: #FFFFFF;
text-decoration: underline;
background: black;
}


.link, .alink, .clink, .footerlink
{
font-family: verdana,arial,helvetica,sans-serif;
font-size: 12px;
font-style: normal;
color: #000000;
font-weight: normal;
text-decoration: none;
}

.link:hover
{
color: #000000;
background: #999999;
}

.alink
{
background: #999999;
}

.clink
{
color: #000000;
font-weight: bold;
font-size: 11px;
}

.clink:hover
{
color: #6589AA;
text-decoration: underline;
}

.footerlink
{
color: #777777;
}

.footerlink:hover
{
color: #CCCC66;
text-decoration: underline;
}

.buttonStyle
{
  border-color: #6589AA;
  border-style: solid;
  border-width: 1;
  background-color: #B5C3CF;
}

.marginpadding { 
margin-left	: 75px ;
padding		: .5em 3em;
border		: thick solid;
color		: #000000;
background	: #FFFFFF;
border-style	: double;
font-size	: 11px;
}


.navimenu, .harjmenu   
{
color           : black;        
background      : #EEEEEE;
padding-top	: 3px;
padding-bottom	: 3px;
text-align	: center;
vertical-align	: top;
font-size	: 11px;
}

.harjmenu    
{
background      : #FFFFFF;
border		: #EEEEEE thin solid;

}   

.tieto    {
background      : transparent
margin-top	: 5px ;
margin-bottom	: 5px ;
margin-left	: 60px ;
margin-right	: 60px ;
padding		: .5em 3em;
border		: thin solid;
color		: #000000;
text-align	: left;
line-height	: 1.5em;
border-style	: dotted;
font-size	: 11px;
        }

.kurssi    {
background      : transparent
margin-top	: 1px ;
margin-bottom	: 1px ;
margin-left	: 1px ;
margin-right	: 1px ;
padding		: 5px 5px;
border		: thin solid;
color		: #000000;
text-align	: center;
border-style	: dotted;
font-size	: 11px;
        }

.ex3 {
   color        : black;
   background   : #6589AA;
   border       : thin solid;
border-style	: dotted;
color		: #5478AA;

   }

.footertext
{
font-family: verdana,arial,helvetica,sans-serif;
font-size: 12px;
font-style: normal;
color: #777777;
font-weight: normal;
text-align: center;
vertical-align: center;
padding-top: 5px;
padding-bottom: 20px;
BORDER-BOTTOM: #C4DB6B thin solid;
}

.copyright
{
font-family: verdana,arial,helvetica,sans-serif;
font-size: 8px;
font-style: normal;
color: #999999;
font-weight: normal;
text-align: left;
vertical-align: center;
padding-top: 5px;
padding-bottom: 5px;
}