.printhide {
display: none;
}

input, textarea, select {

border: 1px #668704 solid ;

}

.theunderline {
	font-family: garamond, serif;
	font-size: 12pt;	
	font-style: normal;
	font-weight: bold;
	align: left;
	color: #333;

	padding-left: 5px;
}


td {
	font-family: verdana, serif; /* garamond 11 pt */
	font-size: 8pt;	
	font-style: normal;
	font-weight: normal;
	align: left;

	margin: 0px;
	padding: 7px; /* 7 */
	
	


}





.small {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	font-weight: normal;
	color: #333;
	text-decoration: none;
}



body
{
	background-image: url(../images/bg.jpg);
	background-repeat: repeat-y;
	background-position: top center; 


/* text-align: left; */
}

/* link underlines tend to make hypertext less readable, 
   because underlines obscure the shapes of the lower halves of words */


/* no list-markers by default, since lists are used more often for semantics */


/* avoid browser default inconsistent heading font-sizes */
/* and pre/code too */
h3,h4,h5,h6,pre,code { font-size:1em; }

/* remove the inconsistent (among browsers) default ul,ol padding or margin  */
/* the default spacing on headings does not match nor align with 
   normal interline spacing at all, so let's get rid of it. */
/* zero out the spacing around pre, form, body, html, p, blockquote as well */
/* form elements are oddly inconsistent, and not quite CSS emulatable. */
/*  nonetheless strip their margin and padding as well */
h3,h4,h5,h6,pre,form,body,html,blockquote,fieldset,input,img
{ margin:0; padding:0 }


ul,ol,li {

padding-left:20;

}


/* whoever thought blue linked image borders were a good idea? */
a img,:link img,:visited img { border:none }

/* de-italicize address */
address { font-style:normal }

hr {
color: #fff;
background-color: #fff;
border: 1px solid #ccc;
border-style: none none dotted;
}





p {
	font-family: verdana, serif; /* garamond 11 pt bold*/
	font-size: 12pt;	
	font-style: normal;
	font-weight: normal;
	align: left;
	color: #000000;
}




h1 {
	font-family: arial, verdana, sans-serif;
	font-size: 14pt;	
	font-style: normal;
	font-weight: BOLD;
	align: left;
	color: #00a94e;
	margin-top: 0px;
	margin-bottom: 20px; 
}


h2 {
	font-family: garamond, serif;
	font-size: 14pt;	
	font-style: BOLD;
	font-weight: bold;
	align: left;
	color: #668704;
	margin-bottom: 0px; 
}









a:link {

	font-family: verdana, serif; /* garamond 11 pt bold*/
	font-size: 10pt;	
	font-style: normal;
	font-weight: normal;
	align: left;
	color: #5b5b5b;

}

a:visited {

	font-family: verdana, serif; /* garamond 11 pt bold*/
	font-size: 10pt;	
	font-style: normal;
	font-weight: normal;
	align: left;
	color: #5b5b5b;

}

a:hover {	

	font-family: verdana, serif; /* garamond 11 pt bold*/
	font-size: 10pt;	
	font-style: normal;
	font-weight: normal;
	align: left;
	color: #5b5b5b;

}

a:active {

	font-family: verdana, serif; /* garamond 11 pt bold*/
	font-size: 10pt;	
	font-style: normal;
	font-weight: normal;
	align: left;
	color: #5b5b5b;

}




a.linkki:link {

	font-family: verdana, serif; /* garamond 11 pt bold*/
	font-size: 10pt;	
	font-style: normal;
	font-weight: normal;
	align: left;
	color: #5b5b5b;

}

a.linkki:visited {

	font-family: verdana, serif; /* garamond 11 pt bold*/
	font-size: 10pt;	
	font-style: normal;
	font-weight: normal;
	align: left;
	color: #5b5b5b;

}

a.linkki:hover {	

	font-family: verdana, serif; /* garamond 11 pt bold*/
	font-size: 10pt;	
	font-style: normal;
	font-weight: normal;
	align: left;
	color: #5b5b5b;

}

a.linkki:active {

	font-family: verdana, serif; /* garamond 11 pt bold*/
	font-size: 10pt;	
	font-style: normal;
	font-weight: normal;
	align: left;
	color: #5b5b5b;

}




.printtext {

display: none;

}

########### THE DIVS ############

/* muista <center> -keskitys

ja

background-position: centre top;

*/

#container {

	width: 100%;
	margin-left: auto;
	margin-right: auto;
	text-align: center;

}

#maincontainer {

	width: 920px;
	margin-left: auto;
	margin-right: auto;
	text-align: center;


	}
	
#header {

	width: 920px;
	height: 314px;
	text-align: center;

}
	
#printheader {

	width: 920px;
	height: 100px;
	text-align: left;

}

.printhide {

	width: 0px;
	height: 0px;


}	
	

#navi {
	float: center;
	width: 920px;
	height: 45px;

}


#contentwrap {

	float: center;
	width: 920px;


}

#left {

	float: left;
	text-align: left;
	width: 496px;
	margin: 38px 53px 50px 0px
}

#right {

	float: left;
	width: 356px;
	margin: 80px 15px 0px 0px;
	
}

#kaariyla {
	float: center;
	width: 356px;
	height: 13px;

}

#oikeasisalto {
	font-family: verdana, serif; /* garamond 11 pt bold*/
	font-size: 10pt;	
	font-style: normal;
	font-weight: normal;
	align: left;
	color: #5b5b5b;
	width: 356px;
	background-color: #b8dec0;
}

#kaariala {
	float: center;
	width: 356px;
	height: 14px;
}


#footer {
	margin: 0px 15px 15px 15px;
	padding-top: 10px;
	clear: both;
	font-family: trebuchet MS, garamond, serif; 
	float: center;
	font-size: 12pt;	
	font-style: normal;
	font-weight: normal;
	text-align: center;
	color: #000000;
	width: 890px;
	height: 20px;

	}