
	<style type="text/css">
	/* 
	General styles for this example page */
	html{
		height:100%;
	}
	body{
		padding-left: 15em;
		/*padding-top: 5em;*/
		font-family: Trebuchet MS, Lucida Sans Unicode, Arial, sans-serif;
		font-size: 18;
		margin:0px;
		text-align:left;
		height:100%;
	}
	
	p{
		margin-top:5px;
		margin-bottom:10px;
	}
	
	#mainContainer{
		width:800px;
		/*position: absolute;*/
		margin:0 auto;
		float:left;
		text-align:left;
		background-color: #transparent;
		padding-left:3em;
		padding-right:0px;
		padding-top:10px;
		padding-bottom:0px;
	}
	
	#ads{
		margin:0 auto;
		width:600px;
		margin-top:10px;
	}
	#dhtmlgoodies_menu img{
		border:0px;
	}
	
	

	/* End general styles for this example page */
	/* General configuration CSS */
	
	#dhtmlgoodies_menu ul li ul{
		display:none;	/* Needed to display ok in Opera */
	}
		
	#dhtmlgoodies_menu{	/* Menu object */
		visibility:hidden;	
	}
	#dhtmlgoodies_menu ul{
		margin:0px;	/* No indent */
		padding:0px;	/* No indent */
		
	}
	#dhtmlgoodies_menu li{
		list-style-type:none;	/* No bullets */
	}	
	#dhtmlgoodies_menu a{

		margin:0px;
		padding:0px;
		
	}
	#tietoalue{	/*tietoalue, joka sisältää sivun kaikki tiedot paitsi valikot*/
		float:left;
		/*margin: 1em;*/
		/*margin-left: 25em;*/
		margin-top: 5em;
	}
	#yonkalot {
		font-family: Geneva, Helvetica, Arial,  
			sans-serif;
		color: #CCCCCC;
		float:left;
		position: absolute;
		font-weight: bold;
		top: 0em;			
		left: 3.5em;			
		width: 15em;	
	}

	#teksti_alue {
		font-family: Geneva, Helvetica, Arial,  
			sans-serif;
		position: absolute;
		top: 13.3em;			
		left: 32em;			
		width: 22em;
	}

	#aihe_otsikko {
		font-family: Geneva, Helvetica, Arial,  
			sans-serif;
		color:#CCCCCC;
		font-weight: bold;
		position: absolute;
		text-align: center;
		top: 5.5em;			
		left: 21em;			
		width: 15em;		
	}
	#nojavascript {
		position: absolute;
		top: 38.5em;			
		left: 1em;			
	}

	/* End general configuration CSS */
	
	.background-image { position: absolute; left:18em; top:4em; z-index: -1; }
	/*.overlay-text { position: relative; top: 0px; left: 0px; }*/

	ul.mokkinavi {	
		list-style-type: none;						
		padding: 0;									
		margin: 0;				 									
		position: absolute; 
		top: 15em;			
		left: 20em;			
		width: 7em; 		
	}
	ul.mokkinavi li {
		background-color: #CCCCCC;   
		margin: 0.5em 0;                 
		padding: 0.3em;                  
		/*border-right: 1em solid #c71585;*/
	}
	ul.mokkinavi li:hover {
		background-color: #FFD700;

	}
	ul.mokkinavi a {                               
		font-family: Geneva, Helvetica, Arial,  
			sans-serif;                     
		text-decoration: none;                  
		font-weight:bold;                       
		color: #c71585;                         
	}
	section.info_alue {
		position: absolute;
		top: 40em;			
		/*left: 50em;*/		
		width: 40em;
		margin: 0;
		
	}

	ul.navi_optio {	
		list-style-type: none;
		background-color: none;
		font-color: #000000;
		font-size: 16;						
		padding: 0;									
		margin: 0;				 									
		position: absolute; 
		top: 4em;			
		left: 2em;			
		width: 13em; 		
	}

	ul.navi_optio li {
		list-style-type: none;
		/*background-color: #CCCCCC; */
		margin: 0.2em 0;                 
		padding: 0.03em;                  
		/*border-right: 1em solid #c71585;*/
	}
	
	ul.navi_optio a {                               
		font-family: Geneva, Helvetica, Arial,  
			sans-serif;                     
		text-decoration: none;                  
		font-weight:bold;                       
		/*color: #c71585;*/
	}

	nav.otsikko {
		position: absolute; 
		top: 0.3em;			
		left: 27em;			
		width: 100em;
	}

	nav.otsikko td {
		text-decoration: none;

	}

	img.keskus {
		position: absolute;
		float:left;
		left: 0.1em;
	}
	
	img.lang_fi {
		position: absolute;
		top: 80px;			
		left: 1120px;			
	}

	img.lang_eng {
		position: absolute;
		top: 80px;			
		left: 1170px;			
	}
	
	td.paddedtop {
	padding-top:15px;
	}

	td.paddedtop2 {
	padding-top:80px;
	}

	td.padded {
	padding-top:0px;
 	padding-left:44px;
	}

	
	td.paddedleft_80 {
	padding-top:0px;
 	padding-left:80px;
	}
	
	td.paddedleft_100 {
	padding-top:0px;
 	padding-left:100px;
	}

	td.paddedleftandright {
	padding-left:5px;
 	padding-right:23px;
	}

	td.paddedright {
	padding-left:0px;
 	padding-right:30px;
	}

	p.padded_short {
	padding-top:0px;
 	padding-left:10px;
	}

	p.padded {
	padding-top:0px;
 	padding-left:80px;
	}


	/* Cosmetic */
	
	/***********************************************************************
		CSS - MENU BLOCKS
	 	General rules for all menu blocks (group of sub items) 
	***********************************************************************/
	#dhtmlgoodies_menu ul{
		border:1px solid #000;
		background-color:#transparent;
		padding:1px;
	}
		
	#dhtmlgoodies_menu ul.menuBlock1{	/* Menu bar - main menu items */
		border:0px;
		padding-left:110px;
		border:0px solid #317082;
		background-color:#transparent;
		overflow:visible;
	}
	#dhtmlgoodies_menu ul.menuBlock2{	/* Menu bar - main menu items */
		border:0px;
		padding:1px;
		padding-left:1px;
		border:1px solid #555;
	}
	#dhtmlgoodies_menu ul.menuBlock3{	/* Menu bar - main menu items */
		border:0px;
		padding:1px;
		padding-left:2px;
		border:1px solid #555;
	}
	
	/***********************************************************************
		CSS - MENU ITEMS
	 	Here, you could assign rules to the menu items at different depths.
	***********************************************************************/
	/* General rules for all menu items */
	#dhtmlgoodies_menu a{
		color: #000;
		text-decoration:none;
		padding-left:2px;
		padding-right:2px;
	
	}
	
	/*
	Main menu items 
	*/
	
	#dhtmlgoodies_menu .currentDepth1{
		color:#000;
		font-weight:bold;
		padding-left:5px;
		padding-right:5px;
		border:0px solid #E2EBED;
	}
	#dhtmlgoodies_menu .currentDepth1over{
		padding-left:5px;
		padding-right:5px;
		background-color:#317082; 		/* valitun valikko-osan pohjaväri */
		border:0px solid #000;
		
		
	}
	#dhtmlgoodies_menu .currentDepth1 a{
		color:#000;
		font-weight:bold;
		
	}
	#dhtmlgoodies_menu .currentDepth1over a{	/* valitun valikko-osan teksti */
		color:#FFF;
		font-weight:bold;
	}
	
	/* Sub menu depth 1 */
	#dhtmlgoodies_menu .currentDepth2{		/* valitun alavalikon pohjaväri */
		color:#000;
		text-align:left;
		padding-left:0px;
		background-color:CCC;
		border:1px solid #FFF;
	}

	#dhtmlgoodies_menu .currentDepth2a{
		color:#000;
		border:1px solid #000;	
		
	}
	#dhtmlgoodies_menu .currentDepth2over{ 		
		color:#FFF;
		padding-left:0px;
		text-align:left;
		background-color:#317082;			/* #E2EBED */
		border:1px solid #000;
	}	
	#dhtmlgoodies_menu .currentDepth2over a{	/* valitun alavalikon teksti */
		color:#FFF;
		text-align:left;
		font-weight:bold;

	}	
	/* Sub menu depth 2 */
	#dhtmlgoodies_menu .currentDepth3{
		color:#000;
		text-align:left;
		padding-left:0px;
		background-color:CCC;
		border:1px solid #FFF;
	}
	#dhtmlgoodies_menu .currentDepth3a{
		color:#000;
		border:1px solid #000;	
		
	}
	#dhtmlgoodies_menu .currentDepth3over{
		color:#FFF;
		padding-left:0px;
		text-align:left;
		background-color:#317082;			/* #E2EBED */
		border:1px solid #000;
	}

	#dhtmlgoodies_menu .currentDepth3over a{	/* valitun alavalikon teksti */
		color:#FFF;
		text-align:left;
		font-weight:bold;

	}	
	/* Sub menu depth 3 */
	#dhtmlgoodies_menu .currentDepth4{
		padding-right:2px;
		border:1px solid #FFF;
	}
	#dhtmlgoodies_menu .currentDepth4over{
		padding-right:2px;
		background-color:#EBEDE3;
		border:1px solid #000;
	}	

</style>