body{
  background-color: #dce98d;
}
 
html,body.jokihelmi {
	margin:0;
	padding:0;
	height:100%; /* needed for container min-height */
	}

body.jokihelmi { background-image: url(kuvat/bg.jpg); background-repeat: repeat-x;  background-color: #F4F8BB; }

div#canvas_outer{
	position:relative; /* needed for footer positioning*/
	margin:0 auto; /* center, not in IE5 */
	width:980px;
	background-image: url(kuvat/canvas_bg.gif);
	background-position: top center;
	background-repeat: repeat-y;
	
/*height:auto !important; /* real browsers */
	/*height:100%; /* IE6: treaded as min-height*/
	/*min-height:100%; /* real browsers */
	min-height: 100%; height: auto !important; height: 100%;
}

div#canvas {
	position:relative; /* needed for footer positioning*/
	margin:0 auto; /* center, not in IE5 */
	width:980px;
	background-image: url(kuvat/canvas_bg.gif);
	background-position: top center;
	background-repeat: repeat-y;
	
/*height:auto !important; /* real browsers */
	/*height:100%; /* IE6: treaded as min-height*/
	/*min-height:100%; /* real browsers */
	min-height: 100%; height: auto !important; height: 100%;
}
/*div#header { background-image: url(kuvat/con_yla_bg.gif); widht: 950px; height: 104px;}*/
div#header { background: transparent url(kuvat/con_yla_bg.gif) repeat 0 0; margin: 0 auto; height: 104px; width: 950px;}
div#navigate { background-image: url(kuvat/menu_bg.jpg); height: 51px; padding-left: 50px; padding-top: 0px; padding-bottom: 0px; padding-right: 0px; margin: 0;}
div#navigate { background: transparent url(kuvat/menu_bg.png) repeat 0 0; width: 930px; height: 51px; padding-left: 50px; padding-top: 0px; padding-bottom: 0px; padding-right: 0px; margin: 0;}

  div#navigate img { margin: 0; padding: 0;}
table#containertable { border-collapse: collapse; }
table#containertable td { vertical-align: top; margin: 0; padding: 0;}
div#container { padding: 0em 0em 0em; min-height: 500px; height: auto !important; height: 500px; }
div#container_left { width: 269px; float: left; height: 310px; background-image: url(kuvat/con_submenu_bg.png); background-repeat: no-repeat; }
  div#container_left_top { height: 310px; padding: 0px 5px 0px 20px; }
    ul#alamenu { list-style: none; list-style-position: outside; margin-left: 0px; padding-left: 0px; padding-top: 15px;}
    ul#alamenu.special { list-style: none; list-style-position: outside; margin-left: 0px; padding-left: 0px; padding-top: 0px; margin-top:0px;}
    ul#alamenu li { line-height: 18px;}
    ul#alamenu li a {   padding-left: 20px;
    font-family: arial, sans-serif; font-size: 10pt; color: #4C6B00; text-decoration: none;
    background-image: url(kuvat/submenu_button.gif); background-repeat: no-repeat; background-position: center left; }
    ul#alamenu li a:hover {  text-decoration:underline; }
    ul#alamenu li a#activealalinkki { font-weight: bold; }
    div#tietotemput { margin-left: 70px; margin-top: 10px; color: #B6C389; font-family: arial, sans-serif; font-size: 9pt;}
  div#tietotemput A{ color: #B6C389; font-family: arial, sans-serif; font-size: 9pt;}
  div#container_right { width: 711px; float: left; background-image: url(kuvat/con_main_bg.png); background-repeat: repeat-y; }
div#sis_conwanha { background-image: url(kuvat/con_main_top.jpg); background-repeat: no-repeat; min-height: 400px !important; height: 400px; background-position: 0% 0%; padding: 14px 38px 25px 31px;}
div#sis_con { background-image: url(kuvat/con_main_top.png); background-repeat: no-repeat; background-position: 0% 0%; padding: 14px 38px 25px 31px;}
div#sis_con_b { background-image: url(kuvat/con_main_bottom.png); height: 23px; background-repeat: no-repeat;}
div#footer { position: absolute; width: 100%; bottom: 0;}
P, UL, LI { font-family: Arial, Helvetica, sans-serif; font-size: 10pt; color: #304716; line-height: 1.3; }
}
P {
 text-align: justify;
}
 H1 { font-family:"Arial Narrow", Arial, sans-serif; font-size:20px; color: #4c6b00;
}
H2, H3{ font-family: Arial, sans-serif; font-size:16px; color: #4c7123;
}
A {
  color: #0066FF;
}
A:visited {
  color: #006633;
}
.pienifontti {
  font-size: 8pt; line-height: 1;
}
.pienempifontti {
  font-size: 9pt;
}

.laatikko {
width: 100%; border: 1px dashed #00a638; padding: 11px; background-color: #f2f7ce;
}