@charset "UTF-8";
* {
	margin: 0;
	padding: 0
}
html {
	background: #fff;
	color: #000
}
body {
	font: 62.5% /1.2 Arial, Helvetica, sans-serif
}
abbr, acronym, fieldset, img {
	border: none
}
fieldset, img {
	display: block
}
table {
	border-collapse: collapse;
	border-spacing: 0;
	empty-cells: show
}
caption, th, td {
	text-align: left;
	vertical-align: top
}
q:before, q:after {
	content: ''
}
.accessibility {
	display: block;
	font-size: 0;
	height: 0;
	line-height: 0;
	overflow: hidden;
	text-indent: -9000px
}
.hidden {
	display: none;
	visibility: hidden
}
.transparency {
	-khtml-opacity: .75;
	-moz-opacity: .75;
	opacity: .75
}
.clear {
	clear: both;
	height: 0 !important;
	margin: 0 !important;
	padding: 0 !important
}
a:link {
	color: #36c;
	text-decoration: underline
}
a:visited {
	color: #551a8b;
	text-decoration: underline
}
a:hover {
	color: #36c;
	text-decoration: none
}
a:focus {
	color: #36c;
	text-decoration: none
}
a:active {
	color: #36c;
	text-decoration: none
}
address, caption, cite, code, dfn, var {
	font-style: normal;
	font-weight: normal
}
h1 {
	color: #17822c;
	font-size: 2.0em;
	font-weight: normal
}
h2 {
	font-size: 1.4em
}
h3, h4, h5, h6 {
	font-size: 1.2em
}
p, th, td, li, dt, dd {
	font-size: 1.2em
}
li * {
	font-size: 1.0em
}
select {
	font-family: Arial, Helvetica, sans-serif !important
}
#navigation strong {
	font-weight: normal
}
#main-content p span {
	font-size: 1.17em !important
}
#main-content .addthis a span {
	font-size: 1.0em !important
}
#main-content .teaser h2 {
	font-size: 1.2em;
	font-weight: bold
}
#main-content .listing h2 {
	font-size: 1.4em;
	font-weight: normal
}
#main-content .listing h3 {
	font-size: 1.4em
}
#main-content #paginator-header {
	font-size: 1.2em
}
#main-content .listing form h3 {
	font-size: 1.2em;
	font-weight: normal
}
#main-content .listing ul h4 {
	font-size: 1.0em;
	font-weight: normal
}
#main-content .job strong {
	font-weight: normal
}
#featured-navigation h2 {
	font-size: 1.2em;
	font-weight: normal
}
html {
	height: 100%
}
body {
	height: 100%
}
#page {
	background: #f3f3f3 url(/images/embed/content-area-bg.gif?1305680358) center top repeat-y;
	min-height: 100%;
	position: relative
}
#branding {
	background: #46a859 url(/images/embed/branding-bg.png?1305680358) 0 bottom repeat-x;
	height: 102px;
	padding: 31px 0 0 0
}
#branding .wrapper {
	background: url(/images/embed/logo-slogan2.png?1305680358) 20px 20px no-repeat;
	height: 60px;
	list-style-image: none;
	margin: 0 auto;
	padding: 20px 20px 22px 20px;
	width: 726px
}
#branding h1 a {
	display: block;
	font-size: 0;
	height: 60px;
	text-indent: -9000px;
	width: 217px
}
#branding span {
	display: block;
	font-size: 0;
	text-indent: -9000px
}
#content-area {
	margin: 0 auto;
	padding: 0 0 50px 0;
	width: 766px
}
#navigation {
	background: url(/images/embed/navigation-border-bottom.png?1305680358) right bottom no-repeat;
	float: left;
	padding: 0 0 0 20px;
	width: 217px
}
#navigation ul {
	background: url(/images/embed/navigation-border-top.png?1305680358) right 0 no-repeat;
	list-style-type: none;
	margin: 0 0 60px 0;
	padding: 18px 0 0 0;
	width: 217px
}
#navigation li {
	border-bottom: #eee solid 1px;
	width: 200px
}
#navigation li.first {
	border-top: #eee solid 1px
}
#navigation li a {
	border-top: #fff solid 1px;
	border-bottom: #fff solid 1px;
	color: #17822c;
	display: block;
	padding: 4px 10px;
	text-decoration: none;
	width: 180px
}
#navigation li a:visited {
	color: #17822c
}
#navigation li a:hover, #navigation li a:focus, #navigation li a:active {
	background: #824a18 url(/images/embed/navigation-link-bg.png?1305680358) 0 0 repeat-x;
	color: #fff
}
#navigation li strong {
	background: #824a18 url(/images/embed/navigation-link-bg.png?1305680358) 0 0 repeat-x;
	border-top: #fff solid 1px;
	border-bottom: #fff solid 1px;
	color: #fff;
	display: block;
	padding: 4px 10px;
	width: 180px
}
#navigation ul ul {
	background: none;
	margin: 0;
	padding: 0;
	width: 200px
}
#navigation ul.avoimet-tyopaikat {
	display: none
}
#navigation ul ul li {
	border-top: #eee solid 1px;
	border-bottom: 0;
	font-size: 1.0em
}
#navigation ul ul li span, #navigation ul ul li span {
	padding: 0 0 0 10px;
	display: block
}
#navigation ul ul li span {
	background: url(/images/embed/navigation-sublinks-bullet.gif?1305680358) 0 .5em no-repeat
}
#navigation ul ul li a:visited span {
	background-position: 0 -105px
}
#navigation ul ul li a:hover span, #navigation ul ul li a:focus span, #navigation ul ul li a:active span, #navigation ul ul li strong span {
	background-position: 0 -50px
}
#main-content {
	float: right;
	padding: 18px 20px 0 20px;
	width: 489px
}
#main-content h1 {
	padding: 0 0 10px 0
}
#main-content h2 {
	padding: 10px 0 5px 0
}
#main-content h3, #main-content h4, #main-content h5, #main-content h6 {
	padding: 0 0 5px 0
}
#main-content p {
	padding: 0 0 15px 0
}
#main-content p.endlink {
	padding: 40px 0 0 0
}
#main-content ul {
	list-style-type: disc;
	padding: 0 0 10px 25px
}
#main-content ol {
	padding: 0 0 10px 25px
}
#main-content ul ul, #main-content ol ol {
	padding: 5px 0 0 25px
}
#main-content li {
	padding: 0 0 5px 0
}
#main-content table {
	margin: 0 0 15px 0;
	border: #000 solid 1px;
	width: 487px
}
#main-content th, #main-content td {
	border: #000 solid 1px;
	padding: 5px
}
#main-content img {
	background: #fff;
	border: #eee solid 1px;
	margin: 0 0 15px 0;
	padding: 1px
}
#main-content img.right {
	float: right;
	margin: 0 0 15px 10px
}
#main-content p span.caption-left {
	clear: left;
	display: block;
	float: left;
	font-size: 1.0em !important;
	margin: -12px 6px 0 0;
	font-style: italic
}
#main-content p span.caption-right {
	clear: right;
	display: block;
	float: right;
	font-size: 1.0em !important;
	margin: -12px 0 0 6px;
	font-style: italic
}
#main-content img.left {
	float: left;
	margin: 0 10px 15px 0
}
#main-content .job {
	list-style-type: none;
	padding: 0;
	width: 489px
}
#main-content .job li {
	clear: both
}
#main-content .job strong {
	float: left;
	padding: 0 10px 10px 0;
	width: 100px
}
#main-content .job span {
	float: right;
	padding: 0 0 10px 0;
	width: 379px
}
#main-content .job span span {
	display: block;
	float: none;
	padding: 0;
	width: auto
}
#main-content .teaser {
	border: #eee solid 1px;
	clear: both;
	float: left;
	margin: 0 0 20px 0;
	padding: 9px 9px 0 9px;
	width: 469px
}
#main-content .teaser h2 {
	padding: 0 0 5px 0
}
#main-content .teaser img.left {
	float: left;
	margin: 0 10px 10px 0;
	width: auto
}
#main-content .teaser img.right {
	float: right;
	margin: 0 0 10px 10px
}
#main-content .teaser p {
	padding: 5px 0 10px 0
}
#main-content .listing {
	background: url(/images/embed/listing-bg.gif?1305680358) 0 0 repeat-y;
	border-top: #eee solid 1px;
	clear: both;
	width: 489px
}
#main-content .listing .wrapper {
	background: url(/images/embed/listing-bottom-bg.gif?1305680358) 0 bottom no-repeat;
	width: 489px
}
#main-content .listing h2 {
	border-top: #fff solid 1px;
	border-right: #fff solid 1px;
	border-bottom: #eee solid 1px;
	border-left: #fff solid 1px;
	margin: 0 1px;
	padding: 0;
	width: 485px
}
#main-content .listing h2 span {
	background: #824a18 url(/images/embed/listing-header-bg.gif?1305680358) 0 0 repeat-x;
	border-bottom: #fff solid 1px;
	color: #fff;
	display: block;
	padding: 6px 8px 5px 8px
}
#main-content .listing h3 {
	border-top: #eee solid 1px;
	clear: left;
	margin: 10px 10px 0 10px;
	padding: 5px 0 0 0
}
#main-content .listing li {
	list-style-type: none
}
#main-content .listing ul {
	padding: 10px
}
#main-content .listing ul ul {
	padding: 10px 0 0 0
}
#main-content .listing li {
	padding: 0 0 10px 0
}
#main-content .listing ul ul li {
	padding: 0 0 5px 0
}
#main-content .listing ul h4 {
	margin: 0;
	padding: 0
}
#main-content .listing p {
	padding: 10px
}
#main-content .listing form h3 {
	border: none;
	padding: 0
}
#main-content .listing form input.button {
	background: #000 url(/images/embed/button-bg.png?1305680358) 0 0 no-repeat;
	border: 0;
	color: #fff;
	cursor: pointer;
	height: 20px;
	margin: -10px 10px 10px 10px;
	padding: 0 0 3px 0;
	text-align: center;
	width: 98px
}
#main-content .listing form input.button:hover {
	background-position: 0 -20px
}
#main-content .listing form ul {
	float: left;
	width: 469px
}
#main-content .listing form li {
	padding: 0
}
#main-content .listing form ul ul {
	float: left;
	margin: -3px 0 0 0;
	padding: 0;
	width: 109px
}
#main-content .listing form ul ul.select {
	margin: 0;
	width: 360px
}
#main-content .listing form ul ul li {
	float: left;
	padding: 0;
	width: 109px
}
#main-content .listing form ul ul li input {
	float: left;
	margin: 3px 5px 0 0;
	width: auto
}
#main-content .listing form ul ul li label {
	float: left;
	width: auto;
	padding: 3px 0 0 0
}
#main-content .listing form ul ul.select li {
	padding: 0 20px 12px 0;
	width: 340px
}
#main-content .listing form li select {
	float: left;
	width: 240px
}
#main-content .listing form ul.select label {
	float: left;
	padding: 3px 0 0 0;
	width: 100px
}
#main-content .listing form li input {
	vertical-align: top
}
#main-content .rss {
	padding: 15px 10px 5px 10px
}
#main-content .rss a {
	background: #fff url(/images/embed/rss.png?1305680358) 0 0 no-repeat;
	padding: 0 0 1px 20px
}
#main-content .rss a.rss-info {
	background: none; padding: 0;
}
#main-content .fblink {
	background: url(/images/embed/facebook.png?1305680358) 0 -1px no-repeat;
	padding: 0 0 0 18px;
}
#main-content #paginator-header {
	border: 0
}
#main-content .paginator li {
	display: inline
}
#main-content .paginator li a {
	border-left: #17822c solid 1px;
	color: #17822c;
	padding: 0 4px 0 6px;
	text-decoration: none
}
#main-content .paginator li a:hover, #main-content .paginator li a:focus {
	text-decoration: underline
}
#main-content .paginator li span {
	border-left: #17822c solid 1px;
	padding: 0 4px 0 6px
}
#main-content .paginator li strong {
	background: #eee;
	border: #17822c solid 1px;
	margin: 0 -4px 0 0;
	padding: 0 5px 0 5px
}
#main-content .paginator li:first-child a {
	border: 0;
	padding: 0 5px 0 0
}
#main-content .contacts {
	list-style-type: none;
	padding: 0
}
#main-content .contacts ul.alphabets {
	margin: 0 0 10px -5px;
	width: 469px
}
#main-content .contacts ul.alphabets li {
	display: block;
	float: left;
	margin: 0 4px 0 0;
	padding: 0 0 5px 0;
	width: auto
}
#main-content .contacts ul.alphabets li a {
	color: #17822c
}
#main-content .contacts ul.alphabets li a, #main-content .contacts ul.alphabets li span {
	padding: 5px
}
#main-content .contacts li h4 {
	font-weight: bold
}
#main-content .addthis {
	padding: 30px 0 15px 0
}
#main-content .addthis img {
	border: none;
	display: inline;
	margin: 0 3px -3px 0;
	padding: 0
}
#main-content .addthis a {
	color: #36c;
	text-decoration: none
}
#main-content .addthis a span {
	text-decoration: underline
}
#main-content .addthis a:hover span, #main-content .addthis a:hover focus {
	text-decoration: none
}
#featured-content {
	clear: both
}
#featured-navigation {
	background: #fff url(/images/embed/featured-navigation-bg.png?1305680358) 0 0 repeat-x;
	height: 31px;
	left: 0;
	padding: 0;
	position: absolute;
	top: 0;
	width: 100%
}
#featured-navigation-wrapper {
	margin: 0 auto;
	width: 766px
}
#featured-navigation h2 {
	float: left;
	padding: 8px 0 0 20px;
	width: 170px
}
#featured-navigation ul {
	float: left;
	list-style-type: none;
	width: 576px
}
#featured-navigation .erva {
	border-right: #aaa solid 1px;
	float: left;
	position: relative;
	width: auto
}
#featured-navigation .first {
	border-left: #aaa solid 1px
}
#featured-navigation .erva a {
	background: #fff url(/images/embed/featured-navigation-bg.png?1305680358) 0 -1px repeat-x;
	color: #000;
	display: block;
	margin: 1px 0 0 0;
	padding: 7px 10px 8px 10px;
	text-decoration: none
}
#featured-navigation .erva a:hover, #featured-navigation .erva a:focus {
	background-position: 0 -32px;
	border-left: #fff solid 1px;
	border-right: #fff solid 1px;
	color: #fff;
	padding: 7px 9px 8px 9px
}
#featured-navigation .erva a span {
	background: url(/images/embed/featured-nav-arrow.gif?1305680358) right 4px no-repeat;
	padding: 0 17px 0 0
}
#featured-navigation .erva a:hover span, #featured-navigation .erva a:focus span {
	background: url(/images/embed/featured-nav-arrow.gif?1305680358) right -17px no-repeat
}
#featured-navigation .erva div {
	background: #fff;
	border: #aaa solid 1px;
	border-top: 0;
	left: -11px;
	position: absolute;
	padding: 10px;
	top: 30px;
	width: 330px
}
#featured-navigation .erva h3 {
	width: 330px
}
#featured-navigation .erva div ul {
	float: none;
	width: 330px
}
#featured-navigation .erva div li {
	float: none;
	display: list-item;
	padding: 5px 0 0 0;
	width: 330px
}
#featured-navigation .erva div a {
	background: url(/images/embed/navigation-sublinks-bullet.gif?1305680358) 0 5px no-repeat;
	color: #17822c;
	display: block;
	padding: 0 0 0 10px !important
}
#featured-navigation .erva div a:visited {
	background-position: 0 -105px;
	color: #551a8b
}
#featured-navigation .erva div a:hover, #featured-navigation .erva div a:focus {
	background-position: 0 5px;
	color: #17822c;
	padding: 0 0 0 10px !important;
	text-decoration: underline
}
#featured-navigation .erva div span {
	padding: 0 0 0 10px
}
#featured-navigation .erva div p {
	margin: 0 0 10px 0;
	padding: 10px 0 5px 0
}
#featured-navigation .erva div p:first {
	border-bottom: #eee solid 1px
}
#change-lang {
	font-size: 1.2em;
	float: right;
	width: auto;
	padding: 0 20px 0 0;
	margin: -22px 0 0 0
}
#change-lang .lang-fi {
	border-right: 1px solid #aaa;
	margin: 0 5px 0 0;
	padding: 0 5px 0 0
}
#change-lang strong {
	font-weight: normal
}
#change-lang a:link, #change-lang a:visited, #change-lang a:hover, #change-lang a:focus, #change-lang a:active {
	color: #17822c
}
#site-info {
	background: #46a859 url(/images/embed/site-info-bg.gif?1305680358) 0 0 repeat-x;
	clear: both;
	height: 27px;
	margin: -27px 0 0 0;
	position: relative
}
#site-info p {
	color: #fff;
	margin: 0 auto;
	padding: 7px 10px 6px 20px;
	text-align: right;
	width: 736px
}
#site-info p a {
	color: #fff;
	padding: 0 10px;
	text-decoration: none
}
#featured-navigation .erva div {
	left: -9000px
}
#featured-navigation .hovering div {
	left: -11px
}
#featured-navigation .hovering a {
	background-position: 0 -32px;
	border-left: #fff solid 1px;
	border-right: #fff solid 1px;
	color: #fff;
	padding: 7px 9px 8px 9px
}
#featured-navigation .hovering a span {
	background: url(/images/embed/featured-nav-arrow.gif?1305680358) right -17px no-repeat
}