a:link{
text-decoration: none;
color: #336699;
background-color: transparent;
}

a:visited{
text-decoration: none;
color: #336699;
background-color: transparent;
}

a:hover{
text-decoration: underline;
color: #CC0000;
background-color: none;
}

a:active{
text-decoration: none;
color: #CC0000;
background-color: transparent;
}


.leftside {
border-left:1px solid #AD6652;
background-color: #FFCC99;
}

.rightside {
border-right:1px solid #AD6652;
background-color: #FFCC99;
}

.white { 
background-color: #FFFFFF;
}

.otsake { 
background-image: url('../pic/logo_whiteback.png');
background-repeat: no-repeat;
background-color: #FFFFFF;
height: 229px;
width: 910px;
}

.top { 
background-image: url('../pic/top_center.jpg');
background-repeat: repeat-x;
background-color: #FFFFFF;
height: 40px;
width: 100%;
}

.tenonilma { 
background-image: url('../pic/kartta.gif');
background-repeat: no-repeat;
background-position: top left;
background-color: #FFFFFF;
}

.tdborder {
border-left:1px solid #CCCCCC;
border-right:1px solid #CCCCCC;
border-bottom:1px solid #CCCCCC;
border-top:1px solid #CCCCCC;
background-color: #FFFFFF;
}

.tdborder2 {
border-left:1px solid #000000;
border-right:1px solid #000000;
border-bottom:1px solid #000000;
border-top:1px solid #000000;
}

#marqueecontainer{
position: relative;
align: left;
width: 200px; /*marquee width */
height: 400px; /*marquee height */
background-color: white;
overflow: hidden;
padding: 2px;
padding-left: 2px;
font-family: 10px verdana;
font-weight: normal;
color: #000000;
}

#marqueecontainer A:link{color:#6699CC; text-decoration:none}
#marqueecontainer A:visited{color:#6699CC; text-decoration:none}
#marqueecontainer A:active{color:#CC0000; text-decoration:none}
#marqueecontainer A:hover{color:#CC0000; text-decoration:underline}

.tdback1 {
background-image: url('../pic/otsake_back.png');
font-family: verdana;
font-size: 9px;
font-weight: bold;
color: #FFFFFF;
padding: 5px 0px 5px 0px;
}

.tdback2 {
font-family: 9px verdana;
font-weight: normal;
color: #CCCCCC;
padding: 0px;
}

.tdborder3 {
border-left:1px solid #CCCCCC;
border-right:1px solid #CCCCCC;
border-bottom:1px solid #CCCCCC;
border-top:1px solid #CCCCCC;
padding: 8px;
}

.tdborder3 A:link{color:#3366CC; text-decoration:none}
.tdborder3 A:visited{color:#3366CC; text-decoration:none}
.tdborder3 A:active{color:#CC0000; text-decoration:none}
.tdborder3 A:hover{color:#CC0000; text-decoration:underline}

.curlycontainer{
border: 1px solid #7e4910;
margin-bottom: 1em;
}

.curlycontainer .innerdiv{
background: transparent url(../pic/brcorner.gif) bottom right no-repeat;
position: relative;
left: 2px;
top: 2px;
padding: 1px 4px 16px 5px;
}

.button{
cursor:pointer;
border:outset 1px #FBFFF0;
background:#999;
font-size: 10px;
color:#FFFFFF;
font-weight:bold;
padding: 1px 2px;
background:url(../pic/otsake_back.png) repeat-x left top;
}

.topleftlink {
width= 210px;
font-family: verdana; 
font-weight: bold; 
font-size: 10px; 
color: #FFFFFF;
padding: 6px 12px 6px 7px;
background-color: #999999;
list-style-image:url('../pic/listscuare.gif');
}

.tyyli A:link{color:#6699CC; text-decoration:none}
.tyyli A:visited{color:#6699CC; text-decoration:none}
.tyyli A:active{color:#CC0000; text-decoration:none}
.tyyli A:hover{color:#CC0000; text-decoration:underline}


.tyyli2 { 
font-family: verdana; font-weight: normal; font-size: 9px; color: #446047; 
}

.tyyli { 
font-family: verdana; font-weight: bold; font-size: 11px; color: #000000; background-color: #FFCC99; 
}


TABLE, TR, TD { font-family: Verdana, Tahoma, Arial, sans-serif; font-size: 11px; color: #000000; }

BODY { font-family: Verdana, Tahoma, Arial, sans-serif; font-size: 11px; color: #000000; margin: 0px 0px 0px 0px; background-image: url('../pic/gridback.gif'); }