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;
	
  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;
	
	min-height:100%;
  height:auto !important;
  height:100%;
}

div#header { background-image: url(kuvat/yla_bg.gif); height: 151px; background-repeat: no-repeat; background-position: center center;}
div#navigate { background-image: url(kuvat/menu_bg.png); 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 { height: 500px; min-height: 500px; padding: 0em 0em 0em; }
div#container_left { width: 390px; float: left; height: 310px; background-image: url(kuvat/etus_helmet.png); background-repeat: no-repeat;}
  div#container_left_top { height: 310px;}
  ul#alamenu { list-style: none; list-style-position: inside; margin: 0; padding: 3px 0px 0px 45px;}
  ul#alamenu li {float:left; width: 140px;}
  ul#alamenu li a { padding-left: 20px; 
  font-family: arial, sans-serif; font-size: 10pt; color: #4C6B00; font-weight: bold; line-height: 16pt; 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; }
  div#tietotemput { margin-left: 70px; margin-top: 20px; 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_middle { width: 285px; float: left; background: #ebf5b0 url(kuvat/etus_ajank_bg.jpg) 0% 0% no-repeat; }
div#container_right { width: 305px; float: left; background-image: url(kuvat/etus_karttapalsta_bg.png); }
div#footer { position: absolute; width: 100%; bottom: 0;}
P { font-family: Arial, Helvetica, sans-serif; font-size: 10pt; color: #304716; line-height: 1.3; }