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%;
}

.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_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;
}

.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;
}

.div_bg_border
{
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	
	border: groove 2px #000000;

	/* for IE */
  	filter:alpha(opacity=60);
  	/* CSS3 standard */
  	opacity:0.60;
  	/* for Mozilla */
  	-moz-opacity:0.60;
	
	z-index: -1;
}

#leftColumn
{
	position: absolute;
	top: 220px;
	left: 0px;
	
	width: 200px;
	text-align: left;
	
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;	
}

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

.leftColumnLinks
{
	position: absolute;
	top: 0px;
	left: 0px;
	width: 200px;
	
	text-align: left;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

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

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

#topRowLeft
{
	position: absolute;
	top: 0px;
	left: 0px;
	width: 180px;
	height: 180px;
	
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	
	border: solid 1px #777777;
	text-align: center;	
	
	/* 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 0px;
	padding: 0px 0px 0px 0px;
	width: 157px;
	height: 180px;
}

#topRowMiddle
{
	position: absolute;
	top: 0px;
	left: 200px;
	width: 550px;
	height: 180px;
	background-image: url("pics/frontpage/top_banner_1.jpg");
	border: solid 1px #777777;

	text-align: center;	
	
	/* for IE */
  	filter:alpha(opacity=100);
  	/* CSS3 standard */
  	opacity:1.0;
  	/* for Mozilla */
  	-moz-opacity:1.0;
	
	-moz-border-radius:18px;
	-webkit-border-radius:18px;
	-opera-border-radius:18px;
	-khtml-border-radius:18px;
	border-radius:18px;
}

#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;s
	
	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;
	color: #000;
}

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;
	background-color:#FFFFCC;
	border: solid 1px #333;
}

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;
	font-family: Verdana, Geneva, sans-serif;
	color: #0000FF;
	background: #fef6ae;
	z-index: 100;
	
	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;
}

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

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

#menu li a, #menu dt a {
	color: #000;
	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: 750px;
	
	z-index: 0;
}


.sub_links
{
	text-decoration: none;
	color: #0000FF;
}

.sub_links:hover
{
	text-decoration: none;
	color: #FF0000;
}

.sideLinks
{
	text-decoration: none;
	color: #0000FF;

	padding: 3px 5px 5px 5px;
	border: solid 1px #000;
	background: #e4f6b7;
	
	font: normal normal normal 22px arial;
	font-family: Verdana, Geneva, sans-serif;
}

.sideLinks:hover
{
	text-decoration: none;
	color: #FF0000;
}

.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;
}

.table_pic
{
	border: groove 2px #000;
	margin: 0px 0px 20px 0px;
}