/* CSS Document */

body,
	html {
	margin:0;
	padding:0;
	background:#fff url(images/index_01.gif) repeat-x top;
	color:#000;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#333;
	}
	body {
		min-width:824px;
	}


dt {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#333;
	font-weight:bold;
}

dd {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#333;
}

li, ul {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#333;
}

#sidebar li { list-style-image:url(images/pienikansio.gif); padding-left:5px; padding-bottom:1px;  }



	#wrap {
		background:#fff;
		margin:0 auto;
		width:824px;
	}
	#img_header {
		background:#fff;
		height:261px;
	}
	#img_header h1 {
    	padding:0px;
	    margin:0;
    }
	#nav {
	background:#fff url(images/index_03.gif);
	height:136px;
	width:824px;
	text-align:right;
	}
	#nav ul{
		margin:0;
		padding:0;
		list-style:none;
	}
	#nav li{
	display:inline;
	margin:0;
	padding:0 0 0 5px;
	}
	
	#nav #links {
	width:545px;
	font-size: 11px;
	font-weight: bold;
	float: right;
	padding: 40px 0px 0px;
	}
	
	#nav #links a:link, #nav #links a:visited, #nav #links a:active,  {
		color:#000000;
		text-decoration:none;
		}
	#nav #links a:hover {
	color:#336666;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #333333;
	border-bottom-color: #333333;
	}
	
	#nav_black {
	background:#1C0909;
	color:#fff;

	height:30px;
	text-align:center;		
	}
	#nav_black ul{
		margin:0;
		padding:0;
		list-style:none;
	}
	#nav_black li{
		display:inline;
		margin:0;
		padding:0;
	}
	
	
	#main {
		background:#fff;
		float:right;
		width:497px;
	}
	
	h1 {
	color:#006666;
	font-size:18px;
	font-weight:bold;
	}
	#main h2, #main h3, #main p {
		padding:0 10px;
    }
	
	#supernavi{
	background:#fff;
	float:left;
	width:200px;
	height: 300px;
	}
	#supernavi h2, #supernavi h3, #supernavi p {
		padding:0 10px;
    }
	#sidebar {
		background:#fff;
		float:left;
		width:624px;
	}
	#sidebar ul {
		margin-bottom:0;
    }
    #sidebar h1, #sidebar h2, #sidebar h3, #sidebar p {
		padding:0px;
    }

#sidebar a:link {
	color : #006267;
	text-decoration : none;
      }
#sidebar a:visited {
	color : #006267;
	text-decoration : none;

      }
#sidebar a:active {
	color : #006267;
	text-decoration : none;

      }
#sidebar a:hover {
	color : #993300;
	text-decoration : underline;
      }



	
	#full_content {
		background:#fff;
		clear:both;
	}
	#full_content p {
		padding:5px;
		margin:0;
    }
	
	#footer {
		background:#fff;
		clear:both;
	}
	#footer p {
		padding:5px;
		margin:0;
		color: #2b6267;
    }
	
	
	
	#leftmenu {
	width: 190px;
	padding: 0px;
	padding-bottom: 10px;
	margin: 0px;
	font-family: arial, sans-serif;
	font-size:11px;
	color: #333333;
	}	
	
#leftmenu h4 { 
		display:none;
		}
		
	#leftmenu ul {
		list-style: none;
		margin: 0px;
		padding: 0px;
		border: none;
		}
		
	#leftmenu li {
		margin: 0;
		list-style: none;
		}

	/*main, generic style...*/
	#leftmenu li a, #leftmenu li a:visited {
	display: block;
	padding: 4px 0px 4px 0px;
	color: #333;
	text-decoration: none;
	font-weight: bold;
	width: 190px;
	background-repeat:no-repeat;
	/* ie5win fudge begins */
		voice-family: "\"}\"";
	voice-family:inherit;
	width: 190px;
		}

	 #leftmenu li a:hover {
	background-repeat:no-repeat;
	color: #333;
		}
		
	/*main, temporarily open*/
	#leftmenu li.open a, #leftmenu li.open a:visited {
	color: #333;
		/*background-repeat:no-repeat;*/ 
		/*background-image: url(images/leftmenu_arrow_hover.gif);*/
		}
	#leftmenu li a:hover, #leftmenu li.open a:hover {
		/*background-image: url(images/leftmenu_arrow_hover.gif);*/
		}
		
	
	/*main, always open*/
	#leftmenu li.on a, #leftmenu li.on a:visited {
		/*background-color: #ffcc99;*/
		color: #333;
		background-repeat:no-repeat; 
		/*background-image: url(images/leftmenu_arrow_selected.gif);*/
		}

	#leftmenu li.on a:hover, #leftmenu li.open a:hover {
		background-position:2px 0px;
		}
		
		
	/* left submenu... */
	
	#leftmenu ul.leftsub {
		display:block;
		padding-bottom:2px;
		}
	
	
	/*	small hack, to enable the menu to be shown expanded in Opera...
		opera can't change the display property through javascript
	*/
	#leftmenu li.on ul.leftsub {
		display:block;
		}
		
	
	#leftmenu ul.leftsub li a, #leftmenu ul.leftsub li a:visited {
		color:#333;
		display: block;
		padding: 4px 0px 4px 11px;
		text-decoration: none;
		font-weight: normal;
		background-image: none;
		width: 190px; 
		/* ie5win fudge begins */
		voice-family: "\"}\"";
		voice-family:inherit;
		width: 149px;
		}
		

		#leftmenu ul.leftsub li a:hover {
			color:#333;
			text-decoration: none;
			/*background: url(images/leftmenu_arrow_hover.gif);*/
			/*background-repeat:no-repeat;*/
		}
	
	/* selected subnav */		
	#leftmenu ul.leftsub li.on a, #leftmenu ul.leftsub li.on a:visited {
		color:#333;
		background-color: #fff;
		text-decoration: none;
		/*background: url(images/leftmenu_arrow_hover.gif);*/
		/*background-repeat:no-repeat;*/
		}
		#leftmenu ul.leftsub li.on a:hover {
			/*background-color:#ffcc99;*/
			/*background-image: url(images/leftmenu_arrow_hover.gif);*/
			/*background-position:2px 0px;*/
			}
			
			
.palaute td {
	vertical-align: top;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#333333;
}
.palaute input, .palaute textarea {
	color:#333333;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #999999;
	border-right-color: #CCCCCC;
	border-bottom-color: #CCCCCC;
	border-left-color: #999999;
}
.palaute .noborder {
	border-top: 0px none;
	border-right: 0px none;
	border-bottom: 0px none;
	border-left: 0px none;
}
.palaute .headerrow {
background-color:#CCCCCC;
}