body {margin: 15px; background: #5e91a2; font-family: Arial, Verdana, serif; scrollbar-arrow-color: #D6C2B7; scrollbar-face-color: #98b3bd; scrollbar-shadow-color: #000000; scrollbar-darkshadow-color: #FFF5FD; scrollbar-track-color: #5e91a2; scrollbar-highlight-color: #FFF5FD; scrollbar-3dlight-color: #000000; }
.ttable {border: 2px solid #fff; } 
.viiva {width: 746px; height: 6px; background: #ffffff; }
.logo {width: 746px; height: 142px; background: #98b3bd url(img/ylakuva1.gif) left no-repeat;}
.menu {width: 140px; margin: 0px;}
.menutd {width: 140px; background: #dadada; }
.tdoku {width: 576px; padding: 5px 15px; background: #d4e0e5; border-left: 2px solid #ffffff; }
.footer {width: 746px; height: 13px; background: #ffffff;}
div#navi { width: 140px; float: right; }
div#navi ul { list-style-type: none; margin: 0; padding: 0; font-family: Arial, Verdana, serif; font-size: 0.8em; font-weight: bold; text-transform: lowercase; }
div#navi ul li { display: inline; text-align: right;}
div#navi ul li a { display: block; text-align: right; color: #4c524a; background: transparent; text-decoration: none; padding: 5px 5px; border-bottom: 1px solid #fff; }
div#navi ul li a:hover { text-align: right; color: #fff; background: transparent; padding: 5px 5px; border-bottom: 1px solid #fff; }
div#count { margin: 2px; }

.boksit{background-color: #FFFFFF; font: 11px Arial,Verdana,serif; color: #446470; border: solid 2px #98b3bd;}
.otsake{font: bold 16px Arial,Verdana,serif; color: #446470;}
.tarea{overflow-y: auto; width:380px; height:100px; background-color: #FFFFFF; font: 11px Arial,Verdana,serif; color: #446470; border: solid 2px #98b3bd; scrollbar-arrow-color: #D6C2B7; scrollbar-face-color: #98b3bd; scrollbar-shadow-color: #000000; scrollbar-darkshadow-color: #FFF5FD; scrollbar-track-color: #5e91a2; scrollbar-highlight-color: #FFF5FD; scrollbar-3dlight-color: #000000;}
.ltable{font: 11px Arial,Verdana,serif; color: #446470; border: 0;}