html {
	height: 101%;	
}
body {
	height: 100%;
	margin: 0px;
	padding: 0px;	
	background-color: #666666;
	font-family: verdana;
}
/* Main container for whole page */
.container {
	height: auto;
	width:780px;
    margin-left: auto; 
    margin-right: auto;
    overflow: hidden;
    background-color: white;
}
/* Logo */
.logo {
	height: 125px;
	width: 760px;
	background-image: url(kuvat/top5.jpg);
	background-repeat: no-repeat;
	margin: 10px 0px 0px 10px;
}
/* Left side menu */
#menu {	
	width: 135px;
	float: left;
	background-color: #0066cc;
	font-size: 0.9em;	
	margin: 10px 0px 0px 0px;
	position: relative;
	left: 10px;
}
#menu ul
{ margin: 0px auto; 
  padding: 0px; 
  list-style: none; 
  text-align: left; 
  width: 135px;
  float: left;
} 

#menu li
{ margin: 0px; 
  list-style: none; 
  float: left; 
} 

#menu li a
{ float: left; 
  /*height: 14px;*/
  text-decoration: none; 
  margin: 0px;
  padding: 2px 10px 2px 12px;
  width: 113px;
  border-bottom: 1px solid #ffffff;
  color: #ffffff;
  background-color: transparent;
}
#menu li a:hover, #menu li a#selected
{ background-color: #003399; 
  color: #FFFFFF;
  border-color: #FFFFFF;
} 
/* Language bar below menu */
div.belowmenu {
	width: 135px;
	float: left;
	position: relative;
	left: 10px;
	padding-top: 5px;
}
.belowmenu img {
	border: 0px none;
}
.belowmenu a {
	text-decoration: none;
	color: #000000;
	font-size: 0.6em;
}
/* Right side contents */
.content {
	width: 595px;
	float: right;
	margin-top: 10px;
	padding: 0px 20px 0px 20px;
	font-size: .8em;	
}
div.imgwrapper {
	text-align: center;	
}
.imgwrapper img {
	border: 1px solid black;
	margin-top: 10px;	
}
.imgwrapper p {
	margin: 0 0 10px 0;;
	padding: 0;
}
img {	
	text-align: center;
}

h2 {
	padding: 0px 0px 6px 0px; 
	border-bottom: 2px solid;
	color: #3366cc;	
  	border-color: #cccccc;
}
/* Footer */
div.footer {
	border-top: 1px dotted black;
	width: 100%;
	height: 40px;
	float: left;
	font-size: 0.7em;	
	text-align: center;
}
.footer a {
	text-decoration: none;
	color: #003399;
	background-color: #ffffff;
}
.footer a:hover {
	color: #0066cc;
	background-color: #ffffff;
}
.footer p {
	margin: 0;
	padding: 12px;	
}

.centered {
	text-align: center;	
}
.content .button {
  background-color: #0066cc;
  border: none;
  color: white;
  padding: 5px 32px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 16px;
  cursor: pointer;
}

.content .button:hover {
  background-color: #003399; 
  color: white;
}