body {
	background-color:#9F7E59;
	width: 520px;
	margin-left: auto;
	margin-right: auto;
}

td#sivu {
	background-image: url(hpl_17.gif);
	background-repeat: repeat-y;
	vertical-align: top;
}

td#leivat {
	background-image: url(hpl_16.gif);
	background-repeat: no-repeat;
}

table#kontainer {
	background-image: url(hpl_tausta.gif);
	background-repeat: repeat-y;
}
#yla{
background-image: url(hpl_02.gif);
background-repeat: no-repeat;
}
h1 {
	margin-top: 22px;
	margin-right: 30px;
	text-align: right;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 18px;
	text-transform: uppercase;
	letter-spacing: 3px;
	color: #AD1B1B;
}

h2 {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 14px;
	text-transform: uppercase;
	letter-spacing: 3px;
	color: #AD1B1B;	
	text-align: center;
	border: dotted #AD1B1B;
	border-top-width: 0px; border-bottom-width: 2px; border-left-width: 0px; border-right-width: 0px;
	margin-right: 30px;
}

p {
	font-size: 13px;
	font-family: Trebuchet, "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #330000;
	margin-left: 12px;
	width: 340px;
}

ul {
	padding: 0px;
	margin-right: 30px;
}

li {
	font-size: 11px;
	font-family: Trebuchet, "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #330000;
}

#kerttu, #airi,#kaija {
	width:60px;
	float:left;
	margin-right:10px;
	border:1px solid #000000;
}
#left, #rigth{float:left;}
#left img,#right img{
margin:10px;
border:ridge medium #980000;
}
#left a:hover img,#right a:hover img{
border-color:#0000FF;
}
p.link{
display:block;
text-align:center;
width: 270px;
}
p a:link,a:visited{color:#AD1B1B;}
p a:hover{color:#0000FF;}
p a:active{font-style:italic;}