BODY, TD, TH {
	font-size:		12px;
	color:			#000000;
	font-family:		arial, verdana, helvetica, sans-serif;
}

H3 {
	font-size:		14px;
	color:			#206817;
	font-family:		arial, verdana, helvetica, sans-serif;
	font-weight:		bold;

}

H4 {
	font-size:		12px;
	color:			#000000;
	font-family:		arial, verdana, helvetica, sans-serif;
	font-weight:		bold;
	margin-bottom:		0px;
}

A:link,
A:active {
	color:			#206817;
}

A:visited,
A:hover  {
	color:			#206817;
}

/* Menu */

#A.topmenupassive:active, A.topmenupassive:visited, A.topmenupassive:link {
	font-size: 12px;
	font-family: arial, helvetica, sans-serif;
	font-weight: bold;
	color: #000000;
	text-decoration: none;
}

A.topmenupassive:hover  { 
	font-size: 12px;
	font-family:  arial, helvetica, sans-serif;
	font-weight:  bold;
	color:#206817;
	text-decoration: underline;
}

#A.topmenuactive:active, A.topmenuactive:visited, A.topmenuactive:link {
	font-size: 12px;
	font-family: arial, helvetica, sans-serif;
	font-weight: bold;
	color:#206817;
	text-decoration: underline;
}

A.topmenuactive:hover  { 
	font-size: 12px;
	font-family:  arial, helvetica, sans-serif;
	font-weight:  bold;
	color:#000000;
	text-decoration: none;
}

#A.leftmenuactive:active, A.leftmenuactive:visited, A.leftmenuactive:link {
	font-size: 12px;
	font-family:  arial, helvetica, sans-serif;
	color:#206817;
	/*text-decoration: none;*/
	font-weight:bold;
}

A.leftmenuactive:hover { 
	font-size: 12px;
	font-family:  arial, helvetica, sans-serif;
	color:#206817;
	/*text-decoration: none;*/
	font-weight:bold;
}

#A.leftmenupassive:active, A.leftmenupassive:visited, A.leftmenupassive:link { 
	font-size: 12px;
	font-family: arial, helvetica, sans-serif;
	color: #000000;
	text-decoration: none;
	font-weight:bold;
}

A.leftmenupassive:hover  { 
	font-size: 12px;
	font-family:  arial, helvetica, sans-serif;
	color:#206817;
	/*text-decoration: none;*/
	font-weight:bold;
}


#A.leftsubmenuactive:active, A.leftsubmenuactive:visited, A.leftsubmenuactive:link {
	font-size: 11px;
	font-family:  arial, helvetica, sans-serif;
	color:#206817;
	text-decoration: none;
	font-weight:bold;
}

A.leftsubmenuactive:hover { 
	font-size: 11px;
	font-family:  arial, helvetica, sans-serif;
	color:#206817;
	text-decoration: none;
	font-weight:bold;	
}

#A.leftsubmenupassive:active, A.leftsubmenupassive:visited, A.leftsubmenupassive:link { 
	font-size: 11px;
	font-family: arial, helvetica, sans-serif;
	color: #000000;
	text-decoration: none;
	font-weight:bold;	
}

A.leftsubmenupassive:hover  { 
	font-size: 11px;
	font-family:  arial, helvetica, sans-serif;
	color:#206817;
	text-decoration: none;
	font-weight:bold;	
}






#A.leftmenulang:active, A.leftmenulang:visited, A.leftmenulang:link { 
	font-size: 11px;
	font-family: arial, helvetica, sans-serif;
	color: #000000;
	text-decoration: none;
}

A.leftmenulang:hover  { 
	font-size: 11px;
	font-family:  arial, helvetica, sans-serif;
	color:#206817;
	text-decoration: none;
}

.leftmenuarrow {
	font-size: 12px;
	font-family: arial, helvetica, sans-serif;
	color: #0099ff;
	font-weight: bold;
	text-decoration: none;
}

/* Other */

#A.copyright:active, A.copyright:visited, A.copyright:link, A.copyright:hover {
	font-size: 12px;
	color: #000000;
	font-family: arial, verdana, helvetica, sans-serif;
	text-decoration: none;
	text-decoration: none;
}




#A.path:active, A.path:visited, A.path:link, A.path:hover {
	font-size: 10px;
	color: #666666;
	font-family: arial, verdana, helvetica, sans-serif;
	margin-top: 0px;
	margin-bottom: 10px;
	text-decoration: none;
}

/*neito*/

#A.neitoact:active, A.neitoact:visited, A.neitoact:link, A.neitoact:hover {
	font-size: 12px;
	color: #ffffff;
	font-family: arial, verdana, helvetica, sans-serif;
	margin-top: 0px;
	text-decoration: none;
	font-weight:bold;
}

#A.neitopas:active, A.neitopas:visited, A.neitopas:link, A.neitopas:hover {
	font-size: 12px;
	color: #000000;
	font-family: arial, verdana, helvetica, sans-serif;
	margin-top: 0px;
	text-decoration: none;
	font-weight:bold;	
}
.neitodiv {
	font-size: 12px;
	color: #000000;
	font-family: arial, verdana, helvetica, sans-serif;
	margin-top: 0px;
	text-decoration: none;
	font-weight:bold;	
}
.neitoala {
	font-size: 12px;
	color: #000000;
	font-family: arial, verdana, helvetica, sans-serif;
	margin-top: 0px;
	text-decoration: none;
	font-weight:bold;	
}
.nosto {
	font-size: 11px;
	color: #000000;
	font-family: arial, verdana, helvetica, sans-serif;
	margin-top: 10px;
	margin-bottom: 10px;
	margin-left: 10px;
	margin-right: 10px;

	text-decoration: none;
	font-weight:bold;	
}
.nostonb {
	font-size: 10px;
	color: #000000;
	font-family: arial, verdana, helvetica, sans-serif;
	text-decoration: none;
}

A.nostolink:active, A.nostolink:visited, A.nostolink:link, A.nostolink:hover {
	font-size: 11px;
	color: #000000;
	font-family: arial, verdana, helvetica, sans-serif;
	margin-top: 0px;
	text-decoration: underline;
	font-weight:bold;
}

.nostowhite {
	font-size: 11px;
	color: #ffffff;
	font-family: arial, verdana, helvetica, sans-serif;
	margin-top: 10px;
	margin-bottom: 10px;
	margin-left: 10px;
	margin-right: 10px;

	text-decoration: none;
	font-weight:bold;	
}
.nostonbwhite {
	font-size: 10px;
	color: #ffffff;
	font-family: arial, verdana, helvetica, sans-serif;
	text-decoration: none;
}

A.nostowhitelink:active, A.nostowhitelink:visited, A.nostowhitelink:link, A.nostowhitelink:hover {
	font-size: 11px;
	color: #ffffff;
	font-family: arial, verdana, helvetica, sans-serif;
	margin-top: 0px;
	text-decoration: underline;
	font-weight:bold;
}



#A.bottoms:active, A.bottoms:visited, A.bottoms:link, A.bottoms:hover {
	font-size: 10px;
	color: #206817;
	font-family: arial, verdana, helvetica, sans-serif;

}
#A.sitemap_ttl:active, A.sitemap_ttl:visited, A.sitemap_ttl:link, A.sitemap_ttl:hover {
	font-size: 12px;
	color: #FFFFFF;
	font-family: arial, verdana, helvetica, sans-serif;
	margin-top: 0px;
	text-decoration: none;
	font-weight:bold;	
}
#A.sitemap_main:active, A.sitemap_main:visited, A.sitemap_main:link, A.sitemap_main:hover {
	font-size: 12px;
	color: #FFFFFF;
	font-family: arial, verdana, helvetica, sans-serif;
	margin-top: 0px;
	text-decoration: none;
	
}
#A.org_ttl:active, A.org_ttl:visited, A.org_ttl:link, A.org_ttl:hover {
	font-size: 12px;
	color: #FFFFFF;
	font-family: arial, verdana, helvetica, sans-serif;
	margin-top: 0px;
	text-decoration: none;
	font-weight:bold;	
}

/* Organization chart */

table#organization {
  font-size: 13px;
}
tr.organization-top {
  background-color: #dddddd;
}
td.organization-top {
  font-size: 14px;
  padding: 8px;
  text-align: center;
  font-weight: normal;
}
td.organization-top a {
  color: black;
  text-decoration: underline;
}

tr.organization-mid {
  background-color: #ffc040;
}
td.organization-mid {
  font-size: 14px;
  padding: 8px;
  text-align: center;
  font-weight: normal;
}
td.organization-mid a {
  color: black;
  text-decoration: underline;
}

tr.organization-sub {
  vertical-align: top;
}

td.organization-sub {
  vertical-align: top;
}

table.organization-unit {
  background-color: #d0e010;
  width: 270px;
  height: 360px;
  font-size: 13px;
  border-spacing: 0px 4px;
}
tr.organization-unit {
  background-color: #f0ffa0;
  vertical-align: middle;
  height: 32px;
}
th.organization-unit {
  font-size: 13px;
  background-color: #d0e010;
  padding: 10px 3px 10px 15px;
  text-align: left;
  height: 70px;
}
td.organization-unit {
  font-size: 13px;
  padding-left: 15px;
  padding-top: 2px;
  padding-bottom: 2px;
}
tr.organization-pad {
  background-color: #d0e010;
  vertical-align: middle;
  height: 32px;
}
td.organization-pad {
  font-size: 13px;
  padding-left: 15px;
  padding-top: 2px;
  padding-bottom: 2px;
}

tr.organization-gov {
  background-color: #206020;
}
td.organization-gov {
  font-size: 14px;
  padding: 8px;
  text-align: center;
  font-weight: normal;
  color: white;
}
td.organization-gov a {
  color: white;
  text-decoration: underline; 
}

/* map or "neito" menu (used in templates "karttasivu" and "local-weather") */

div#map-menu {
  margin: 0;
  padding: 0;
  text-align: center;
}

div#map-menu table.map-menu {
  width: 255px;
/*  height: 22px; */
  border: 0;
  padding: 0;
  margin: 1px 0px;
  border-collapse: collapse;
  table-layout: fixed;
}

div#map-menu table.map-menu tr {
  padding: 0;
  margin: 0;
/*  min-height: 0px;*/
}

div#map-menu table.map-menu td.top-corner {
  vertical-align: top;
  background-color: #fdaa1f;
  width: 7px;
  height: 11px;
  border: 0;
  padding: 0;
  margin: 0;
}

div#map-menu table.map-menu td.bottom-corner {
  vertical-align: bottom;
  background-color: #fdaa1f;
  width: 7px;
  height: 11px;
  border: 0;
  padding: 0;
  margin: 0;
}

div#map-menu table.map-menu td.contents {
  vertical-align: middle;
  background-color: #fdaa1f;
  width: 241px;
  border: 0;
  padding: 0;
  margin: 0;
  text-align: center;
}

div#map-menu table.map-menu td.border-gap {
  background-color: #fdaa1f;
  width: 7px;
  min-height: 0px;
  border: 0;
  padding: 0;
  margin: 0;
}

div#map-menu table.map-menu img.tl {
  vertical-align: top;
  width: 7px;
  height: 11px;
  border: 0;
  padding: 0;
  margin: 0;
}

div#map-menu table.map-menu img.tr {
  vertical-align: top;
  width: 7px;
  height: 11px;
  border: 0;
  padding: 0;
  margin: 0;
}

/* TODO: implement IE-hack in CSS; there's a major bug in IE6 and IE7,
CSS implementation seen in map menu corners if the text is rendered to 2 rows! */

div#map-menu table.map-menu img.bl {
  width: 7px;
  height: 11px;
  border: 0;
  padding: 0;
  margin: 0;

/* IE-hack: IE does not allow "vertical-align: bottom" here for some reason! */
  position: relative;
  bottom: 0;
}

div#map-menu table.map-menu img.br {
  width: 7px;
  height: 11px;
  border: 0;
  padding: 0;
  margin: 0;

/* IE-hack: IE does not allow "vertical-align: bottom" here for some reason! */
  position: relative;
  bottom: 0;
}

div#map-menu img.map-image {
  margin: 5px 0px;
  border: 0;
  padding: 0;
}

table#place-menu {
  margin: 0;
  border: 0;
  padding: 10px 2px;
}

table#place-menu td {
  vertical-align: middle;
  padding: 0;
  margin: 0;
}

table#place-menu a.neitoala {
  margin: 0px 5px 0px 0px;
}

/* go buttons */

input.go-button {
  width: 20px;
  height: 18px;
  border: 0;
  margin: 0em 0.2em;
  vertical-align: middle;
}

/* local weather page */

div#local-weather {
  margin: 0;
}

div#local-weather p.missing-data {
  margin-top: 0.5em;
}

div#local-weather img.info-button {
  width: 18px;
  height: 18px;
  border: 0px;
  margin: 0em 0.2em;
  padding-left: 0em;
  vertical-align: middle;
}

div#local-weather h4.forecast-title {
  margin-bottom: 0.6em;
  margin-top: 0.1em;
}

div#local-weather img.forecast-gram {
  border: 0px;
}

div#local-weather h4.observation-text-title {
  margin-bottom: 0.1em;
  margin-top: 0.1em;
}

div#local-weather p.station-description {
  margin-bottom: 0.2em;
  margin-top: 0.2em;
}

div#local-weather h4.observation-title {
  margin-bottom: 0.2em;
}

div#local-weather span.parameter-menu {
  font-weight: bold;
  margin-right: 0.2em;
  white-space: nowrap;
}

div#local-weather span.parameter-menu a {
  font-weight: normal;
  margin-right: 0.2em;
  white-space: nowrap;
}

div#local-weather img.observation-graph {
  width: 360px;
  height: 190px;
  border: 0px;
  margin: 0.8em 0em;
}