body {
	margin:0;
	padding:0;
	height:100%; /* needed for container min-height */
	font-family:arial,sans-serif;
	font-size:small;
	background-color: #C7C7BD;
	background-image: url(images/otsologo2.jpg);
	background-attachment: fixed;
	background-repeat: no-repeat;
	background-position: center 30px;
}
div#container {
	position:relative; /* needed for footer positioning*/
	margin:0 auto; /* center, not in IE5 */
	width:750px;
	background:#ccc;
	
	height:auto !important; /* real browsers */
	height:100%; /* IE6: treaded as min-height*/

	min-height:100%; /* real browsers */
}

div#logo2 {
	position: relative; /* needed for footer positioning*/
	margin:0 auto; /* center, not in IE5 */
	width:250px;	
	height:400px;
	overflow: auto;
	top: 50px;
}


div#content {
	padding:1em 1em 5em;
	min-height: 300px;
}
	div#content p {
		text-align:justify;
		padding:0 1em;
	}

div#footer {
	position:absolute;
	width:100%; /* stick to bottom */
	vertical-align: 90%;
	bottom: 40px;
	background-color: #C7C7BD;
}
	div#footer p {
		padding:1em;
		margin:0;
	}


.punainen {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-style: normal;
	color: #9E172A;
	font-weight: normal;
	padding-left: 15px;
}

.harmaa {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-style: normal;
	color: #666666;
	font-weight: normal;
	padding-left: 15px;
}

.leipis {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: normal;
	font-weight: normal;
	color: #000000;
	margin-left: 15px;
	left: 20px;
	width: 220px;
}

.listaus {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: normal;
	font-weight: normal;
	color: #000000;
	list-style-image: url(images/asterix.png);
	list-style-position: outside;
	margin-right: 20px;
}

a:link {
	color: #000000;
	text-decoration: none;

}


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

hr {
	width: 220px;
}