@import url("editor.css");
@import url("services.css");

body {
	position: relative; /* fix ie7 zoom bug */
	background-color: #dedddd; /*Footer bg color */
	}
/* OUT WRAPPER */
	
#out_wrapper{	
	background-image:url(../gfx/white_bg_color.gif); /*bg color for content*/
	background-repeat:repeat;
	}
	
	/* Navigation image*/
	#image div{
		position: absolute;
		top:0;
		height: 970px;
		width: 100%;	
		margin-top: 73px;
		}
	
	#Oranssi{
		position: relative;
		background-image:url(../gfx/navi_bg.gif);
		background-repeat:repeat-x;
	
			}
		
	
	#Sininen{
		position: relative;
		background-image:url(../gfx/navi_bg_sininen.gif);
		background-repeat:repeat-x;
	
			}
	
	#Vihrea{
		position: relative;
		background-image:url(../gfx/navi_bg_vihrea.gif);
		background-repeat:repeat-x;
	
			}
		
	
		
/* WRAPPER */
		
#wrapper {
		width: 970px;
		margin: 0 auto;
		position: relative;
		background-image:url(../gfx/white_bg_color.gif); /*bg color for content*/
		}

/* HEADER */
#header {
	
	margin: auto 0;
	width: 970px;
	overflow: hidden;
}

 #Oranssi #logo{
    position:relative;
	float:left;
	width: 176px;
	height:150px;
	background-image:url(../gfx/navigation_left.jpg); /*navigation bg image for header div*/
 	 }
	 
#Sininen #logo {
    position:relative;
	float:left;
	width: 176px;
	height:150px;
	background-image:url(../gfx/navigation_left_sininen.jpg); /*navigation bg image for header div*/
 	 }

 #Vihrea #logo{
    position:relative;
	float:left;
	width: 176px;
	height:150px;
	background-image:url(../gfx/navigation_left_vihrea.jpg); /*navigation bg image for header div*/
 	 }

#heli {
	position:absolute;
	top: 22px;
	left:220px;
	height:30px;}

#search_embed{
	position:relative;
	float:left;
	background: url("../gfx/search_box.jpg") no-repeat;
	margin-left: 610px;
	/*for IE6*/
	_margin-left: 400px;
	
	margin-top: 30px;
	width: 180px;
	height: 120px;
	}
		#search_embed .searchstring{}
		#search_embed .submit_button{}
	#font_size{
		position: absolute;
		right: 5px;
		bottom: 30px;
	}
	#embedlogin{
		position: absolute;
		left: 150px;;
		top: 5px;	
	}
/* NO EXTRA MENU */
/* HORIZONTAL MENU */
/*level 1*/	
		
#navi_bg_center #Sininen{
		position: absolute;
		width: 970px;
		height:auto;
		background-image:url(../gfx/navi_center_sininen.gif); /*navigation center image for links*/
		background-repeat:no-repeat;
		left:165px;
		z-index: 19;
		top: 74px;
		}

#navi_bg_center #Oranssi{
		position: absolute;
		width: 970px;
		height:auto;
		background-image:url(../gfx/navi_center.gif); /*navigation center image for links*/
		background-repeat:no-repeat;
		left:165px;
		z-index: 19;
		top: 74px;
		}

#navi_bg_center #Vihrea{
		position: absolute;
		width: 970px;
		height:auto;
		background-image:url(../gfx/navi_center_vihrea.gif); /*navigation center image for links*/
		background-repeat:no-repeat;
		left:165px;
		z-index: 19;
		top: 74px;
		}
/*level 1 Oranssi*/	
.Oranssi #horizontal_navigation {	
		position: relative;
		width:1000px;
		margin-top:50px;
		z-index: 20;
		height:auto;
		
		}
	
	.Oranssi #horizontal_navigation  ul {
		margin-left:74px;
			}
	.Oranssi #horizontal_navigation  ul li{
		    position: relative;
			float: left; 
			list-style: none;
			margin: 0;
			height: 23px;
			}
	.Oranssi #horizontal_navigation  ul li a {
		text-decoration: none;
		color: #000;
		display: block;
		padding-left: 15px;
		font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
		font-size:  12px;
		display: block;
					}		
					
	.Oranssi #horizontal_navigation  ul li a:hover{
		text-decoration: none;
		font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
		font-size:  12px;
		padding-left: 15px;
		display: block;
		color:#ee700a;
				}
	.Oranssi #horizontal_navigation  ul li a.active{	
		text-decoration: none;
		font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
		font-size:  12px;
		padding-left:15px;
		display: block;
		color: #000;
	}
	
	/* level 2  Oranssi*/
	.Oranssi #horizontal_navigation  ul ul {
		position: absolute;
		margin-left: 0px;		
		width:180px;
		background-color: #ffca9f;
		display: none;	
		top: 22px;
		border-right: 2px #ccc inset;
		border-bottom: 2px #999 inset;
		padding-top: 10px;
		
			  	}
		
		
	.Oranssi #horizontal_navigation ul ul li{
		float: none;
		padding-left: 8px;	
		padding-right: 8px;
		height:25px;
	}
	
	.Oranssi #horizontal_navigation ul ul li a{
		font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
		font-size:  12px;
		display: block;
		border-bottom: solid 1px #fe9948;	
	}	
	
	/* hover2 oranssi */
	
	
		.Oranssi #horizontal_navigation ul ul li > a:hover,.Oranssi #horizontal_navigation #Oranssi ul ul li a.over {
			font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
			font-size:  12px;
			display: block;
			color:#ee700a;
				
			}
		
		.Oranssi #horizontal_navigation ul ul li li:active a, ul ul  li:visited a{	
		font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
		font-size:  12px;
		border: none;
		display: block;
			
		}		
	
		.Oranssi #horizontal_navigation ul li:hover ul, .Oranssi #horizontal_navigation ul li.over ul{
			display: inline;
			color:#ee700a;
			
			}
		
		.Oranssi #horizontal_navigation  ul ul li a:hover {
			background-image:url(../gfx/nuoli.gif);
			background-repeat: no-repeat;
			background-position:right;
			color:#ee700a;
			}
	
	/* level 3 oranssi*/
	  .Oranssi #horizontal_navigation ul ul ul{
			position: absolute;
			width:200px;
			background-color: #ffca9f;
			display: none!important;
			left: 200px;
			height: auto;
			top: -10px;
			z-index: 22;		
			
	   }

		
	    * html .Oranssi #horizontal_navigation ul ul ul li{
	   		position: relative;
			list-style: none;
			height: 30px;
			padding-left: 8px;
			padding-right: 8px;
			padding-top: 0px;
			}
			
		.Oranssi #horizontal_navigation ul ul ul li a{
			font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
			font-size:  12px;
			border: none;
			display: block;
			color: #000;
			border-bottom: solid 1px #fe9948;
			}

		
		/* hover 3  oranssi*/
	
		
		.Oranssi #horizontal_navigation ul ul ul li.hover a{
			font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
			font-size:  12px;
			display: block;
			color:#ee700a;
			background-image:none;
			border-bottom: solid 1px #fe9948;			
		}
		
		
		
		.Oranssi #horizontal_navigation ul ul ul li > a:hover, .Oranssi  #horizontal_navigation ul ul ul li a.over {
			font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
			font-size:  12px;
			display: block;
			color:#ee700a;
			background-image:none;
			 }
			  
		.Oranssi #horizontal_navigation ul ul ul li a:hover {
			background-image:none;
			}
			   
		.Oranssi #horizontal_navigation ul ul ul li li:active a, ul ul ul li:visited a{	
			font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
			font-size:  12px;
			display: block;
			color: #000;
		}
		
		.Oranssi #horizontal_navigation ul ul li:hover ul{
				background-image:none;
				display: inline!important;
				color:#ee700a;
		}	* html  .Oranssi #horizontal_navigation  ul ul li.over ul {
				display: inline!important;
				color:#ee700a;
						
			}
			
				
						
/*level 1 Sininen*/	
.Sininen #horizontal_navigation {	
		position: relative;
		width:1000px;
		margin-top:50px;
		z-index: 20;
		height:auto;
		}
	
	.Sininen #horizontal_navigation  ul {
		margin-left:74px;
			}
	.Sininen #horizontal_navigation  ul li{
		    position: relative;
			float: left; 
			list-style: none;
			margin: 0;
			height: 23px;
			}
	.Sininen #horizontal_navigation  ul li a {
		text-decoration: none;
		color: #fff;
		display: block;
		padding-left: 15px;
		font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
		font-size:  12px;
		display: block;
					}		
					
	.Sininen #horizontal_navigation  ul li a:hover{
		text-decoration: none;
		font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
		font-size:  12px;
		padding-left: 15px;
		display: block;
		color:#296996;
				}
	.Sininen #horizontal_navigation  ul li a.active{	
		text-decoration: none;
		font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
		font-size:  12px;
		padding-left:15px;
		display: block;
		color: #fff;
	}
	
	/* level 2  Sininen*/
	 .Sininen #horizontal_navigation  ul ul {
		position: absolute;
		margin-left: 0px;		
		width:200px;
		background-color: #5aa7d7;
		display: none;	
		top: 22px;
		border-right: 2px #ccc inset;
		border-bottom: 2px #999 inset;
		padding-top: 10px;
			  	}
		
		
	.Sininen #horizontal_navigation ul ul li{
		float: none;
		padding-left: 8px;	
		padding-right: 8px;
		height:25px;
	}
	
	.Sininen #horizontal_navigation ul ul li a{
		font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
		font-size:  12px;
		display: block;
		border-bottom: solid 1px #296996;
	}	
	
	/* hover2 Sininen */
	
	
		.Sininen #horizontal_navigation ul ul li > a:hover, .Sininen #horizontal_navigation #Oranssi ul ul li a.over {
			font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
			font-size:  12px;
			display: block;
			color:#296996;
				
			}
		
		.Sininen #horizontal_navigation ul ul li li:active a, ul ul  li:visited a{	
		font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
		font-size:  12px;
		border: none;
		display: block;
			
		}		
	
		.Sininen #horizontal_navigation ul li:hover ul,.Sininen  #horizontal_navigation ul li.over ul{
			display: inline;
			color:#296996;
			
			}
		
		.Sininen #horizontal_navigation  ul ul li a:hover {
			background-image:url(../gfx/nuoli_sininen.gif);
			background-repeat: no-repeat;
			background-position:right;
			color:#296996;
			}
	
	/* level 3 Sininen*/
	   .Sininen #horizontal_navigation ul ul ul{
			position: absolute;
			width:200px;
			background-color: #5aa7d7;
			display: none!important;
			left: 200px;
			height: auto;
			top: -10px;
			z-index: 22;		
			
	   }

		
	    * html .Sininen #horizontal_navigation ul ul ul li{
	   		position: relative;
			list-style: none;
			height: 30px;
			padding-left: 8px;
			padding-right: 8px;
			padding-top: 0px;
			}
			
		.Sininen #horizontal_navigation ul ul ul li a{
			font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
			font-size:  12px;
			border: none;
			display: block;
			color: #fff;
			border-bottom: solid 1px #296996;;
			}

		
		/* hover 3  Sininen*/
	
		
		.Sininen #horizontal_navigation ul ul ul li.hover a{
			font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
			font-size:  12px;
			display: block;
			color:#296996;
			background-image:none;
			border-bottom: solid 1px #296996;;			
		}
		
		
		
		.Sininen #horizontal_navigation ul ul ul li > a:hover, .Sininen #horizontal_navigation ul ul ul li a.over {
			font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
			font-size:  12px;
			display: block;
			color:#296996;
			background-image:none;
			 }
			  
		.Sininen #horizontal_navigation ul ul ul li a:hover {
			background-image:none;
			}
			   
		.Sininen #horizontal_navigation ul ul ul li li:active a, ul ul ul li:visited a{	
			font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
			font-size:  12px;
			display: block;
			color: #296996;;
		}
		
		.Sininen #horizontal_navigation ul ul li:hover ul{
				background-image:none;
				display: inline!important;
				color:#296996;;
		}	* html .Sininen #horizontal_navigation  ul ul li.over ul {
				display: inline!important;
				color:#296996;;
						
			}
	
/*level 1 Vihrea*/	
.Vihrea #horizontal_navigation {	
		position: relative;
		width:1000px;
		margin-top:50px;
		z-index: 20;
		height:auto;
		}
	
	.Vihrea #horizontal_navigation  ul {
		margin-left:74px;
			}
	.Vihrea #horizontal_navigation  ul li{
		    position: relative;
			float: left; 
			list-style: none;
			margin: 0;
			height: 23px;
			}
	.Vihrea #horizontal_navigation  ul li a {
		text-decoration: none;
		color: #000;
		display: block;
		padding-left: 15px;
		font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
		font-size:  12px;
		display: block;
					}		
					
	.Vihrea #horizontal_navigation  ul li a:hover{
		text-decoration: none;
		font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
		font-size:  12px;
		padding-left: 15px;
		display: block;
		color:#779147;
				}
	.Vihrea #horizontal_navigation  ul li a.active{	
		text-decoration: none;
		font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
		font-size:  12px;
		padding-left:15px;
		display: block;
		color: #000;
	}
	
	/* level 2  Vihrea*/
	 .Vihrea #horizontal_navigation  ul ul {
		position: absolute;
		margin-left: 0px;		
		width:200px;
		background-color: #b5d083;
		display: none;	
		top: 22px;
		border-right: 2px #ccc inset;
		border-bottom: 2px #999 inset;
		padding-top: 10px;
			  	}
		
		
	.Vihrea #horizontal_navigation ul ul li{
		float: none;
		padding-left: 8px;	
		padding-right: 8px;
		height:25px;
	}
	
	.Vihrea #horizontal_navigation ul ul li a{
		font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
		font-size:  12px;
		display: block;
		border-bottom: solid 1px #779147;
	}	
	
	/* hover2 Vihrea */
	
	
		.Vihrea #horizontal_navigation ul ul li > a:hover, .Vihrea #horizontal_navigation #Oranssi ul ul li a.over {
			font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
			font-size:  12px;
			display: block;
			color:#779147;
				
			}
		
		.Vihrea #horizontal_navigation ul ul li li:active a, ul ul  li:visited a{	
		font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
		font-size:  12px;
		border: none;
		display: block;
			
		}		
	
		.Vihrea #horizontal_navigation ul li:hover ul,.Vihrea  #horizontal_navigation ul li.over ul{
			display: inline;
			color:#779147;
			
			}
		
		.Vihrea #horizontal_navigation  ul ul li a:hover {
			background-image:url(../gfx/nuoli_vihrea.gif);
			background-repeat: no-repeat;
			background-position:right;
			color:#779147;
			}
	
	/* level 3 Vihrea*/
	   .Vihrea #horizontal_navigation ul ul ul{
			position: absolute;
			width:200px;
			background-color: #b5d083;
			display: none!important;
			left: 200px;
			height: auto;
			top: -10px;
			z-index: 22;		
			
	   }

		
	    * html .Vihrea #horizontal_navigation ul ul ul li{
	   		position: relative;
			list-style: none;
			height: 30px;
			padding-left: 8px;
			padding-right: 8px;
			padding-top: 0px;
			}
			
		.Vihrea #horizontal_navigation ul ul ul li a{
			font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
			font-size:  12px;
			border: none;
			display: block;
			color: #000;
			border-bottom: solid 1px #779147;;
			}

		
		/* hover 3  Vihrea*/
	
		
		.Vihrea #horizontal_navigation ul ul ul li.hover a{
			font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
			font-size:  12px;
			display: block;
			color:#ee700a;
			background-image:none;
			border-bottom: solid 1px #779147;;			
		}
		
		
		
		.Vihrea #horizontal_navigation ul ul ul li > a:hover, .Vihrea #horizontal_navigation ul ul ul li a.over {
			font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
			font-size:  12px;
			display: block;
			color:#779147;
			background-image:none;
			 }
			  
		.Vihrea #horizontal_navigation ul ul ul li a:hover {
			background-image:none;
			}
			   
		.Vihrea #horizontal_navigation ul ul ul li li:active a, ul ul ul li:visited a{	
			font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
			font-size:  12px;
			display: block;
			color: #779147;;
		}
		
		.Vihrea #horizontal_navigation ul ul li:hover ul{
				background-image:none;
				display: inline!important;
				color:#779147;;
		}	* html .Vihrea #horizontal_navigation  ul ul li.over ul {
				display: inline!important;
				color:#779147;;
						
			}
/*vertical navigation Oranssi*/
#vertical_top {
	background-image:url(../gfx/menu_top.gif);
	height: 45px;
	width:220px;
	}

#vertical_bottom {
	background-image:url(../gfx/menu_bottom.gif);
	height: 45px;
	width:220px;
	}
#vertical_navigation_none {	
		position: relative;
		float:left;
		left: 10px;
		width:240px;
		height:auto;
		top: 40px;
		margin-bottom:50px;
					}
.Oranssi #vertical_navigation {	
		position: relative;
		float:left;
		left: 10px;
		width:240px;
		top: 40px;
		margin-bottom:50px;
		background-image:url(../gfx/menu_cent.gif);
		background-repeat:repeat-y;
					}
.Oranssi #vertical_navigation ul {	
		width:180px;
		
		}
		
.Oranssi #vertical_navigation ul li{
	list-style-position:inherit;
	list-style-image:url(../gfx/listalogo.gif);
	margin-left: 45px;
		
		}
.Oranssi #vertical_navigation ul li a {
		text-decoration: none;
		color:#000;
		display:block;
		padding-left: 15px;
		font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
		font-size:  12px;
		border-bottom:dotted 1px #000;
		padding-bottom: 5px;
		padding-top: 5px;
		padding-left: 5px;

		}
	.Oranssi #vertical_navigation ul li a:hover {
			color:#000;
			padding-left: 5px;
			}
	
	.Oranssi #vertical_navigation ul li a:active, .Oranssi #vertical_navigation ul li a:visited {
			
			padding-left: 5px;
			}


			/*level 2*/	
			
			.Oranssi #vertical_navigation ul {	
					width:160px;	
					margin-left:0;
					padding-left:0;
					}
				
			.Oranssi #vertical_navigation ul ul li {	
					list-style-image:url(../gfx/listalogo.gif);
					list-style-position:inherhit;
					margin-left:20px;
										}
			.Oranssi #vertical_navigation  ul ul li a {
					text-decoration: none;
					color:#000;
					display: block;
					padding-left: 5px;
					font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
					font-size:  12px;
					border-bottom:dotted 1px #000;
					}
			.Oranssi #vertical_navigation  ul ul li  a:hover {
				color:#000;
					padding-left: 15px;
					font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
					font-size:  12px;
				padding-left: 5px;
					}
			.Oranssi #vertical_navigation ul ul li a:active, .Oranssi #vertical_navigation ul ul li a:visited {
					padding-left: 5px;
						}
			.Oranssi #vertical_navigation ul li a.active, .Oranssi #vertical_navigation ul ul li a.active {
						color:#ee700a !important;
						}

/*vertical navigation sininen */

.Sininen #vertical_navigation {	
		position: relative;
		float:left;
		left: 10px;
		width:240px;
		height:auto;
		top: 40px;
			margin-bottom:50px;
		background-image:url(../gfx/menu_cent.gif);
		background-repeat:repeat-y;
			}
.Sininen #vertical_navigation ul {	
		width:180px;	
		
		}
		
.Sininen #vertical_navigation ul li {	
		list-style-image:url(../gfx/listalogo.gif);
		list-style-position:inherhit;
		margin-left: 45px;
		
		}
.Sininen #vertical_navigation ul li a {
		text-decoration: none;
		color:#000;
		display: block;
		padding-left: 5px;
		font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
		font-size:  12px;
		border-bottom: dotted 1px #000;
		padding-bottom: 5px;
		padding-top: 5px;
		padding-left: 5px;
		
		}
	.Sininen #vertical_navigation ul li a:hover {
			color:#000;
			padding-left: 5px;
			}
	
	.Sininen #vertical_navigation ul li a:active, .Oranssi #vertical_navigation ul li a:visited {
			
			padding-left: 5px;
			}


			/*level 2*/	
			
			.Sininen  #vertical_navigation ul {	
					width:160px;	
					margin-left:0;
					padding-left:0;
					}
				
			.Sininen #vertical_navigation ul ul li {	
					list-style-image:url(../gfx/listalogo.gif);
					list-style-position:iherhit;
					margin-left: 25px;
					}
			.Sininen #vertical_navigation  ul ul li a {
					text-decoration: none;
					color:#000;
					display: block;
					padding-left: 5px;
					font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
					font-size:  12px;
					border-bottom: dotted 1px #000;	
					}
			.Sininen #vertical_navigation  ul ul li  a:hover {
					color:#000;
					padding-left: 5px;
					font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
					font-size:  12px;
					padding-left: 20px;
					}
			.Sininen #vertical_navigation ul ul li a:active, .Sininen #vertical_navigation ul ul li a:visited {
						padding-left: 5px;
						}
			
			.Sininen #vertical_navigation ul li a.active, .Sininen #vertical_navigation ul ul li a.active {
					color:#006c9e !important;
						}
/*vertical navigation vihrea */

.Vihrea #vertical_navigation {	
		position: relative;
		float:left;
		left: 10px;
		width:240px;
		height:auto;
		top: 40px;
		margin-bottom:50px;
		background-image:url(../gfx/menu_cent.gif);
		background-repeat: repeat-y;
			}
.Vihrea #vertical_navigation ul {	
		width:180px;	
		}
		
.Vihrea #vertical_navigation ul li {	
	
		list-style-image:url(../gfx/listalogo.gif);
		list-style-position:inherhit;
		margin-left: 45px;
		
		}
.Vihrea #vertical_navigation ul li a {
		text-decoration: none;
		color:#000;
		display: block;
		font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
		font-size:  12px;
		border-bottom: dotted 1px #697749;	
		padding-bottom: 5px;
		padding-top: 5px;
		padding-left: 5px;
		
		}
	.Vihrea #vertical_navigation ul li a:hover {
			color:#000;
			padding-left: 5px;
			}
	
	.Vihrea #vertical_navigation ul li a:active, .Vihrea #vertical_navigation ul li a:visited {
			
			padding-left: 5px;
			}


			/*level 2*/	
			
			.Vihrea #vertical_navigation ul {	
					width:160px;	
					margin-left:0;
					padding-left:0;
					}
				
			.Vihrea #vertical_navigation ul ul li {	
					list-style-image:url(../gfx/listalogo.gif);
					list-style-position:inherhit;
					margin-left: 25px;
					}
			.Vihrea #vertical_navigation  ul ul li a {
					text-decoration: none;
					color:#000;
					display: block;
					padding-left:5px;
					font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
					font-size:  12px;
					border-bottom: dotted 1px #697749;
					}
			.Vihrea #vertical_navigation  ul ul li  a:hover {
					color:#000;
					padding-left: 15px;
					font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
					font-size:  12px;
					padding-left:5px;
					}
			.Vihrea #vertical_navigation ul ul li a:active, .Vihrea #vertical_navigation ul ul li a:visited {
						padding-left: 5px;
						}
			.Vihrea #vertical_navigation ul li a.active, .Vihrea #vertical_navigation ul ul li a.active {
					color:#779147; !important;
			}
						
/* MAIN */
 
#main {
	overflow: hidden;
	zoom: 1;
	z-index:30;
	height: auto;
	width: 970px;
		padding-bottom: 60px;
	}
	

/************************************************ INNERTEMPLATERS ************************************************/
/*                                                  default.tpl                                                  */
/* NO SIDEBAR */
/* NO VERTICAL NAVIGATION */
	
/* CONTENT */
#content {
	float: left;
	width: 700px;
	margin-left:20px;
	margin-top: 20px;
	z-index:32;
	padding-bottom: 40px;
	overflow: hidden;
}

	#color_theme {
		height: 30px;
		width: 100%;}
	#route {
		text-align: right;
		clear: both;
		line-height: 24px;
		padding: 0 10px;
		font-size: 10px;
		color: white;
	}
	#data{
		padding: 15px 5px 15px 15px;
		}
		
	.Oranssi #content a, .Oranssi #data .row .home_content a  {
		color:#ee700a;
		font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
		font-size:12px;
		line-height:16px;
		text-decoration:none;
	}
	
	.Sininen #content a, .Sininen #data .row .home_content a  {
		color:#006c9e;
		font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
		font-size:12px;
		line-height:16px;
		text-decoration:none;
	}
	
	.Vihrea #content a, .Vihrea #data .row .home_content a  {
		color:#697749;
		font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
		font-size:12px;
		line-height:16px;
		text-decoration:none;
	}
	
	.Oranssi #print_button{
		background: transparent url("../gfx/demo_print.gif") no-repeat;
		padding-left: 25px;
		margin: 5px 15px;
	}
	
	.Sininen #print_button{
		background: transparent url("../gfx/demo_print2.jpg") no-repeat;
		padding-left: 25px;
		margin: 5px 15px;
	}
	
	.Vihrea #print_button{
		background: transparent url("../gfx/demo_print3.jpg") no-repeat;
		padding-left: 25px;
		margin: 5px 15px;
	}
	
	
/*                                                 home.tpl                                                    */	
#show{
		height: 263px;
		width: 970px;
		position: relative;
		overflow: hidden;
		left:0;
		margin-top: 15px;
	}
	
	#frontpage_images{
			height: 263px;
			margin:auto 0;
			width: 955px;
			z-index: 10;
			overflow: hidden;
		
		}
			.slide{
				height:263px;
				width: 970px;
			}
			.image{
				height: 263px;
				width: 340px;				
				overflow: hidden;
				position: absolute;				
				left: 620px;
				top: 0;
			
			}.image .htmldata_controls {position: absolute;left:0px;top:0px;}
			.text {
				height: 263px;
				width: 633px;		
				overflow: hidden;		
				position: absolute;		
				left: 0;
				top: 0;
			}.text .htmldata_controls {position: absolute;left:0px;top:0px;}
				.slide h1, .slide h2, .slide h3, .slide h4, .slide h5, .slide h5, .slide p, .slide a{
					color: white;
				}  
				.slide .lue_lisaa{
				}



#home {
	left:0;
	width: 970px;

}
	

	#home .row{
		width:970px;
		padding-bottom: 8px;
	}
	/* yllä */
	#home .row #wall{
					
	}
	#home .row #news{
		
	}
	/* alla */
	#home .row .box{
		width: 312px;
		background-image:url(../gfx/noston_tausta.jpg);
		background-repeat:no-repeat;
		min-height: 300px;
		background-position:bottom left;
		float:left;
		margin-bottom:25px;
		margin-left: 7px;
		}

	 #home .home_title{
		position: absolute;
		overflow: hidden;
		padding-left: 25px;
		float:left;
		width: 300px;
		height: 40px;
		padding-top: 20px;
		overflow:hidden;
			}			
	
 	#home .home_title .htmldata_controls,  	#home .home_image .htmldata_controls {
		position: absolute;
		top:5;
		left:40;
				}

	
	 
	 .home_image{
	    width: 303px;
		height: 143px;
		background-color:fff;
		float:left;
		margin-bottom: 45px;
		overflow:hidden;
		z-index: 125;
			}
		
	#home .home_content{
		position:relative;
		float:left;
		padding-left: 25px;
		min-height: 160px;
		width:250px;
		color:#000;
		font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
		font-size:12px;		
		line-height:16px;
		overflow:hidden;
		top:8px;
		}
.ext{
	clear: both;
}	
/************************************************** FOOTER *****************************************************/
#out_wrapper_bottom{border-top: 1px solid #d5d4d4; background-color:#dedddd;}

#wrapper_bottom{
	margin: 0 auto;
	width:970px;
	
}
	#footer {	
		position: absolute;
		background-color: #dedddd;
		width:970px;
		margin-left: 20px;
		
		/*for IE6*/
		_margin-left:60px;
	}
	
	#address1, 	#address2, 	#address3, #address4  {
	position:relative;	
	float:left;
	height: 90px;
	width: 237px;
	overflow:hidden;	
	}
	
	#address1 .htmldata_controls, 	#address2 .htmldata_controls, 	#address3 .htmldata_controls, #address4 .htmldata_controls{
		
		position:absolute;
		top:0;
		left:40;}
	
	#signature {
	position:relative;
	float:right;	
	height: 90px;
	width: 237px;
	overflow: hidden;
	color:#ccc;
	}

.address {
	color: #5c5d60;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 12px;
	padding-top: 30px;
}




#signature a {
	color: #ccc;
	font-family:  Arial;
	font-size: 10px;
	line-height: 16px;
}
#signature a {
	text-decoration: none;
	font-weight: bold;
}
.ext{
	clear: both;
}

/************************************************** TYPOGRAPHY *****************************************************/

.um_username_label, .um_password_label, .requestpassword {
	color:#000;}


#content p {
	color:#000;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:14px;
	line-height:20px;
	}
	

#home a, #home a:visited, #home a:hover, #home a:active, #print_button a{
	color:#ee700a;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:16px;
	text-decoration:none;
	}