/* CSS Document */

body {
	background-color: #321702;	
	margin: 0px;	
	font-family: Georgia, "Times New Roman", Times, serif;
	}
	
#navi {
	width: 636px;	
	padding-left: 30px;	
	background-color: #5f382e;
	}
	
#navi a:link {
	font-size: 12px;	
	color: #fff2c5;	
	text-decoration: none;	
	line-height: 18px;	
	font-variant: small-caps;
	}
	
#navi a:visited {
	font-size: 12px;	
	color: #fff2c5;	
	text-decoration: none;	
	line-height: 18px;	
	font-variant: small-caps;
	}
	
#navi a:hover, #navi a:active {
	font-size: 12px;	
	color: #e4d18d;	
	text-decoration: none;	
	line-height: 18px;	
	font-variant: small-caps;
	}

#subnavi_bg {
	width: 199px;	
	height: 185px;	
	margin: 0px;	
	background-image: url(../kuvat/hokso_subnavi_topbg.jpg);	
	background-repeat: no-repeat;	
	background-position: top;
	}

#subnavi {
	padding-top: 15px;
	padding-right: 20px;
	padding-left: 30px;
	line-height: 18px;
	text-transform: uppercase;
	/*width: 199px;
	background-image: url(../kuvat/hokso_subnavi_topbg.jpg);
	background-repeat: no-repeat;*/
}

#subnavi a:link {
	font-size: 11px;	
	color: #804e41;	
	text-decoration: none;	
	line-height: 18px;	
	text-transform: uppercase;
	}

#subnavi a:visited {
	font-size: 11px;	
	color: #804e41;	
	text-decoration: none;	
	line-height: 18px;	
	text-transform: uppercase;
	}
	
#subnavi a:hover, #subnavi a:active {	
	font-size: 11px;	
	color: #311702;	
	text-decoration: underline;	
	line-height: 18px;	
	text-transform: uppercase;}

.sisalto_class {
	text-align: justify;
	font-size: 12px;
	color: #311702;
	line-height: 18px;
	background-image: url(../kuvat/hokso_sisalto_topbg.jpg);
	background-repeat: no-repeat;
	padding-top: 0px;
	padding-right: 45px;
	padding-bottom: 0px;
	padding-left: 5px;
}

#sisalto_bg {
	background-image: url(../kuvat/hokso_sisalto_topbg.jpg);
	background-repeat: no-repeat;

}

#sisalto {
	width: 417px;
	/*padding-top: 0px;
	padding-right: 45px;
	padding-bottom: 0px;
	padding-left: 5px;*/
	font-size: 12px;
	color: #311702;
	line-height: 18px;
	text-align: justify;
}

#sisalto h1 {	
	font-size: 24px;	
	color: #804e41;	
	margin-top: 0px;	
	margin-bottom: 5px;
}

#sisalto h2 {
	font-size: 22px;	
	color: #804e41;	
	margin-top: 15px;	
	margin-bottom: 5px;
	}

#sisalto h3 {
	font-size: 20px;	
	color: #804e41;	
	margin-top: 15px;	
	margin-bottom: 5px;
	}

#sisalto h4 {
	font-size: 18px;	
	color: #804e41;	
	margin-top: 15px;	
	margin-bottom: 5px;
	}
	
#sisalto h5 {
	font-size: 16px;	
	color: #804e41;	
	margin-top: 15px;	
	margin-bottom: 5px;
	}
	
#sisalto h6 {
	font-size: 14px;	
	color: #804e41;
	margin-top: 15px;	
	margin-bottom: 5px;
	}
	
#sisalto p {
	text-align: justify;
	line-height: 18px;
	font-size: 12px;
	}

#sisalto a:link {
	color: #804e41;	
	text-decoration: underline;
	}

#sisalto a:visited {
	color: #804e41;	
	text-decoration: underline;
	}

#sisalto a:hover, #sisalto a:active {
	color: #311702;	
	text-decoration: underline;
	}