/* CSS Document */
html {
  	height:				100%; 
  	margin-bottom: 		1px;
}
body {
  	height:				100%;
  	margin: 			0;
  	padding:			0;
  	background-color:	#fff;
  	font-size:			0.7em;
  	font-family: 		Tahoma, Verdana, Arial, Helvetica, sans-serif;
	color: 				#000;
}
h1 {
  	margin:     		60px 0 0 0;
  	padding:    		10px 0 10px 15px;
	background: 		#fff4cb url(../i/header_bg.gif) top left;
  	font-size:  		2.3em;
  	font-family: 		Tahoma, Verdana, Arial, Helvetica, sans-serif;
  	color: 				#c03;
} 
h2 {
  	font-size:  		1.5em;
  	font-family: 		Tahoma, Verdana, Arial, Helvetica, sans-serif;
	color: 				#000;
}
h3 {
  	font-size:  		1.4em;
  	font-family: 		Tahoma, Verdana, Arial, Helvetica, sans-serif;
	color: 				#000;
}
p {
	font-size:			1.1em;
	font-family:		Tahoma, Verdana, Arial, Helvetica, sans-serif;
}
a {
  	color:			#836b36;
	text-decoration:	underline;
} 
a:hover,
 a:active {
  	color:			#000000;
	text-decoration:	none;
}

/* Navigointi */

#topnavi {
	float:				left;
	margin: 			0; 
  	padding:			0;
	width: 				163px;
	height:				100%;
	background: 		#fff url(../i/navi_bg.gif) repeat-y top left;
}
#topnavi ul {
	margin: 			0; 
  	padding:			0;
} 
  	#topnavi li {
		margin: 			0; 
  		padding:			0 0 5px 0;
		height:				25px;
  		list-style-type:	none;
		font-family: 		"Times New Roman", Times, serif;
		text-transform: 	lowercase;
  	}
	#topnavi li.logo {
		width:				163px;
		height:				175px;
		background-image: 	url(../i/logo.gif);
		background-repeat: 	no-repeat;
		padding:			0;
	}
	#topnavi li.logo a, 
	#topnavi li.logo a:hover { background: none; }
  	#topnavi li a {
		margin: 			0;
  		padding:			3px 0 0 30px;
  		font-weight:		bold;
  		font-size:			1.4em;
  		color:				#fff;
  		text-decoration:	none;
		background:			#fc6;
		display: 			block;
		height:				100%;
		background-image:   url(../i/navilibg.gif);
  		background-repeat:  no-repeat;
  		background-position:10% 40%; 
  	} 
  	#topnavi li a:hover,
  	#topnavi li a:active {
		margin: 			0;
  		padding:			3px 0 0 30px;
  		color:				#fff;
		background:			#c03;
  		text-decoration:	none;
		display: 			block;
		background-image:   url(../i/navilibg.gif);
  		background-repeat:  no-repeat;
  		background-position:10% 40%; 
  	}
	#topnavi li a.active { 
		background:			#c03;
  		background-image:   url(../i/navilibg.gif);
  		background-repeat:  no-repeat;
  		background-position:10% 40%; 
  }
	
/* Sisältöcontainer */

#container {
	float: 				left;
	width:				612px;
	margin:				0;
	padding:			0;
}
#content {
	float:				left;
	width:				410px;
	padding:			15px 10px 0 12px;
}
#content li {
	font-size:			1.1em;
	font-family:		Tahoma, Verdana, Arial, Helvetica, sans-serif;

}
#content a.ref {
  	color:			#000000;
	text-decoration:	none;
} 
#content a:hover.ref,
 a:active.ref {
  	color:			#000000;
	text-decoration:	underline;
}

/* Alanavi */

#subnavi {
	float:				left;
	width:				180px;
	margin:				25px 0 0 0;
	background:			#fff;
}
#subnavi ul {
 	margin: 			0;
  	padding:			18px 0 0 13px;
	height:				230px;
	background:			#f6f1de;
  } 
  	#subnavi li {
  		margin: 			0;
  		padding:			0 0 14px 0;
  		list-style-type:	none;
		font-family: 		Tahoma, Verdana, Arial, Helvetica, sans-serif;
  	}
  	#subnavi li a {
  		padding:			0;
  		font-weight:		bold;
  		font-size:			1.2em;
  		color:				#000;
  		text-decoration:	none;
  	} 
  	#subnavi li a:hover,
  	#subnavi li a:active {
  		color:				#c7c7c7;
  		text-decoration:	none;
  	}
	
/* Vinjetti */

#content p.ankkuri {
	background:			#fff url(../i/kruunu.gif) no-repeat top center;
	width:				400px;
	height: 			30px;
}