BODY {
	PADDING-BOTTOM: 15px; MARGIN: 0px; PADDING-TOP: 10px; TEXT-ALIGN: center; COLOR: #000000
	
			background: #FFFFFF url(kuvat/bg.gif);
			background-position: top left;
			background-repeat: repeat;
  background-attachment: fixed;
}



#page {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN-LEFT: auto; WIDTH: 960px; MARGIN-RIGHT: auto; PADDING-TOP: 0px; BORDER-LEFT: #FFFFFF 1px solid; BORDER-LEFT: #FFFFFF 1px solid; BORDER-RIGHT: #FFFFFF 1px solid; BORDER-TOP: #FFFFFF 1px solid; BORDER-BOTTOM: #FFFFFF 1px solid
}


H1


{

	font-weight: bold;
	font: 14pt Georgia, Verdana, Arial, Helvetica;
	margin: 0 0 0px 0;
	padding: 5px 5px 5px 5px;
	color:#FFFFFF;
        background: url('kuvat/title_bg.png') repeat-x;
        margin-bottom:0px;
        margin-top:0px;

}


body, div
{

scrollbar-face-color:#4b6ca9;

scrollbar-highlight-color:#A0CFCF;

scrollbar-3dlight-color:#5EAEAE;

scrollbar-darkshadow-color:#1C3737;

scrollbar-shadow-color:#285151;

scrollbar-arrow-color:#dde5f3;

scrollbar-track-color:#dde5f3;

}





.class1 A {text-decoration: underline; color: #006699; font-weight: bold; line-height: 1.9em; font-family : Lucida Sans Unicode,  Verdana; font-size : 12px}
.class1 A:link {text-decoration: underline; color: #006699; font-weight: bold}
.class1 A:visited {text-decoration: underline; color: #006699; font-weight: bold}
.class1 A:active {text-decoration: underline; color: #006699; font-weight: bold}
.class1 A:hover {text-decoration: underline; color: Red; font-weight: bold}

.class123 A {text-decoration: underline; color: #006699; font-weight: bold; line-height: 1.9em; font-family : Lucida Sans Unicode,  Verdana; font-size : 16px}
.class123 A:link {text-decoration: underline; color: #006699; font-weight: bold}
.class123 A:visited {text-decoration: underline; color: #006699; font-weight: bold}
.class123 A:active {text-decoration: underline; color: #006699; font-weight: bold}
.class123 A:hover {text-decoration: underline; color: Red; font-weight: bold}

.class2 A {text-decoration: underline; color: #F2003D; font-weight: bold; line-height: 1.9em; font-family : Georgia, Lucida Sans Unicode,  Verdana; font-size : 13px}
.class2 A:link {text-decoration: underline; color: #F2003D; font-weight: bold}
.class2 A:visited {text-decoration: underline; color: #F2003D; font-weight: bold}
.class2 A:active {text-decoration: underline; color: ##F2003D; font-weight: bold}
.class2 A:hover {text-decoration: underline; color: #F2003D; font-weight: bold}

.class3 A {text-decoration: underline; color: #006699; font-weight: bold; line-height: 1.9em; font-family : Lucida Sans Unicode, Georgia, Verdana; font-size : 12px}
.class3 A:link {text-decoration: underline; color: #006699; font-weight: bold}
.class3 A:visited {text-decoration: underline; color: #006699; font-weight: bold}
.class3 A:active {text-decoration: underline; color: #006699; font-weight: bold}
.class3 A:hover {text-decoration: underline; color: Red; font-weight: bold}


.class5 A {text-decoration: underline; color: red; font-weight: bold; line-height: 3em; font-family : Lucida Sans Unicode,  Verdana; font-size : 11px}
.class5 A:link {text-decoration: underline; color: red; font-weight: bold}
.class5 A:visited {text-decoration: underline; color: red; font-weight: bold}
.class5 A:active {text-decoration: underline; color: red; font-weight: bold}
.class5 A:hover {text-decoration: underline; color: #006699; font-weight: bold}

.pieniteksti {  font-family : Georgia, Lucida Sans Unicode, Verdana, Arial, Helvetica, sans-serif; font-size : 12px; font-style: normal; color: #000000; line-height: 1px}

.teksti-luettelo {  font-family : Georgia, Lucida Sans Unicode, Verdana, Arial, Helvetica, sans-serif; font-size : 14px; font-style: normal; color: #000000; line-height: 22px}

.valikko {  font-family : Lucida Sans Unicode, Georgia; Verdana, Arial, Helvetica, sans-serif; font-size : 12px; font-style: normal; color: #000000; line-height: 20px; font-weight: bold;}

.valikko2 {  font-family : Lucida Sans Unicode, Georgia; Verdana, Arial, Helvetica, sans-serif; font-size : 11px; font-style: normal; color: #000000; line-height: 14px; font-weight: bold;}




.teksti {  font-family : Lucida Sans Unicode, Verdana, Arial, Helvetica; font-size : 14px; font-style: normal; color: #000000; line-height: 20px}
.otsikko { font-family: Lucida Sans Unicode, Verdana, Arial, Courier, mono; font-size: 11pt; font-style: normal; line-height: 20px; color: #000000; font-weight: bold}
.otsikko2 { font-family: Lucida Sans Unicode, Verdana, Arial, Courier, mono; font-size: 12pt; font-style: normal; line-height: normal; color: blue; font-weight: bold}
.iso-otsikko { font-family: Lucida Sans Unicode, Verdana, Arial, Courier, mono; font-size: 16pt; font-style: normal; line-height: normal; color: #F4D600; font-weight: bold }
.med-otsikko { font-family: Lucida Sans Unicode, Verdana, Arial, Courier, mono; font-size: 16pt; font-style: normal; line-height: normal; color: #F4D600; font-weight: bold }

.hirmuiso-otsikko { font-family: Georgia, Lucida Sans Unicode,  Verdana, Arial, Courier, mono; font-size: 36pt; font-style: normal; line-height: normal; color: #F4D600; font-weight: bold }

table {
	border-width: 0px;
	border-spacing: ;
	border-collapse: separate;
	background-color: #FFFFFF;
	text-align:left;
}
table th {
	border-width: 0px;
	padding: 10px;
	border-style: none;
	background-color: #FFFFFF;
	-moz-border-radius;
	text-align:left;
}
table td {
	border-width: 0px;
	padding: 10px;
	border-style: none;
	background-color: #FFFFFF;
	-moz-border-radius;
	text-align:left;
}


table.yla {
	border-width: 0px;
	border-style: dotted;
	border-color: gray;
	border-collapse: separate;
	background-color: #FFFFFF;
	text-align:left;
	text-valign:middle;
}

table.yla td {
	border-width: 0px;
	padding: 3px;
	border-style: none;
	border-color: gray;
	background-color: #FFFFFF;
	-moz-border-radius;
	text-align:left;
	text-valign:middle;
}

table.left {
	border-width: 1px;
	border-spacing: ;
	border-style: dotted;
	border-color: gray;
	border-collapse: separate;
	background-color: #EEEEEE;
	text-align:left;
	
	}
	
	table th.left {
		border-width: 1px;
		padding: 10px;
		border-style: none;
		border-color: gray;
		background-color: #EEEEEE;
		-moz-border-radius: ;
		text-align:left;
	}
	table td.left {
		border-width: 1px;
		padding: 10px;
		border-style: none;
		border-color: gray;
		background-color: #EEEEEE;
		-moz-border-radius: ;
		text-align:left;
}

.otsikko99 { font-family: Georgia, Verdana, Arial, Helvetica, sans-serif; font-size: 10pt; font-weight: bold; font-style: normal; line-height: normal; color: #000000}

.class99 A {text-decoration: none; color: #006699; line-height: 1.9em; font-family : Lucida Sans Unicode, Georgia, Verdana; font-size : 12px}
.class99 A:link {text-decoration: none; color: #006699}
.class99 A:visited {text-decoration: none; color: #006699}
.class99 A:active {text-decoration: none; color: #006699}
.class99 A:hover {text-decoration: none; color: Red}