/* CSS Document */

/* This rule resets a core set of elements so that they will appear consistent across browsers. Without this rule, content styled with an h1 tag, for example, would appear in different places in Firefox and Internet Explorer because each browser has a different top margin default value. By resetting these values to 0, the elements will initially be rendered in an identical fashion and their properties can be easily defined by the designer in any subsequent rule. */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6 {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	line-height: 18px;
}


body {
	background-color: orange;
	color: #663306;
	font-family: "Trebuchet MS", Helvetica, sans-serif;
	font-size: 13px;
	font-style: normal;
	line-height: 18px;
	margin: 0;
	padding: 0 0 0 0;

	text-align: center;
	background-image: url(images/tausta2.jpg);
}


p {
	padding-bottom: 0.6em;
}

h1 {
	font-size: 2em;
}

h2 {
	font-size: 1.7em;
	border-bottom: 1px solid #fbd0b1;
	padding-bottom: 10px;
}

h3 {
	font-size: 1.5em;
}

h4 {
	font-size: 1.3em;
}

h5 {
	font-size: 1.1em;
}

h6 {
	font-size: 1em;
}

h1, h2 {
	padding-bottom: 0.5em;

	color: #c86836;
	line-height: 22px;
}

h3, h4, h5, h6 {
	color: #c86836;

}


a,  a:link {
	color: #c86912;
	text-decoration: none;
}


a:visited {
	color: #c86912;
	text-decoration: none;
}


a:hover {
	color: #fa6a16;
	text-decoration: underline;
}


a:focus {
	color: #000;
}


a:active {
	color: #000;
}

#outerWrapper {
	background-color: #fff;
	text-align: left;
	width: 782px;
	background-image: url(images/tausta4.jpg);
	background-repeat: repeat-y;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}

#outerWrapper #header {
	font-size: 18px;
	font-weight: bold;
	line-height: 15px;

	height: 194px;
	width: 782px;
	background: url(images/header3.jpg) no-repeat;
}

#outerWrapper #contentWrapper #leftColumn1 {
	float: left;
	width: 180px;
}

#leftside {
clear:both;
float:left;
width: 175px;
margin: 15px 0 50px 10px;
	text-align: right;
	padding-right: 10px;
}

#leftside h2{
margin:0px 0 10px 0;
font-size:1.1em;
}

#leftside ul{
list-style:none;
margin:0;
font-size:1.1em;
padding:0 0 0 5px;;
}

#leftside li{
list-style:none;
margin:0 0 8px 0;
padding:0;
}

#leftside li a{
padding:3px;
color: #643409;
	font-weight: bold;
}

#leftside li.current a{
	color: #c86836;
	font-weight: bold;
	font-style: italic;
}


#leftside li a:hover{

text-decoration:none;
	color: #c86836;
}

#leftside ul ul{
margin:7px 0 6px 10px;
font-size:0.9em;
line-height:1.1em;
padding:0;
}

#leftside ul ul li a{
font-weight:normal;
}

#leftside ul ul li a:hover{
padding:2px;
text-decoration:none;

}


#outerWrapper #contentWrapper #content {
	margin: 0 0 0 210px;
	padding: 15px 25px 25px 10px;

}


#outerWrapper #contentWrapper .clearFloat {
	clear: left;
	display: block;
}

#outerWrapper #footer {
	height: 50px;
	margin-left: 370px;
}

#search {
	border-top: solid 1px #cccccc;
	float: left;
	width: 175px;
	padding-top: 15px;
	padding-bottom: 15px;
	margin-top: 15px;
}

#ajaxSearch_input {

	width: 150px;
}

</style>
<style type="text/css" media="print">

body {
	background-color: #fff;
	background-image: none;
  color: #000;
}

</style>
[if IE 5]>
<style type="text/css"> 



#outerWrapper #contentWrapper #leftColumn1 {
	width: 220px;
}

</style>
<![endif]
[if IE]>
<style type="text/css"> 


#outerWrapper #contentWrapper #content {
	zoom: 1;
}

</style>
<![endif]

.menu {
	width: 180px;

}

.menu .headerbar {
	font: bold 14px Arial;
	color: white;
	background: black url(media/titlebar.png) repeat-x center left;
	margin-bottom: 1 0px;

text-transform: uppercase;
	padding: 4px 0 4px 10px;

}

.menu ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
	margin-bottom: 8px;

}

.menu ul li {
	padding-bottom: 2px;

}

.menu ul li a {
	color: #643409;
display: block;
	padding: 2px 0;
	padding-left: 1

9px;
	/*link text is indented 19px*/
text-decoration: none;
	font-weight: bold;
	border-bottom: 1px solid #dadada;
}

.menu ul li a:visited {
	color: #643409;
}

.menu ul li a:hover {

/*hover state CSS*/
color: #643409;
	background-color: #e5eccc;
}

.menu_current {
	font-weight: bold;
	font-style: italic;
	color: black;
	background-color: #ebd6a9;
}


#mainmenu {
display: none;
}

#lmenu {display: block !important;}

img {
	border: 1px solid #c99a67;

}

.KuvaOikea {
	font-weight: bold;
	float: right;
	padding-left: 10px;
	padding-bottom: 10px;
}

.KuvaVasen {
	font-weight: bold;
	float: left;
	padding-right: 10px;
	padding-bottom: 10px;
}