* {					margin: 0; padding: 0; border: 0; }

body {				background: url('tausta.jpg') repeat-x #FFF; margin: 0 auto; text-align: center; }
.clear {				clear: both; }

p {					font: 10pt Trebuchet MS; color: #282828; text-align: left; }
h2 {					font: 11pt Arial; height: 40px; margin: 0 0 5px; padding: 12px 0 0 20px; font-weight: bold; }
h3 {					font: 14pt Arial; font-weight: bold; color: #222; padding: 0 50px; }
a {					color: #0281CA;}
a:hover {				color: #111; }

p.alateksti {			margin: 0 auto;		font: 7pt Arial; color: #222; padding: 0 50px; text-align: center;}


#container {			margin: 0 auto; text-align: center; border: 10px solid #FFF; border-bottom: 0; border-top: 0;}
div#container {			width: 848px; }
@media all and (min-width: 0px) { body #container { width: 868px; } }

#main {				margin: 0 auto; text-align: center; border: 20px solid #FFF; border-bottom: 0; border-top: 0;}
div#main { 			width: 800px}
@media all and (min-width: 0px) { body #main { width: 840px; } }  




#top {				width: 800px; height: 300px; background: url('yla.jpg') no-repeat; }
#top #first {			text-align: right; padding: 0; height: 52px; }
#top #first span {		padding: 12px 0 0; display: block; }
#top #first img {			vertical-align: middle; }
#top #first a {			font: 12pt Arial; color: #FFF; text-decoration: none; font-weight: bold; padding: 0;}
#top #first a:hover {		color: #2C733B; }
#top #second {			height: 216px; width: 800px; }
#top #second img {		padding: 0; float: right;}
#top #third {			float: right; }
#top #third a {			font: 12pt Arial; color: #FFF;  text-decoration: none; font-weight: bold; padding: 0 4px; }
#top #third a:hover {		color: #2C733B; }


div.alasivu {			width: 800px; background: #FFF; padding-top: 5px; text-align: left; }
div.alasivu h2 {			background: url('fade1.jpg') repeat-x #FFF; color: #FFF; margin: 0 0 20px;}
div.alasivu p {			padding: 0 50px 10px;  }






#index #left {			float: left; width: 520px; height: 40px; color: #000000; font: 12pt Arial; text-align: left;}

#left h2 {				background: url('fade1.jpg') repeat-x #FFF; color: #FFF; margin: 0; }
#left p {				padding: 0 20px 20px; font: 11pt Trebuchet MS; }

#index #left #ajatukset { 	font-size: 9pt; width: 505px; height:341px; margin-top: 10px;  background: url('ajatukset.jpg') no-repeat #FFF; text-align: center; }
#ajatukset .left {		padding: 0 0 0 21px; width: 225px; float: left; color: #2F4423; font: 10pt Trebuchet MS; }
#ajatukset .right {		padding: 0 25px 0 0; width: 210px; float: right; color: #2F4423; font: 10pt Trebuchet MS; }
#ajatukset h2 {			background: transparent; padding: 30px 0 0; font: 18pt Georgia;}
#ajatukset h4 {			padding: 18px 0 0;}
#ajatukset a {			color: #0281CA; text-decoration: none; font: 13pt Arial; font-weight: bold; }
#ajatukset a:hover {		color: #111; }

#index #right {			float: right; width: 265px; background: url('fade3.jspg') repeat-x #fff; color: #000000; font: 12 Arial; }
#right h2 {				background: url('fade2.jpg') repeat-x #fff;  padding: 10px 0 0 0; margin: 0; color: #fff; text-decoration: none; text-align: center; }
#right h3 {				padding: 0 0 0 10px; font: 10pt Arial; font-weight: bold; margin: 0; }
#right h4 {				margin: 10px 0; text-align: center; font: 10pt Arial; font-weight: bold;  }
#right p {				padding: 0 0 0 10px; }
#right a {				color: #0281CA; text-decoration: none; }
#right a:hover {			color: #111; }

#index #right #puuro {	background: #fff; padding: 0; color: #435227; text-align: left; color: #435227; font-weight: bold; font: 12pt Arial; margin: 30px 0 0 0; }
#puuro img {			float: right; }
#puuro a  {				text-decoration: none;  font-weight: normal; font: 10pt Arial;}
#puuro ul {				margin: 0 0 100px 10px; }
#puuro li {				list-style-image:none; list-style-position:inside; list-style-type: none;  }


#kukaolen p.kuva {		margin: 0; padding: 10px; border: 1px solid #CCC; text-align: center; width: 350px; font: 12pt Arial; color: #555}


div.php h3 {			padding: 0; display: inline; }
div.php {				font: 9pt Arial; color: #111; padding: 0px 50px 10px; }

#yhteydenotto h3 {		text-align: center; padding: 20px 0 150px; }

#teemat h4 {			margin: 10px 0 0; font: 10pt Arial; font-weight: bold; color: #111; }

em {					font-size: 120%; color: #187D31; }
address {				float: left; padding: 0 50px 10px; font: 11pt Arial; color: #222; font-style: normal; text-align: left; }

form {				margin: 20px auto; }
form br {				clear: both; }
fieldset {				border-top: 1px solid #BBB; margin: 20px auto; width: 620px; padding: 10px; }
fieldset legend {		font: 12pt Arial; color: #222; padding: 0 10px; }
label {				width: 150px; text-align: right; color: #444; font: 10pt Arial; display: block; float: left; padding: 3px 10px 0 0;}
input {				width: 350px; height: 20px; padding: 1px; border: 1px solid #777; margin: 0 0 10px; color: #000; font: 10pt Arial;  }
textarea {				border: 1px solid #777; color: #000; font: 10pt Arial;  }
label.submit {			visibility: hidden; }
input.submit {			border: 1px solid #000; width: 150px; height: 25px; }




table { 				border-collapse: collapse; margin: 30px;}
table a { 				color: #0F8429; text-decoration: none; font: 11pt Arial; font-weight: normal; }
table a:hover {			color: #111; }
td.pvm {				height: 50px; width: 80px; background: #fff; text-align: right; padding: 0 18px 0 0; color: #999; font: 10pt Arial; font-weight: normal; }
td.tiedosto {			height: 50px; width: 500px; background: #fff;  font: 12pt Arial; font-weight: bold; color: #222; }
td.selitys {				height: 50px; width: 500px; background: #fff; font: 9pt Verdana; color: #383127;}


#tiedotteet td.pvm {		font: 12pt Arial; }
#tiedotteet table a {		color: #0281CA;}
#tiedotteet table a:hover {	color: #111; }


#kalenteri font.pvm {		color: #0F8429; font: 12pt Arial; font-weight: normal; text-transform: uppercase; }
#kalenteri font.tiedosto {	font: 12pt Arial;  color: #222; }

#puuro table { 				border-collapse: collapse; margin : 0 30px}
#puuro td.pvm {				height: 30px; width: 100px; background: #fff; text-align: left; padding: 10 18px 0 0; color: #999; font: 10pt Arial; font-weight: normal; }
#puuro h4 {					margin: 10px 0; text-align: center; font: 10pt Arial; font-weight: bold;  }