html, body{ height: 100%; width: 100%; }
* { margin: 0; padding: 0; }
body{ 
	font-size: 11px;
	color: #2F4862;
	font-family: Verdana, arial, sans-serif;
	background-image: url(images/layout/ristikkoContinous.gif);	
}
div#container{ height: 100%; width: 100%; }


div#leiska{ width: 999px; background-color: #c2e6ff; }

div#header{ 
	height: 214px; 
	width: 999px;
	background-image: url(images/layout/topBg.gif);
	background-repeat: repeat-x;
}

div#topLeft{ width: 486px; height: 214px; float: left; }

div#topRight{ width: 513px; height: 214px; float: left; }

div#imagesTop{ 
	width: 513px; height: 115px; 
	background-image: url(images/layout/imagesTop.gif);
	background-repeat: no-repeat;
}

div#imagesMiddle{ 
	width: 513px; height: 99px; 
	background-image: url(images/layout/imagesMiddle.gif);
	background-repeat: no-repeat;
}

div#bodyLeft{
	width: 640px;
	float: left;

	/*min-height: 400px; /* remove */
}

div#bodyRight{
	width: 359px;
	float: left;

	/*min-height: 400px; /* remove */	
}

div#imagesBottom{
	background-image: url(images/layout/imagesBottom.gif);
	background-repeat: no-repeat;
	width: 359px;
	height: 205px;
}

div#kontaktit{
	background-image: url(images/layout/kontaktit2.gif);
	background-repeat: no-repeat;
	width: 359px;
	height: 260px; /* +50px */
}

div#footer{ clear: both; padding-top: 4px; margin: 0 22px 0 48px; border-top: 1px solid #2F4862; height: 45px; }

div#navi{ 
	height: 41px;
	clear: both; 
	background-image: url(images/layout/naviBgUp.gif);
	background-repeat: repeat-x;
}

div#bodyTxt{
	margin: 50px 0 0 69px;
	width: 440px;
	font-size: 11px; text-align: left; line-height: 1.5em; 
}

img{ border: 0; }
img#alkuPalikka{ height: 41px; width: 39px; }

div#navi ul{ height: 41px; margin: 0; padding: 0; list-style-type: none; }
div#navi ul li{ height: 41px; display: inline; margin: 0; padding: 0; list-style-type: none; }
div.txtHeader{
	/*border-bottom: 6px solid #a3c2e2;*/
	border-bottom: 6px solid #96c4e4;
	margin-bottom: 19px;
}

p{ font-size: 11px; margin-bottom: 16px; text-align: left; line-height: 1.5em; }

table#main{ 
	height: 100%; 
	width: 999px; 
	margin: 0; 
	padding: 0; 
	border: 0; 
}
table#main tr td{ vertical-align: top; text-align: left; }
table#main tr td#top{ height: 214px; }
table#main tr td#middle{ background-color: #c2e6ff; background-image: url(images/layout/talo1.gif); background-repeat: no-repeat; background-position: right bottom; }
table#main tr td#bottom{ vertical-align: bottom; height: 75px; background-color: #c2e6ff; background-image: url(images/layout/talo2.gif); background-repeat: no-repeat; background-position: right bottom; }

table#ristikkoBg{
	width: 100%; height: 100%;
	background-image: url(images/layout/ristikkoGradient.gif);
	background-position: 999px top;
	background-repeat: repeat-y;
}

table#ristikkoBg tr td{ text-align: left; vertical-align: top; }

a.modLink{ text-decoration: none; font-weight: bold; color: #2F4862; width: 200px; border: 1px solid #2F4862; padding: 8px; }
a.modLink:hover{ text-decoration: underline; font-weight: bold;  color: #2F4862; width: 200px; border: 1px solid #2F4862; padding: 8px; background-color: #aad6ef; }

h1{ font-size: 13px; }
h2 { font-size: 12px; }
h3, h4, h5, h6{ font-size: 11px; }
h1 { margin-bottom: 16px; }
h2, h3, h4, h5, h6{ margin-bottom: 6px; }

a{
	font-size: 10px;
	color: #2F4862;
	font-weight: bold;
	text-decoration: underline;
}

a:hover{
	text-decoration: none;
}

blockquote{ margin-left: 10px; }

.vasenPalsta{float: left;}
.varattu{font-weight: bold; color: #ff0000;}
.oikeapalsta{margin-left: 50px; float: left;}
.clr{clear: both;}
.galleria{ border: 1px solid #2F4862; background-color: #FFFFFF; padding: 2px; }
td{ font-size: 10px; margin-bottom: 16px; text-align: left; line-height: 1.5em; }
.kehys{ padding: 8px; border: 1px solid #2F4862; }
.hr{ border-top: 1px solid #2F4862; }

/** CALENDAR **/
table.calendar th{ font-weight: bold; font-size: 11px; }
caption.calendar-month{ font-weight: bold; font-size: 13px; text-decoration: underline; padding-bottom: 6px; }
table.calendar th, table.calendar td{ text-align: left; width: 40px; }

/** PALAUTE **/
input.txtkentta{ font-size: 11px; font-family: Verdana, Arial, Sans-serif; width: 280px; }
textarea.txtkentta{font-size: 11px; font-family: Verdana, Arial, Sans-serif; width: 280px; height: 200px; }

#borderTable{border-collapse: collapse; border: 1px solid #2F4862;}
#borderTable tr td{ padding: 3px; border: 1px solid #2F4862; }