body.mainBody
{
	position: absolute;
	margin: 0px;
	padding: 0px;
	width: 100%;
	height: 100%;

	text-align: center;
	background: #b4ebbd url('pics/frontpage/main-bg-25.jpg') repeat;
	z-index: 0;
}

#mainTable
{
	position: relative;
	padding: 0px;

	margin-top: 0px;	
	margin-left: auto;
	margin-right: auto;
	text-align: left;

	width: 975px;
	height: 100%;
	z-index: 0;
	
}

#leftColumn
{
	position: absolute;
	top: 210px;
	left: 0px;
	width: 200px;
	height: 560px;

	text-align: left;
	margin-top: 0px;
	margin-left: 0px;
	z-index: -1;
}

#leftColumnSearch
{
	position: absolute;
	top: 10px;
	left: 0px;
	width: 190px;
	height: 160px;
	text-align: left;
	margin: 0px 0px 0px 0px;
	
}

#googleAddsDiv
{
	position: absolute;
	top: 300px;
	left: 0px;
	width: 200px;
	height: 650px;
	text-align: left;
	
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	
}

.div_google_bg
{
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	
	border: solid 1px #444444;

	background-color: #FFFFFF;
	
	/* for IE */
  	filter:alpha(opacity=60);
  	/* CSS3 standard */
  	opacity:0.60;
  	/* for Mozilla */
  	-moz-opacity:0.60;
	
	-moz-border-radius:18px;
	-webkit-border-radius:18px;
	-opera-border-radius:18px;
	-khtml-border-radius:18px;
	border-radius:18px;
	
	-khtml-box-shadow:rgba(0,0,0,0.7) 0px 0px 24px;
	-moz-box-shadow:rgba(0,0,0,0.7) 0px 0px 24px;
	box-shadow:rgba(0,0,0,0.7) 0px 0px 24px;
	
	z-index: -1;
}

#searchTable1
{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

#searchForm1
{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}



#topRow
{
	position: absolute;
	top: 0px;
	left: 0px;
	width: 975px;
	height: 220px;
	text-align: center;
}

#topRowKalenteri
{
	position: absolute;
	top: 0px;
	right: 0px;
	magin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	width: 200px;
	height: 150px;

	text-align: center;
	
}

.muutettuBg
{
	position: absolute;
	top:0px;
	left: 0px;
	width: 100%;
	height: 100%;

	border: solid 1px #000000;
	background: url('pics/frontpage/muutettuBg-1.gif');

	/* for IE */
  	filter:alpha(opacity=40);
  	/* CSS3 standard */
  	opacity:0.40;
  	/* for Mozilla */
  	-moz-opacity:0.40;
	
	-khtml-box-shadow:rgba(0,0,0,0.7) 0px 0px 24px;
	-moz-box-shadow:rgba(0,0,0,0.7) 0px 0px 24px;
	box-shadow:rgba(0,0,0,0.7) 0px 0px 24px;
	
	z-index: -1;
}

#topRowMuutettu
{
	position: absolute;
	top: 150px;
	right: 0px;
	width: 200px;
	height: 27px;
	margin: 0px 0px 0px 0px;
	padding: 3px 0px 0px 0px;
	text-align: center;
	font: normal normal normal 10px arial;
	font-family:Verdana, Geneva, sans-serif;
	
}

.pvmTableBg
{
	position: absolute;
	top:0px;
	left: 0px;
	width: 100%;
	height: 100%;

	border: solid 1px #000000;
	background: url('pics/frontpage/pmvBg-1.gif');

	/* for IE */
  	filter:alpha(opacity=40);
  	/* CSS3 standard */
  	opacity:0.4;
  	/* for Mozilla */
  	-moz-opacity:0.4;
	
	-khtml-box-shadow:rgba(0,0,0,0.7) 0px 0px 24px;
	-moz-box-shadow:rgba(0,0,0,0.7) 0px 0px 24px;
	box-shadow:rgba(0,0,0,0.7) 0px 0px 24px;
	
	z-index: -1;
}

table.pvmTable
{
	width: 200px;
	height: 150px;
	margin: 0px;
	padding: 0px;

	
}

tr.dateField
{
	font: normal normal bold 12px arial;
	font-family:Verdana, Geneva, sans-serif;
}

tr.daysField
{
	font: normal normal normal 10px arial;
	font-family:Verdana, Geneva, sans-serif;
}

tr.numbers_row
{
	font: normal normal normal 10px arial;
	font-family:Verdana, Geneva, sans-serif;
}

td.numbers_td
{
	font: normal normal normal 10px arial;
	font-family:Verdana, Geneva, sans-serif;
}

td.marked_td
{
	font: normal normal normal 10px arial;
	font-family:Verdana, Geneva, sans-serif;
	
	background-color: #FFFF00;
}

td.marked_actday_td
{
	font: normal normal normal 10px arial;
	font-family:Verdana, Geneva, sans-serif;

	background-color: #FFFF66;
}

td.actday
{
	font: normal normal normal 10px arial;
	font-family:Verdana, Geneva, sans-serif;
	border: solid 1px #333;

	background-color:#FFFFCC;
}



dl, dt, dd, ul, li {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	list-style-type: none;
}



#menu {
	position: absolute; /* Menu position that can be changed at will */
	bottom: 5px;
	right: 0px;

	
	margin-top: 0px;
	height: 25px;
	font: normal normal bold 14px arial;
	color: #0000FF;

	background: #fef6ae;
	z-index: 2;
	text-align: center;
	border: solid 1px #000000;
	
	-moz-border-radius:18px;
	-webkit-border-radius:18px;
	-opera-border-radius:18px;
	-khtml-border-radius:18px;
	border-radius:18px;
	
	-khtml-box-shadow:rgba(0,0,0,0.7) 0px 0px 24px;
	-moz-box-shadow:rgba(0,0,0,0.7) 0px 0px 24px;
	box-shadow:rgba(0,0,0,0.7) 0px 0px 24px;
}

#menu dl{
	float: left;
	width: 129px;
}



#menu dt {
	cursor: pointer;
	margin: 2px 0px 0px 0px;
	height: 20px;
	line-height: 20px;
	text-align: center;
	font-weight: bold;

	font: normal normal bold 14px arial;
	font-family:Verdana, Geneva, sans-serif;
}



#etusivu_a
{
	color: #000000;
	font: normal normal bold 14px arial;
	font-family:Verdana, Geneva, sans-serif;
}



#menu dd {
	border: 1px solid gray;
	z-index: 2;
}



#menu li {
	text-align: center;
	background: #fff;
}

#menu li a, #menu dt a {
	color: #000000;
	text-decoration: none;
	display: block;
	border: 0 none;
	height: 100%;
	
	font: normal normal normal 12px arial;
	font-family:Verdana, Geneva, sans-serif;
}

#menu li a:hover, #menu dt a:hover {
	background: #cdf7d4;
	font-weight: bold;
}



#innerTable
{
	position: absolute;
	top: 205px;
	left: 200px;
	width: 800px;
	
	z-index: -1;
}

#googleImg1
{
	position:absolute;
	top: -5px;
	left: 55px;
	width: 65px;


	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

#upperMiddleDiv
{
	position:absolute;
	top: 0px;
	left: 200px;
	
	height: 180px;
	width: 550px;

	background-image: url("pics/frontpage/top_banner_1.jpg");
	border: solid 1px #777777;
	
	-moz-border-radius:18px;
	-webkit-border-radius:18px;
	-opera-border-radius:18px;
	-khtml-border-radius:18px;
	border-radius:18px;

	text-align: center;	
}

#upperLeftDiv
{
	position:absolute;
	top: 0px;
	left: 0px;

	height: 180px;
	width: 180px;
	
	border: solid 1px #777;
	
	/* for IE */
  	filter:alpha(opacity=60);
  	/* CSS3 standard */
  	opacity:0.6;
  	/* for Mozilla */
  	-moz-opacity:0.6;
}

#upperLeftDivImg
{
	position: absolute;
	top: 2px;
	left: 15px;

	margin: 0px 0px 0px px;
	padding: 0px 0px 0px 0px;
	width: 157px;
	height: 180px;
}

.div_bg
{
	position: absolute;
	top: 0px;
	left:0px;

	width: 100%;
	height: 100%;

	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	
	background-color: #FFFFFF;
	border: groove 2px #000000;

	/* for IE */
  	filter:alpha(opacity=60);
  	/* CSS3 standard */
  	opacity:0.60;
  	/* for Mozilla */
  	-moz-opacity:0.60;
	
	-khtml-box-shadow:rgba(0,0,0,0.7) 0px 0px 24px;
	-moz-box-shadow:rgba(0,0,0,0.7) 0px 0px 24px;
	box-shadow:rgba(0,0,0,0.7) 0px 0px 24px;
	
	
	z-index: -1;

}

.div_leaf_bg
{
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	
	background-color: #FFFFFF;
	
	/* for IE */
  	filter:alpha(opacity=60);
  	/* CSS3 standard */
  	opacity:0.60;
  	/* for Mozilla */
  	-moz-opacity:0.60;
	
	-khtml-box-shadow:rgba(0,0,0,0.7) 0px 0px 24px;
	-moz-box-shadow:rgba(0,0,0,0.7) 0px 0px 24px;
	box-shadow:rgba(0,0,0,0.7) 0px 0px 24px;
	
	z-index: -1;
}


#luppy-div
{
	position:absolute;
	top: 75px;
	left: 60px;
}

a.luppyLinks
{
	font: normal normal normal 14px arial;
	font-weight: bold;
	font-family: "courier new", courier, arial;
	text-decoration: none;

	color: #0000FF;
}

a.luppyLinks:hover
{
	font-weight: bold;
	text-decoration: none;
	color: #FFFFFF;
}

.sivukartta_a
{
	position: absolute;
	top: 160px;
	left: 113px;
	
	color: #0000FF;
	text-decoration: none;
	background:none;
	
	padding: 3px 5px 5px 5px;
	
	font: normal normal bold 10px arial;
	font-family: Verdana, Geneva, sans-serif;
	z-index: 3;
	
}

.sivukartta_a:hover
{
	color: #FF0000;
	background:none;
}

#luppy-div
{
	position:absolute;
	top: 55px;
	left: 48px;
	
}

a.luppyLinks
{
	font: normal normal normal 12px arial;
	font-weight: bold;
	font-family: Verdana, Geneva, sans-serif;
	text-decoration: none;

	color: #FFFF00;
}

a.luppyLinks:hover
{
	font-weight: bold;
	text-decoration: none;
	color: #FFFFFF;
}

#mapContainer
{
	position: absolute;
	width: 600px;
	height: 420px;
	background: #FF9;
	color: #000000;
	
	border: groove 2px #000000;
	margin: 20px 0px 0px 0px;
	
	-khtml-box-shadow:rgba(0,0,0,0.7) 0px 0px 24px;
	-moz-box-shadow:rgba(0,0,0,0.7) 0px 0px 24px;
	box-shadow:rgba(0,0,0,0.7) 0px 0px 24px;
	
	display:none;
	z-index: 100;
}

div.googleMap
{
	width: 600px;
	height: 400px;
	border-top: groove 2px #000000;
	margin: 5px 0px 0px 0px;
	text-align:center;
}

.mapHeader
{
	width: 250px;
	height: 20px;
	
	margin: 0px 0px 0px 0px;
	padding: 1px 2px 2px 2px;
	font: normal normal bold 16px arial;
	font-family:Verdana, Geneva, sans-serif;
	color: #0000000;
	background: #FF9;
	text-align:center;
}

#showButton
{
	position: absolute;
	top: 425px;
	left: 19px;
	color: #0000FF;
	
	padding: 3px 5px 5px 5px;
	
	background-color: #FF9;
	border: solid 1px #000000;
	
	-moz-border-radius:18px;
	-webkit-border-radius:18px;
	-opera-border-radius:18px;
	-khtml-border-radius:18px;
	border-radius:18px;
	
	z-index: 10;
	font: normal normal bold 12px arial;
	font-family:Verdana, Geneva, sans-serif;	
}

#showButton2
{
	position: absolute;
	top: 465px;
	left: 42px;
	color: #0000FF;
	
	padding: 3px 5px 5px 5px;
	
	background-color: #FF9;
	border: solid 1px #000000;
	
	-moz-border-radius:18px;
	-webkit-border-radius:18px;
	-opera-border-radius:18px;
	-khtml-border-radius:18px;
	border-radius:18px;
	
	z-index: 10;
	font: normal normal bold 12px arial;
	font-family:Verdana, Geneva, sans-serif;	
}

#close_btn
{
	position: absolute;
	top: 1px;
	right:1px;
	width: 20px;
	height: 24px;
	padding: 1px 1px 1px 1px;
	border-left: solid 1px #000000;
	background-color:#FFFFFF;
}

#weatherContainer
{
	position: absolute;
	width: 500px;
	height: 110px;
	background: #FFFFFF;
	border: groove 2px #000000;
	margin: 20px 0px 0px 0px;
	
	-khtml-box-shadow:rgba(0,0,0,0.7) 0px 0px 24px;
	-moz-box-shadow:rgba(0,0,0,0.7) 0px 0px 24px;
	box-shadow:rgba(0,0,0,0.7) 0px 0px 24px;
	
	display:none;
	z-index: 100;
}

#saa_left
{
	margin: 30px 0px 0px 0px;
	position: static;
	float: left;
}

#saa_right
{
	margin: 30px 0px 0px 0px;
	position: static;
	float: right;
}

#saa_header
{
	position: absolute;
	top: 5px;
	left:5px;
	width: 490px;
	height: 20px;
	
	font: normal normal bold 14px arial;
	font-family:Verdana, Geneva, sans-serif;
	
	background: #FF9;
	border: solid 1px #000000;
	margin: 0px 0px 0px 0px;

}

#saa_close
{
	position: absolute;
	top: 6px;
	right:5px;
	width: 18px;
	height: 18px;
	
	background: #FFFFFF;
	border-left: solid 1px #000000;
	margin: 0px 0px 0px 0px;

}