a {
	color: #3d8798;
	font-family: monospace, Arial, Helvetica, sans-serif; 
	}

a:hover {color: #3d8798;
text-decoration: none;
}

hr {
	height: 1px;
}

form {
margin: 0px;
margin-top: 4px;
}


.dropshadow1 {
width:9px;
background: repeat-y url(images/shadow1.gif);
	margin:0;
	opacity: .3;                         /* for css-3 browsers, between 0 and 1 */
	filter:alpha(opacity=30);     /* IE only, between 0(%) and 100(%). Proprietary IE code, so the w3c css-validator is not happy ;-)  */
	}

.dropshadow2 {
width:10px;
background: repeat-y url(images/shadow2.gif);
	margin:0;
	opacity: .3;                         /* for css-3 browsers, between 0 and 1 */
	filter:alpha(opacity=30);     /* IE only, between 0(%) and 100(%). Proprietary IE code, so the w3c css-validator is not happy ;-)  */
	}

	.dropshadow3 {
	height: 10px;
background: repeat-x url(images/shadow3.gif);
	margin:0;
	opacity: .3;                         /* for css-3 browsers, between 0 and 1 */
	filter:alpha(opacity=30);     /* IE only, between 0(%) and 100(%). Proprietary IE code, so the w3c css-validator is not happy ;-)  */
	}

.dropshadow4 {
width:9px;
	height: 10px;
background: no-repeat url(images/shadowcorner1.gif);
	margin:0;
	opacity: .3;                         /* for css-3 browsers, between 0 and 1 */
	filter:alpha(opacity=30);     /* IE only, between 0(%) and 100(%). Proprietary IE code, so the w3c css-validator is not happy ;-)  */
	}

.dropshadow5 {
width:10px;
	height: 10px;
background: no-repeat url(images/shadowcorner2.gif);
	margin:0;
	opacity: .3;                         /* for css-3 browsers, between 0 and 1 */
	filter:alpha(opacity=30);     /* IE only, between 0(%) and 100(%). Proprietary IE code, so the w3c css-validator is not happy ;-)  */
	}

body{
/*background: repeat url(images/background.gif);*/
background: white;
padding:0px;
margin:0px;
}


body,td,div,.p,a {
	font-family: monospace, Geneva, sans-serif;
	font-weight: bolder;
	line-height: 150%;
}

body,td,div {
	font-size: 12px;
}

h1,h2,h3,h4 {color: #164354; }
h1 {font-size: 18px; line-height: 1.2;}
h2 {font-size: 16px; line-height: 1.2;}
h3 {font-size: 14px; line-height: 1.2;}
h4 {font-size: 12px; line-height: 1.2;}

#menu{
padding-left: 10px;
line-height: 50%;
}
#menubottom{
height:;
background: bottom no-repeat url(images/menubottom.png);
}
#area{
padding: 20px;
padding-left: 30px;
width: 515px;

}
#footer{
width: 565px;
height: 115px;
background: right bottom no-repeat url(images/footer.gif);

}
.white{
background: #FFFFFF;
}


.blue{
background: #164354;
}

#container {
margin-left: auto;
margin-right: auto;
width: 772px;
/*
margin-left: 4%;
margin-right: 4%;
max-width:1122px;
min-width:850px;
width:expression(document.body.clientWidth < 850? "850px": "auto" );
width:expression(document.body.clientWidth > 1122? "1122px");
*/

}
.valikko {

	font-weight: normal;
		font-size: 14px;
			padding-left: 12px;

		text-decoration: none;
		   color: black;
		   }


.valikko_open {

	font-weight: normal;
		font-size: 14px;
			padding-left: 12px;
		text-decoration: none;
		    color: white;
		    
		    }


.valikko_small {

	font-weight: normal;
		font-size: 14px;	
		padding-left: 12px;
text-decoration: none;   
	 color: black;
	 }

.valikko:hover {
color: white;

text-decoration: none;
}

.valikko_open:hover {
color: white;
text-decoration: none;
}

.valikko_small:hover {
color: white;
text-decoration: none;
}