.tsivu   {height: 100%; background-color: #A60A15; margin: 0;}
.ttable  {width: 858px; height: 100%; border: 0; background-color: #FFFFFF;}
.tpalkki {width: 750px; height: 380px; padding: 0px;}
.tdoku   {width: 512px; height: 100%; padding: 15;}
.oikea	 {width: 54px; background: url(img/oikea.jpg) top left repeat-y #A60A15;}
.vasen	 {width: 54px; background: url(img/vasen.jpg) top right repeat-y #A60A15;}
.tnavi	 {padding-left: 4px;}
.ttnavi  {width: 204px;}
.ala		 {width: 204px; height: 100%; background-color: #FCFCFC; border: solid 1px #E7E7E9;}

.otsake	{font: bold 15px Arial; color: #A60A15;}
.boksit	{font: 13px Arial; color: #3C3839; border: solid 1px #E7E7E9; background: url(img/palaute_varjostus.gif) bottom left repeat-x #FFFFFF;}
.tarea	{font: 13px Arial; color: #3C3839; border: solid 1px #E7E7E9; overflow-y: auto; width: 380px; height:100px; background: url(img/palaute_varjostus.gif) bottom left repeat-x #FFFFFF;}
.ltable	{font: 13px Arial; color: #3C3839; border:0;}

div#ttnavi 							{display: block; width: 204px; padding: 0px; margin: 0;}
div#ttnavi ul 					{overflow: hidden; width: 204px; list-style-type: none; margin: 0; padding: 0px;}
div#ttnavi ul li 				{display: block; padding-bottom: 3px;}
div#ttnavi ul li a 			{display: block; font: normal 13px Arial; color: #3C3839; border: solid 1px #E6E7E9; text-decoration: none; padding: 10 0 10 10; background: url(img/navi.jpg) bottom left repeat-x #FFFFFF;}
div#ttnavi ul li a:hover{display: block; font: bold 13px Arial; color: #A60A15; border: solid 1px #E6E7E9; text-decoration: none; padding: 10 0 10 10; background: url(img/navi.jpg) bottom left repeat-x #FFFFFF;}