.tsivu   {height: 100%; background-color: #FFFFFF; margin: 0;}
.ttable  {width: 766px; height: 100%; background-color: #FFFFFF;}
.tpalkki {width: 710px; height: 202px; background: #FFFFFF;}
.vasen	{width: 28px; background: url(img/vasen.jpg) top right repeat-y; border-right: 1px solid #FFFFFF;}
.oikea	{width: 28px; background: url(img/oikea.jpg) top left repeat-y; border-left: 1px solid #FFFFFF;}
.tnavi	 {width: 710px; height: 36px; background: url(img/navi.jpg) top left repeat-x; overflow: hidden; white-space: nowrap;}
.tdoku   {width: 670px; background: url(img/doku_yla.jpg) top left repeat-x #FFFFFF; padding: 20 20 0 20;}
.apalkki	{height: 50px; background: url(img/doku_ala.jpg) bottom left repeat-x #FFFFFF;}


.boksit{background: url(img/palaute_varjostus.gif) bottom left repeat-x #FFFFFF; font: 11px Arial; color: #176190; border: solid 1px #000000;}
.otsake{font: bold 13px Arial; color: #00447C;}
.tarea{overflow: auto; width:380px; height:100px; background: url(img/palaute_varjostus.gif) bottom left repeat-x #FFFFFF; font: 11px Arial; color: #176190; border: solid 1px #000000;}
.ltable{font: 11px Arial; color: #176190; border: 0;}

div#tnavi {width: 710px; height: 36px; float: left; white-space: nowrap; overflow: hidden; font: bold 10px Verdana;}
div#tnavi ul {height: 36px; list-style-type: none; margin: 0; padding: 0; margin-left: 5px; overflow: hidden;}
div#tnavi ul li {overflow: hidden; float: left; margin: 0; padding: 0; display: inline; margin-left: 5px;}
div#tnavi ul li a {display: block; text-align: center; color: #FFFFFF; text-decoration: none;  padding: 12 4 10 4;}
div#tnavi ul li a:hover {display: block; text-align: center; color: #52A8D7; padding: 12 4 10 4;}