* {
  margin: 0px;
  padding: 0px;
  font-family: verdana,arial,sans-serif;
}

tbody {
 vertical-align: top;
}

body {
  background-color: #dce0ee;
  text-align:center;
}

p {
  margin-bottom: 10px;
}

h1, h2, h3, h4 {
  margin-bottom:0px !important;
  padding-bottom:10px !important;
}

#container {
  margin: auto;
  width: 950px;
  border:0px solid blue;
  overflow:visible;
}

#topArea {
  border-top:32px solid #007ac3;
  height: 162px;
  width:917px;
  background-color:white;
  border-bottom: 4px solid #bfc2cd;
  float:left;
}

.topImg {
}

#logo {
  text-align:center;
  background-color:white;
  width:228px;
  padding-top:18px;
  padding-bottom:15px;
  clear:none;
  float:left;
}

.logoImg {
  border:none;
}

#logoFF {
  text-align:center;
  background-color:white;
  width:228px;
  padding-top:18px;
  padding-bottom:15px;
  clear:none;
  float:left;
}

#logoIE {
  text-align:center;
  background-color:white;
  width:228px;
  padding-top:18px;
  padding-bottom:15px;
  clear:none;
  float:left;
}

#topSeparator {
  width:10px;
  float:left;
  background-image:url('/gfx/pystyviiva.png');
  background-repeat:repeat-y;
  height:162px;
}

#top_img {
  float:left;
  margin:0;
  padding:0;
}

.childMark {
  float:left;
  margin-top:10px;
  padding-left:5px;
  width:20px;
}

#top_navi {
  background-color:white;
  float:left;
  text-align:left;
  font-family: arial,verdana,sans-serif;
  font-size: 10px;
  width:218px;
  padding-left:10px;
  padding-top:20px;
  list-style-type:none;
  border:0px solid green;
}

#top_navi * {
  float:left;
}

#top_navi li {
  clear:left;
  margin:0;
  padding:0;
  margin-top:10px;
}

#top_navi li a {
  text-decoration: none;
  color:gray;
  font-family: arial,verdana;
  font-size: 12px;
  color:black;
}

#top_navi li.ala_1, #top_navi li.ala_1_valittu {
  padding-left:10px;
}

#top_navi li.ala_2, #top_navi li.ala_2_valittu {
  padding-left:20px;
}

#top_navi li.valittu a{
  color: #2684a0;
  font-weight:bold;
}

#top_navi .ala_1_valittu a, #top_navi .ala_2_valittu a {
  color: #2684a0;
}

#mainBackground {
  margin:0;
  padding:0;
  border-left:32px solid #007ac3;
  border-right: 4px solid #bfc2cd;
  display:table;
  width:917px;
  float:left;
  background-color:white;
  height:100%;
}

#pageSeparator {
  float:left;
  width:1px;
  height:700px;
  border:0px solid green;
}

#main_area, .mceContentBody {
  margin:0;
  padding:0;
  background-image:url('/gfx/pystyviiva.png');
  background-repeat:repeat-y;
  font-family: arial,verdana;
  font-size: 12px;
  text-align:left;
  width:669px;
  padding-top:30px;
  color: #444444;
  float:left;
  background-color:white;
  padding-left:16px;
  overflow:hidden;
  border:0px solid green;
}

.mceContentBody {
  overflow:visible;
}

#main_area li, .mceContentBody li {
  list-style-type: disc;
  margin:0;
  padding:0;
}

#main_area ol, .mceContentBody ol {
  margin:0;
  padding:0;
  padding-left:30px;
}

#main_area ul, .mceContentBody ul {
  margin:0;
  padding:0;
  padding-left:30px;
}

#main_area blockquote, .mceContentBody blockquote {
  padding-left:45px;
}

#main_area table, .mceContentBody table {
  margin:0;
  padding:0;
  margin-left:1px;
  table-layout:fixed;
}

#main_area td, .mceContentBody td{
  padding-left:2px;
}

#main_area td p, .mceContentBody td p{
  margin-top:0;
  margin-bottom:0;
  padding-top:0;
  padding-bottom:0;
}

#main_area a:link, .mceContentBody a:link {
  font-size: 12px;
  color: #2684a0 !important;
}

#main_area a:visited, .mceContentBody a:visited {
  color: purple !important;
}

#main_area a:active, .mceContentBody a:active {
  color: red !important;
}

#main_area a:hover, .mceContentBody a:hover {
  color: blue !important;
  background-color:lightGray;
}

#main_area td, .mceContentBody td {
  word-wrap:normal;
}

.imgleft {
	float: left;
	padding: 10px;
}

#kartta {
margin:0;
padding:0;
border:1px solid blue;
}