body { text-align:center; margin:0px; background-color:#ffffff; padding:0; font-size:12px; font-family:Arial; }

h1 { font-family:Georgia; font-size:36px; font-weight:normal; color:#789a1b; line-height:normal; margin:0; padding: 0 0 10px 0; }
h2 { font-family:Georgia; font-size:16px; font-style:italic; font-weight:bold; color:#618616; line-height:normal; margin:0; padding: 0 0 10px 0; }
h3 { font-family:Arial; font-size:12px; font-weight:bold; line-height:normal; margin:0; padding: 0 0 10px 0; }
img { border:0; }
p { padding-top:0; margin-top:0; }
a, a:visited, a:hover, a:active { color:#618616; text-decoration:none; font-weight:bold; }
a:visited { color:#385400; }
a:hover, a:active { color:#ffb800; text-decoration:underline; }}
ul { margin-top:0; padding-top:0; margin-bottom:0; padding-bottom:0; }

img[align=left] { padding-right:15px; padding-bottom:15px; padding-top:15px; }
img[align=right] { padding-left:15px; padding-bottom:15px; padding-top:15px;  }

fieldset { margin-bottom:10px; border:0; padding-left:10px; }
legend { font-weight:bold; color:#7d9523; padding:5px 0; }
label { display:block; }
sup { color:#888888; font-size:9px; }

div.container { width:940px; text-align:left; margin-left:auto; margin-right:auto; position:relative; font-family:Arial; font-size:12px; color:#333333; }
div.front { background:url("../graf/bg_3_cols.gif") repeat-y; }
div#toplinkarea { width:100%; background-color:#c5eafc; height:18px; padding:8px 0 4px 0; font-sixe:11px; }
	a.top, a.top:visited, a.top:hover, a.top:active { float:left; font-family: Arial; font-size:11px; text-decoration:none; color:#00365a; font-weight:bold; }
	img.topseparator { float:left; display:block; padding: 0 5px; }
	div#search { float:right; width:222px; }
	div#search form { margin:0; padding:0; }
   input.text_search { width:190px; border:1px solid #6290ab; vertical-align:top; height:14px; font-size:11px; }
div#header { position:relative; width:940px; margin-left:auto; margin-right:auto; margin-top:15px; text-align:left; }
   div#header_left { float:left; width:670px; margin-right:20px; }
	   a.logo, a.logo:visited, a.logo:hover, a.logo:active { display:block; margin-top:10px; margin-bottom:15px; }
   div#header_right { float:left; height:115px; width:220px; font-size:11px; background:url("../graf/bg_header.gif") top right repeat-y; padding-left:20px; }
	   div#header_right form div { margin-bottom:10px; }
	   div#header_right a, div#header_right a:visited, div#header_right a:hover, div#header_right a:active { font-weight:normal; }
	   div.loginhead { font-size:12px; font-family:Georgia; font-style:italic; font-weight:bold; padding:10px 0; }
	   input.loginfield { width:172px; height:14px; border:1px solid #c8c8c8; vertical-align:middle; margin-bottom:5px; }
	   input.submit_login { background:url("../graf/button_login.gif") no-repeat; width:22px; height:18px; vertical-align:middle; border:0; margin-bottom:5px; }

div#left_col { float:left; width:220px; margin-right:20px; }
div#maincontentarea { float:left; width:460px; margin-right:20px; }
div#right_col { float:left; width:220px; }

div#wormarea, div#wormarea_front { width:100%; background-color:#ffb800; margin-bottom:14px; font-size:11px; }
div#wormarea_front { height:7px; overflow:hidden; }
div#wormcontent { width:940px; margin-left:auto; margin-right:auto; text-align:left; padding-top:2px; padding-bottom:2px; }
div#wormcontent a, div#wormcontent a:visited, div#wormcontent a:hover, div#wormcontent a:active { color:#333333; font-weight:normal; text-decoration:none; }

/* Navigaatio */
div#navi_top { width:100%; position:relative; }
/*
   div#navi_top img { display:block; float:left; }
   div#navi_top a, div#navi_top a:visited, div#navi_top a:hover, div#navi_top a:active { 
      display:block; float:left; height:29px; padding:12px 20px 0 20px; background:url("../graf/bg_menu_top.gif") repeat-x; font-size:12px; color:#618616; }
   div#navi_top a.menutopAct, div#navi_top a.menutopAct:visited, div#navi_top a.menutopAct:hover, div#navi_top a.menutopAct:active { 
      display:block; float:left; height:29px; padding:12px 20px 0 20px; background:url("../graf/bg_menu_act.gif") repeat-x; font-size:12px; color:#333333; }
*/
   div#navi_top img { display:block; float:left; }
   div#navi_top a, div#navi_top a:visited, div#navi_top a:hover, div#navi_top a:active { 
      display:block; float:left; height:41px; font-size:12px; color:#618616; }
   div#navi_top a.menutopAct, div#navi_top a.menutopAct:visited, div#navi_top a.menutopAct:hover, div#navi_top a.menutopAct:active { 
      display:block; float:left; height:41px; font-size:12px; color:#333333; }
   img.separator { float:left; display:block; }
div#menuarea { width:100%; background:url("../graf/bg_menu.gif") #618616 repeat-x; }
   div#menuarea .container a, div#menuarea .container a:visited, div#menuarea .container a:hover, div#menuarea .container a:active { 
      display:block; float:left; height:29px; padding:12px 20px 0 20px;  font-size:12px; color:#ffffff; }
   div#menuarea .container a.mLA, div#menuarea .container a.mLA:visited, div#menuarea .container a.mLA:hover, div#menuarea .container a.mLA:active { 
      display:block; float:left; height:29px; padding:12px 20px 0 20px; background:url("../graf/bg_menu_act.gif") repeat-x; font-size:12px; color:#333333; }

ul#navi { position:relative; width:220px; margin:0; padding:0; list-style:none; }
ul#navi li ul, ul#navi li ul li ul { margin:0; padding:0; list-style:none; }
ul#navi li ul { padding-top:0; }
ul#navi li { margin:0; position:relative; width:100%; line-height:1.5; padding:0; background:url("../graf/dotted_line.gif") left bottom no-repeat; }
ul#navi li.act { padding-bottom:0; }
ul#navi li a, ul#navi li a:visited, ul#navi li a:hover, ul#navi li a:active { font-size:12px; display:block; padding:10px 0; text-decoration:none; color:#618616; }
ul#navi li a.act, ul#navi li a.act:visited, ul#navi li a.act:hover, ul#navi li a.act:active { font-size:12px; display:block; color:#333333; padding:10px 0; }
ul#navi li ul, ul#navi li ul li { display:none; border:0; }
ul#navi li.act ul li, ul#navi li.act ul li.act { display:block; width:100%; margin:0; padding:0; text-align:left; background-image:none; }
ul#navi li.act ul li a, ul#navi li ul li a:visited, ul#navi li ul li a:hover, ul#navi li ul li a:active { 
    color:#618616; display:block; padding:0 0 5px 17px; text-decoration:none; background-image:none; }
ul#navi li.act ul li.act a.act1, ul#navi li.act ul li.act a.act1:visited, ul#navi li.act ul li.act a.act1:hover, ul#navi li.act ul li.act a.act1:active { 
	display:block; padding:0 0 5px 17px; color:#333333; font-weight:bold; }
ul#navi li.act ul { display:block; }
ul#navi li.act ul li.act ul { display:block; }
ul#navi li.act ul li.act ul li a, ul#navi li.act ul li.act ul li a:visited, ul#navi li.act ul li.act ul li a:hover, ul#navi li.act ul li.act ul li a:active { 
	 color:#618616; padding:0 0 5px 27px; display:block; font-size:11px; font-weight:normal; }
ul#navi li.act ul li.act ul li a.act2, ul#navi li.act ul li.act ul li a.act2:visited, ul#navi li.act ul li.act ul li a.act2:hover, ul#navi li.act ul li.act ul li a.act2:active { 
	padding:0 0 5px 27px; display:block; font-size:11px; color:#333333;font-weight:normal; }
/* Fix IE. Hide from IE Mac \*/
* html ul#navi li { height: 1%; }
* html ul#navi li a { height: 1%; }
/* End */

/* Etusivun vasen palsta */
div#text_change { padding-top:20px; }

/* Oikea palsta: pikalinkit, vikailmoitukset */
div.box_green { border-bottom:3px solid #789a1b; margin-bottom:10px; }
div.box_green h2 { background:url("../graf/bg_header_green.gif") repeat-x; color:#ffffff; height:19px; padding:5px 10px; margin:0 0 1px 0; }
div.box_orange { border-bottom:3px solid #ffb800; margin-bottom:10px; }
div.box_orange h2 { background:url("../graf/bg_header_orange.gif") repeat-x; color:#333333; height:19px; padding:5px 10px; margin:0 0 1px 0; }
div.box img { vertical-align:middle; }
div.box { width:198px; background-color:#f4f4f4; border:1px solid #c8c8c8; padding:10px; margin-bottom:1px; }
a.ql, a.ql:visited, a.ql:hover, a.ql:active { display:block; text-decoration:none; padding:6px 0; }

div.more_news_link { padding-top:20px; background:url("../graf/dotted_line.gif") 0 10px no-repeat; }
div.more_news_link img { vertical-align:middle; margin-right:10px; border:0; }
div.news_list_front { padding:5px 0; }
div.catheader { font-family:Georgia; font-weight:bold; font-style:italic; color:#333333; font-size:12px; padding-top:20px; background:url("../graf/dotted_line.gif") 0 10px no-repeat; }

/* Footer */
div#footer { background-color:#e8e8e8; border-top:1px solid #c8c8c8; width:100%; padding-bottom:30px; margin-top:10px; padding-top:10px; }
table#footer { color:#2a4665; font-size:11px; text-align:center; width:100%; }
div#footer a, div#footer a:visited, div#footer a:hover, div#footer a:active { color:#2a4665; text-decoration:none; }
table#footer td { empty-cells:show; font-size:11px; vertical-align:top; padding-bottom:20px; padding-top:10px; }
table#footer h1 { font-weight:bold; font-style:italic; color:#333333; font-size:12px; }
table#footer a, table#footer a:visited, table#footer a:active { color:#618616; font-weight:normal; }
table#footer a:hover { color:#618616; text-decoration:underline; font-weight:normal; }
table#footer td.footer_spacer { height:5px; }
table#footer td.f1 { width:156px; padding-left:10px; background:url("../graf/footerborder.gif") top left repeat-y; text-align:left; }
table#footer td.f0 { width:156px; padding-left:10px; text-align:left; }
table#footer td ul { list-style-type:none; margin:0; padding:0; }
table#footer td ul li {
   background-image:url("../graf/footerarrow.gif");
   background-repeat: no-repeat;
   background-position: 0 5px;
   padding-left:10px;
   list-style-type: none;
   margin-top:4px;
}
input.textPhonebook { border:1px solid #c8c8c8; width:115px; color:#618616; height:16px; font-size:11px; vertical-align:top; }

div.image img { padding-bottom:1px; border-bottom:3px solid #789a1b; margin-bottom:10px; }
div.clear { clear:both; height:0; }
img.block { display:block; }
img.line { display:block; margin-top:5px; margin-bottom:5px; }

/* Etusivu */
table.front_liftup { width:460px; }
table.front_liftup td.image { vertical-align:top; width:150px; }
table.front_liftup td.text { vertical-align:top; }
div#maincontent_container { width:100%; background:url("../graf/bg_front_middle.gif") repeat-y; }
div#maincontent_left { float:left; width:220px; padding-right:20px; }
div#maincontent_right { float:left; width:220px; }
div#maincontent_left h2, div#maincontent_right h2,div#maincontent_left h1, div#maincontent_right h1 { background:url("../graf/bg_header_green.gif") #90ae20 left bottom repeat-x; height:19px; color:#ffffff; padding-top:5px; padding-left:10px; margin:0; padding-bottom:5px; }

/* Uutiset */
span.date { color:#618616; font-weight:bold; }
p.newsdate, div.newsdate { font-size:12px; line-height:1.5; }
div.newsitem { padding-bottom:15px; }
div.newsitem a, div.newsitem a:visited, div.newsitem a:hover, div.newsitem a:active { font-style:italic; }
span.buttonlike { float:left; width:auto; display:block; background:url("../graf/bg_header_green.gif") repeat-x; color:#ffffff; font-weight:bold; padding:8px 7px; font-size:12px; margin-right:2px; }
span.buttonlike_act { float:left; width:auto; display:block; background:url("../graf/bg_header_orange.gif") repeat-x; color:#ffffff; font-weight:bold; padding:8px 7px; font-size:12px; margin-right:2px; }
span.archive a, span.archive a:visited, span.archive a:hover, span.archive a:active,
span.archive a.act, span.archive a.act:visited, span.archive a.act:hover, span.archive a.act:active { 
	float:left; display:block; width:40px; background:url("../graf/bg_header_green.gif") repeat-x; color:#ffffff; font-weight:bold; padding:8px 12px; font-size:12px; margin-right:2px; }
span.archive a.act, span.archive a.act:visited, span.archive a.act:hover, span.archive a.act:active { background:url("../graf/bg_header_orange.gif") repeat-x;  }
span.buttonlike a, span.buttonlike a:visited, span.buttonlike a:hover, span.buttonlike a:active { color:#ffffff; font-weight:bold; font-size:12px; }
span.buttonlike_act a, span.buttonlike_act a:visited, span.buttonlike_act a:hover, span.buttonlike_act a:active { color:#333333; font-weight:bold; font-size:12px; }

/* lomakkeet */
form { margin:0; padding:0; }
div.formHeader { padding:3px 0; }
input.textInput { width: 300px; margin-bottom:8px; font-size:12px; vertical-align:middle; }
input.textNarrower { width: 150px; margin-bottom:8px; font-size:12px; vertical-align:middle; }
select.selectNarrower { width: 150px; margin-bottom:8px; font-size:12px; vertical-align:middle; }
textarea.txtarea { width: 300px; height:70px; margin-bottom:5px; font-size:12px; }
input.mInput, input.muuInput { width:50px; margin:5px 0; font-size:12px; }
div.formHeader { font-weight:bold; }
input.contact_button { border:0; background-color:transparent; font-style:italic; font-size:10px; font-weight:bold; padding:0; margin:0; }


/* muut */
table.basictable { width:100%; }
table.basictable td { vertical-align:top; padding:10px; color:#618616; font-weight:bold; background:url("../graf/dotted_line.gif") left bottom repeat-x; }
table.basictable td.header { background:url("../graf/bg_header_green.gif") left bottom #90ae20 repeat-x; color:#ffffff; font-weight:bold; }
table.basictable td.gray { background-color:#f4f4f4; }

table.liftuptable { width:460px; margin-top:10px; }
table.liftuptable td { vertical-align:top; }
table.liftuptable td.liftup { width:145px; background:url("../graf/bg_liftup.gif") #90ae20 left bottom no-repeat; color:#ffffff; height:40px; padding:10px 60px 10px 15px; }
table.liftuptable td.liftup a, table.liftuptable td.liftup a:visited, table.liftuptable td.liftup a:hover, table.liftuptable td.liftup a:active { text-decoration:none; color:#ffffff; }
table.liftuptable td.separator { width:20px; }

a.sL0, a.sL0:visited, a.sL0:hover, a.sL0:active { font-size:12px; color:#333333; }
div.sitemap1 { padding-left:15px; padding-bottom:5px; }
div.sitemap1 a, div.sitemap1 a:visited, div.sitemap1 a:hover, div.sitemap1 a:active { font-size:11px; color:#618616; }
div.sitemap2 a, div.sitemap2 a:visited, div.sitemap2 a:hover, div.sitemap2 a:active { font-size:11px; color:#333333; }
div.sitemap3 a, div.sitemap3 a:visited, div.sitemap3 a:hover, div.sitemap3 a:active { font-size:11px; color:#333333; font-weight:normal; }
div.sitemap2 { padding-left:25px; padding-bottom:5px; }
div.sitemap3 { padding-left:35px; padding-bottom:5px; }

div.searchhead { background:url("../graf/bg_header_green.gif") repeat-x; color:#ffffff; font-weight:bold; padding:8px; font-size:12px; }
table td.header { background-color:#f4f4f4; color:#618616; font-weight:bold; font-size:12px; padding:8px; }
table td.header_right { background-color:#f4f4f4; color:#618616; font-weight:bold; font-size:12px; padding:8px; text-align:right; }
span.search_header { color:#333333; font-size:12px; }
a.searchL, a.searchL:visited, a.searchL:hover, a.searchL:active { 
	display:block; background:url("../graf/bg_header_green.gif") repeat-x; width:25px; height:90px; color:#ffffff; text-decoration:none; font-size:12px; }
div.result { padding:10px 8px; }
div.result b { color:#618616; }

table.phonebook_results { width:100%; }
table.phonebook_results td { vertical-align:top; padding:10px; color:#618616; font-weight:bold; background:url("../graf/dotted_line.gif") left bottom repeat-x; }
table.phonebook_results td.header { background:url("../graf/bg_header_green") left bottom #90ae20 repeat-x; color:#ffffff; font-weight:bold; }