html, body {
	font: small/1.3 Arial, "Times New Roman", Times, serif;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}
body {
	text-align: center;
	background: #eee url(images/tausta_kuvio.jpg) repeat;
}
a, a:active, a:visited { text-decoration: none; color: #00b; }
a:hover { color: #09f; }
h1, h2, h3, h4, h5, h6 { text-decoration: none; font-size: medium; font-weight: bold; }
div.hr {
	height: 1em;
	margin: 0px 2%;
	background: url(images/vaaka_dotted_vihrea.gif) repeat-x top;
	clear: both;
}
div.hr hr { display: none; }
.floatleft { float: left; }
#wrapper {
	background: #fff url(images/bg_vaalea.jpg) no-repeat left top;
	padding: 8px;
	margin: 1em auto;
	width: 70%;
	min-width: 600px;
	text-align: left;
	border-top: 8px solid #116A0C;
	border-bottom: 8px solid #116A0C;
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
}
#banner {
	margin: 0px 0px 0px -1px;
	padding: 0px 0px;
	background: #62bb5d url(images/bg_banner.jpg) repeat-x left top;
	text-align: center;
}
#indexpage {
	margin: 10% 0px 0px;
	text-align: center;
}
#menu {
	border-top: 1px solid #fff;
	font: bold small Arial, Helvetica, sans-serif;
	margin: 0px;
	background-color: #bfb026;
}
#menu h6 {
	color: #fff;
	font: bold small Arial, Helvetica, sans-serif;
	margin: 0px;
	padding: 0.2em 0px;
}
#menu a {
	padding: 0.2em .6em;
}
#menu p { margin: 0px 0px 8px; padding: .3em 0px; background-color: #e9e9dc; }
#menu a { color: #fff; }
#menu p a { color: #000; padding: 0px .6em 0px .6em; }
#menu h6 a:hover { color: #000; background-color: #e0e0d3; }
#menu p a:hover { color: #080; }
#content {
	padding: 0px;
	margin: -8px 0px 0px; /* miinus korjaa ie:n tuplamarginaalin muttei vaikuta firefoxiin */
}
#content p { margin: 0px 0px .5em; padding: 0px; }
#content h1, #content h2 {
	color: #116A0C;
	font: bold medium Arial, Helvetica, sans-serif;
	padding: .2em 0px 0px;
	margin: .2em 0px .5em;
	font-size: medium;
	clear: both;
	background: #fff url(images/otsikko_tausta_fade.gif) top repeat-x;
}
#content h3 {
	color: #116A0C;
	font: bold medium Arial, Helvetica, sans-serif;
	padding: 0px 0px 0px;
	margin: 0px 0px .2em;
	font-size: small;
}
#content a { font-weight: bold; }
#content ul {
	margin-left: 0px;
	padding-left: 1em;
	text-indent: -1em;
	list-style-position: inside;
}
#content li {
	background: url(images/list_bg.gif) top repeat-x;
	margin: 0px;
	padding: 0px 0px .2em;
}
.float_image { 
	float: left;
	margin: 3px 20px 10px 0px;
	padding: 0px;
	border: 1px solid #116A0C;
}
#copyrights {
	clear: both;
	font: small Arial, Helvetica, sans-serif;
	color: #666;
	text-align: center;
	margin: 0px;
	padding: 3px 0px 0px;
	background: url(images/vaaka_dotted_harmaa.gif) repeat-x top;
}
#copyrights p { margin: 3px 0px 0px; padding: 0px; }
.x-small { font-size: x-small; }
.float_right { float: right; }
.clear_both { clear: both; }
#width48plus2 {
	width: 45%;
	float: left;
	margin-right: 5%;
}
#width48plus2second {
	width: 45%;
	float: left;
}
#lainaus_kuvan_vieressa {
	background: url(images/lainaus_bg.gif) no-repeat 192px top;
	padding: 15px .5em .5em 232px;
}
#lainaus {
	margin: 2em 0px;
	background: url(images/lainaus_bg.gif) no-repeat 100px top;
	padding: 15px 140px .5em;
}