h1
{
  font-family:Arial, Helvetica, sans-serif;
  border-bottom:1px solid;

}

/* unvisited link */
a:link {
color:#ED832D;
text-decoration:none;
}

/* visited link */
a:visited {
color:#ED832D
text-decoration:none;
}

/* mouse over link */
a:hover {
color:#00FF00;
text-decoration:underline;
}

/* selected link */
a:active {
color:#ED832D
text-decoration:none;
}

body{
margin: 0; 
padding: 0; 
padding-top:10px;
padding-bottom:10px;


}



.container 
{ 

margin: 0 auto; 
max-width:55em; 
border:solid 2px #CCCCCC;
padding:5px;
}


.main_header{
font-family:Arial, Helvetica, sans-serif;
margin:5px;
padding:30px; 
border-bottom:solid 2px #00ff6f;
text-align:center;

}

.main_header nav
{
border-bottom: solid 2px;
border-bottom-color: #00FF6F;
height : 40px; 
margin-bottom: 10px;
}
.main_header nav ul
{
  list-style : none;
  margin : 0 auto; 
}
.main_header nav ul li 
{
   display: inline;
   float : center; 
} 


.main_header a:link, .main_header a:visited
{
   color : black;
   text-decoration : none;
   display : inline-block;
   padding : 10px 25px;
   font-size : 130%
}

.main_header nav ul li a { 
	text-decoration: none;
	} 
 
 .main_header ul li a:hover { 
	border-bottom:solid 5px #41ffcf; 
	 
	} 
 


.main_area
{
padding:15px;
margin:5px;
width:auto;
height:auto;
/*border:solid 2px #CCCCCC;*/

}

.main_article
 {
 font-family:Verdana, Arial, Helvetica, sans-serif;
 font-size:14px;
 text-indent:0.2em;
 letter-spacing:0.1em;
 line-height:1.5em;
 float:left;
padding:20px;
width:370px;


 }

.info_footer{
  font-family:Verdana, Arial, Helvetica, sans-serif; 	
  clear:both;
  padding:15px;
  width:auto;
  margin:5px;
  text-align:center;
  border-top:solid 2px  #41ffcf;


}



.kuva {
float:right;
padding-top:100px;
padding-right:50px;
}

.kuva2 {
float:right;
padding-top:20px;
padding-right:50px;
}



 #map-canvas {
           width: 450px;
        height: 300px;
        margin: 10px;
        padding: 10px;
      float: center;
	  
	  }