html, body, div, img {
	margin:0;
	padding:0;
	border:0;
}

html, body {
	height:100%;}

body {
	background:#EFEDD8 url('fwsivu.jpg') repeat-x left top;
	font-family: "trebuchet ms", sans-serif;
	font-size: 10pt;
        line-height:15pt;
	color: #6F5129;
	margin:0;
	padding:0;
	text-align:center;
}

#runko1 {
	width:990px;
	min-height:100%;
	background:url('naikaala.jpg') repeat-y center top;
	margin:0 auto;
	text-align:left;
}

#runko2 {
	overflow:auto;
	width:100%;
	background:url('fwulkoasu.jpg') no-repeat 0px 63px;
}

#sivu {
	float:left;
	width:270px;
	text-align:justify;
	margin-left:30px;
	padding-top:350px;
}

#tekstit {
	text-align:justify;
	margin-left:330px;
	width:640px;
}

#ala {
	margin-left:500px;
	width:400px;
	clear:both;
}

a
{
	color: #3F2109;
	text-decoration: none;
}

a:hover
{
	text-decoration: none;
}

h1 {
	position: relative;
	font:bold 15px/27px 'Palatino Linotype', Arial;
	color: #753535;
	font-size: 1.1em;
	margin-bottom: 1em;
	padding-bottom: 0.5em;
	border-bottom: solid 2px #A86C4B;
}

h2 {
	color:#C5CC91;
	font:italic bold 15px/27px 'Palatino Linotype', Arial;
	text-align:left;
	letter-spacing:1px;
	text-shadow:1px 1px 3px #000;
}

h3 {
	color:#3F2109;
	font:bold 14px/13px 'Palatino Linotype', Arial;
	text-align:left;
	letter-spacing:1px;
	text-shadow:0px 0px 2px #CFDF9F;
}

.table
{
	margin-bottom: 2em;	
        width: 100%;
}

.th
{
	text-align: left;
	font-weight: bold;
	padding: 1.5em;
}

.td
{
	cellpadding: 5px;
}

.rowA
{
	background-color: #CFCBB1;
	color: inherit;
}

.rowB
{
	background-color: #E3DEC1;
	color: inherit;
}

.rowC
{
	background-color: #CF2016;
	color: #EFEDD8;

}

.blockquote
{
	margin-bottom: 2em;
}

.blockquote p
{
	border-left: solid 8px #667700;
	padding-left: 1em;
	margin-bottom: 0em;
}

ul.style1
	{
		margin: 0 auto;
		padding: 0;
		width: 100%;
		overflow: hidden;
		list-style: none;
		text-align: left;
		color: #71664A
	}
	
	ul.style1 li
	{
		padding: 1.6em 0em 0em 0em;
		margin: 0 0 2.5em 0;
		border-top: 1px solid rgba(0,0,0,.1); 
	}
	
	ul.style1 li:first-child
	{
		border-top: none;
	}
	
	ul.style1 p
	{
		margin: 0;
	}
	
	ul.style1 a
	{
		text-decoration: none;
		color: #753535;
	}
	
	ul.style1 a:hover
	{
		text-decoration: underline;
	}
	
	ul.style1 h3
	{
		padding: 1em 0em 5px 0em;
		text-transform: uppercase;
		font-size: 1em;
		font-weight: 400;
	}
	
	ul.style1 .first
	{
		padding-top: 0;
		background: none;
	}
	
	ul.style1 .date
	{
		float: left;
		position: relative;
		width: 120px;
		height: 120px;
		margin: 0.5em 1.5em 0em 0.5em;
		padding: 0.8em 0em 1.5em 0em;
		box-shadow: 0px 0px 0px 5px rgba(255,255,255,0.1);
		line-height: normal;
		text-align: center;
		text-transform: uppercase;
		text-shadow: 0px 1px 0px rgba(0,0,0,.2);
		font-size: 1em;
		font-weight: 400;
		border-right: 3px solid rgba(0,0,0,.1); 
	}

	ul.style1 .date2
	{
		float: left;
		position: relative;
		width: 80px;
		height: 70px;
		margin: 0.5em 1.5em 0em 0.5em;
		padding: 1.5em 0em 1.5em 0em;
		box-shadow: 0px 0px 0px 5px rgba(255,255,255,0.1);
		line-height: normal;
		text-align: center;
		text-transform: uppercase;
		text-shadow: 0px 1px 0px rgba(0,0,0,.2);
		font-size: 1em;
		font-weight: 300;
		border-right: 1px solid rgba(0,0,0,.1); 
	}
	
	ul.style1 .date:after
	{
		content: '';
		display: block;
		position: absolute;
		left: 0;
		top: 0;
		width: 100%;
		height: 100%;
		border-radius: 6px;
	}
	
	ul.style1 .date b
	{
		margin: 0;
		padding: 0;
		display: block;
		margin-top: -5px;
		font-size: 1.8em;
		font-weight: 700;
	}
	
	ul.style1 .date a
	{
	}
	
	ul.style1 .date a:hover
	{
		text-decoration: none;
	}

