body{
 	background-image: url(images/gradientti2.png);
        background-repeat: repeat-x;
        background-color: #8baad6;
}

#container{
	width: 450px;
  padding-left: 50%;
  margin-left: -225px;
  border: none;
  text-align: center;
  position: relative;
}


#logolink{
  width: 100px;
  margin: 0 0 0 -80px;
  border: none;
  float: left;
  position: relative;
  top: 440px;
}

#dipolilappu{
	margin: 0 0 0 -70px;
	float:left;
	position: relative;
	top: 490px;
}

.wappulogo{
	width: 500px;
	height: 320px;
	text-align: center;
	position: relative;
	top: -1450px;
}

#julkku{
	position: relative;
	top: 670px;
	margin: 0 0 0 -60px;
	float: left;
}

#oubs{
	position: relative;
	top: 550px;
	margin: 0 0 0 -75px;
	float: left;
}

#bg_graphics{
	position: relative;
	top: -600px;
}

#top_graphic{
	width: 700px;
	height: 300px;
	background: url('images/content_top.gif') no-repeat top center;
	position: relative;
	left: -63px;
}

#content_bg{
	width: 566px;
	height: 1800px;
	position: relative;
	top: -100px;
}

#main_info{
  width: 520px;
  /*float: left;*/
	text-align: center;
	position: relative
}

#bottom_graphic{
	width: 700px;
	height: 425px;
	background: url('images/content_bottom.gif') no-repeat top center;
	position: relative;
	left: -66px;
	top: 810px;
}

#koko{
	background: #ffffff;
	/* border: solid 3px #866119; */
	position: relative;
	top: 450px;
	left: 0px;
	height: 1500px;
	width: 500px;
}

.vasenpalsta{
	width: 250px;
	float: left;
}

.oikeapalsta{
	width: 250px;
	float: right;
}

.keskella{
	width: 400px;
/*	float: left;  */
	text-align: center;
	margin-left: auto;
	margin-right: auto;
}

h1{
  padding-top: 0px;
  /*border-bottom:1px dotted #718e3d;*/
  font-size: 24px;
  font-family: Georgia, "Book Antiqua", Times, serif;
  font-variant: small-caps;
  color: #416e29;
  text-align: center;
  letter-spacing: 1px;
  font-weight: 1000;
}

h2{
  font-size: 17px;
  font-family: Georgia, "Book Antiqua", Times, serif;
  color: #416e29;
  text-align: left;
  letter-spacing: 1px;
  text-decoration: none;
  font-variant: small-caps;
}

h4{
  font-size: 14px;
  font-family: Georgia, "Book Antiqua", Times, serif;
  color: #416e29;
  text-align: left;
  letter-spacing: 1px;
  text-decoration: none;
  font-variant: small-caps;
}

h3{
  font-size: 14px;
  font-family: Arial, Verdana, sans-serif;
  font-weight: bold;
  color: #416e29;
  letter-spacing: 1px;
}

h4{
  font-size: 14px;
  font-family: Georgia, "Book Antiqua", Times, serif;
  color: #416e29;
  text-align: left;
  letter-spacing: 1px;
  text-decoration: none;
  font-variant: small-caps;
}

p{
  font-size: 11px;
  font-family: Georgia, "Book Antiqua", Times, serif;
  font-weight: 300;
  color: #416e29;
  text-align: left;
  letter-spacing: 0px;
  text-decoration: none;
  line-height: 16px;
}

.link {
  width:100%;
}

.past {
  color: #3793b2;
}

a:link {color: #416e29; text-decoration: italic;}
a:visited {color: #416e29; text-decoration: italic;}
a:active {text-decoration: none;}
a:hover {text-decoration: underline;}

a img {border: none; }

li{
	list-style: none;
	font-size: 11px;
  font-family: Georgia, "Book Antiqua", Times, serif;
  color: #416e29;
  text-align: left;
  letter-spacing: 0px;
  text-decoration: none;
  line-height: 16px;
}

ul{
	margin-left: -15px; 
	list-style: none;
	font-size: 11px;
  font-family: Georgia, "Book Antiqua", Times, serif;
  color: #416e29;
  text-align: left;
  letter-spacing: 0px;
  text-decoration: none;
  line-height: 16px;
}