html, body {
	margin: 0;
	padding: 0;
}

body 
{
	font-family:  Arial, Verdana, Helvetica, sans-serif;
	font-size: 11px; 
	color: #666;	
	text-align: center;
	background:url(../img/body_bg.gif) 0 0 repeat-x;
	background-color: #a5cfd4;
}

body a img, body a:hover img {
	border: none;
}

body a 
{
	color: #666;
	text-decoration: none;
}

body a:link	
{	
	color: #666;
	text-decoration: none;
}	
		
body a:visited	
{	
	color: #666;
	text-decoration: none;
}	
		
body a:active
{	
	color: #666;
	text-decoration: none;
}	
		
body a:hover {
	color:#d85144;
	text-decoration: none;
}

html>body h1, html>body h2, html>body h3, html>body h4 {
	margin:auto;
}

hr {	
	width: 100%;
	height: 1px;
}

table 
{
	font-size: 1em;
	color: #000000; 	
}

/* Set static page width */

#Container, #Header, #Columns, #Footer   {
	width: 998px;
}

/* Set cross-browser minimum content height */

#MinHeight 
{
	position: relative;
	display: block;
	height: 500px;
	width: 1px;
}

#Container 
{
	position: relative;
	display: block;
	margin-top: 0; 
	margin-right: auto; 
	margin-bottom: 0; 
	margin-left: auto;
	padding: 0;
	height: auto;
	text-align: left;
	width: 998px;
	/*height: 734px;	*/
	/*background-color:Azure;*/
}

html>body #Container {
	/*border-bottom: 1px transparent;	*/
	
}

/* This is needed for clearing floats  inside container */

#Container:after {
	content: "."; 
	display: block;
	height: 0.01em;
	overflow: hidden;
	visibility: hidden; 
	clear: both;
}
/******* HEADER********/
#Header 
{
	position: relative;
	display: block;
	margin: 0;
	padding: 0;
	height: 151px;
	width: 998px;
	background:url(../img/Header_bg.gif) 0 0 repeat-y;
	/*background:url(../img/Header_bg2.gif) 0 0 repeat-x;*/
}


#Header_column
{
	position: relative;
	display: block;
	margin: 0 0 0 4px;
	padding: 0;
	height: 101px;
	width: 990px;
		}
		
#Header_vaakuna
	{
	position: relative;
	display: block;
	margin: 0;
	padding: 0;
	height: 100px;
	width: 900px;
	background:url(../img/header/vaakuna.gif) 0 0 no-repeat;
		}
		
#Header_tausta
		{		
	position: relative;
	display: block;
	margin: 0 0 0 100px;
	padding: 0;
	height: 100px;
	width: 890px;
	background:url(../img/header/tausta_1.gif) 0 0 no-repeat;
		}
#Header_c1, #Header_c2 
{
	position: relative;
	display: block;
	float:left;
	margin: 0;
	padding: 0;
	height: 100px;
	width: 445px;	
		}
		
#Header_c2_top, #Header_c2_bottom
{
	position: relative;
	display: block;
	float:left;
	margin: 0;
	padding: 0;
	height: 40px;
	width: 445px;		
		}	
html>body  #Header_c2_bottom, #Header_c2_top	
{
		height: 50px;
		}	
			
#Header_menu
{
	position: relative;
	display: block;
	float: left;	
	margin: 0 0 0 2px;
	padding: 0;
	height: 30px;
	width: 990px;
	background: url(../img/header/Headermenu_bg.gif) 0 0 repeat-x;
	}
	
html>body #Header_menu
{
	position: relative;
	display: block;
	float: left;	
	margin: 0 0 0 4px;
	padding: 0;
	height: 50px;
	width: 990px;
	background: url(../img/header/Headermenu_bg.gif) 0 0 repeat-x;
	
	
	}


/******** COLUMNS **************/
#Columns {
	position: relative;
	display: block;
	margin: 0;
	padding: 0;
	height: auto;
	/*height: 734px;*/	
	background:url(../img/columns_bg.gif) 0 0 repeat-y;
	
}

/* This is needed for clearing floats  inside container */

#Columns:after {
	content: "."; 
	display: block;
	height: 0.01em;
	overflow: hidden;
	visibility: hidden; 
	clear: both;
}

#C1 {
	position: relative;
	display: block;
	float: left;
	margin:0 0 0 4px;
	height: 650px;
	width: 6px;
	background-color: #FFF;
}
html>body #C1 {
	
	margin:0 0 0 4px;
	width: 10px;
	
}

/*****************************************/
#C2 {
	position: relative;
	display: block;
	float: left;
	width: auto;
	height: auto;	
	overflow: hidden;
}

#C2_left_content
{
	position: relative;
	display: block;
	float: left;
	margin: 10px 0 0 0;
	padding: 0;
	width: 735px;
	height: 566px;
	background-color: #FFF;
	/*background: url(../img/frontpage/banner.gif) 0 0 no-repeat;	*/
	}
	
#Banner
{
	position: relative;
	display: block;
	float: left;
	margin: 0;
	padding: 0;
	width: 735px;
	height: 225px;
	background-color: #FFF;
	/*background: url(../img/frontpage/banner.gif) 0 0 no-repeat;	*/
	}
	
#C2_right_content
{
	position: relative;
	display: block;
	float: left;
	margin: 0 0 0 10px;
	padding: 0;
	width: 225px;
	height: auto;
	background-color:#FFF;
	/*background: url(../img/frontpage/banner.gif) 0 0 no-repeat;*/
	}
	
#C2_right_content_title
{
	position: relative;
	display: block;
	float: left;
	margin:0;
	padding: 0;
	width: 223px;
	height: 60px;
	background-color: #FFF;
	background: url(../img/frontpage/C3_titlebox.gif) 0 0 no-repeat;
	}

#C2_right_content_text
{
	position: relative;
	display: block;
	float: left;
	margin: 10px 0 0 0;
	padding: 0;
	width: 223px;
	height: auto;
	background-color:#F8F7F7;
	/*background: url(../img/frontpage/C3_content_bg.gif) 0 0 repeat-y;	*/
	border: 1px solid #F1EFEF;
	}
	#C2_Newscontainer
	{
	position: relative;
	display: block;
	float: left;
	margin: 20px 0 0 10px;
	padding: 0;
	width: 195px;
	height: auto;
	/*background-color:#FFF;	*/
	overflow:hidden;
	}
	
html>body #C2_Newscontainer
	{	
	margin: 20px 0 20px 20px;
	padding: 0 0 20px 0;
	width: 195px;
	height: auto;	
	
	}
/************ Bottom content boxs****************/		
#C2_bottom_content
	{
	position: relative;
	display: block;
	float: left;
	margin: 0 0 0 0;
	padding: 0;
	width: 735px;
	height: 271px;	
		}	
		
#C2_bottom_content_box1, #C2_bottom_content_box2
		{
	position: relative;
	display: block;
	float: left;
	margin: 0 10px 0 0;
	padding: 0;
	width: 238px;
	height: 271px;			
			}
			
			
 #C2_bottom_content_box3
	{
	position: relative;
	display: block;
	float: right;
	margin: 0;
	padding: 0;
	width: 238px;
	height: 271px;	
				}
				
#C2_bottom_content_box1_title
	{
	position: relative;
	display: block;
	float: left;
	margin: 0;
	padding: 0;
	width: 238px;
	height: 60px;
	background: url(../img/frontpage/box_lila.gif) 0 0 no-repeat;
	overflow: hidden;
				}
				
html>body #C2_bottom_content_box1_title
	{
	margin: 0;
	padding: 0;	
				}				
				
#C2_bottom_content_box2_title
	{
	position: relative;
	display: block;
	float: left;
	margin: 0;
	padding: 0;
	width: 238px;
	height: 60px;
	background: url(../img/frontpage/box_sininen.gif) 0 0 no-repeat;
	overflow: hidden;
				}
				
#C2_bottom_content_box3_title
	{
	position: relative;
	display: block;
	float: left;
	margin: 0;
	padding: 0;
	width: 238px;
	height: 60px;
	background: url(../img/frontpage/box_vihrea.gif) 0 0 no-repeat;
	overflow: hidden;
				}
				
#C2_bottom_content_box1_content, #C2_bottom_content_box2_content, #C2_bottom_content_box3_content		
{
	position: relative;
	display: block;
	float: left;
	margin: 0;
	padding: 0;
	width: 238px;
	height: 210px;
	background: url(../img/frontpage/C2_contentbox_bg.gif) 0 0 no-repeat;
	overflow: hidden;	
	}		
	
/**************** SAContent areas **************************/

#SAContent1, #SAContent5
{
	font-family:Georgia, Arial, Verdana;
	font-size: 12px;
	font-weight:bold;
	color: #FFF;
	position: relative;
	display: block;
	float: left;
	/*margin: 28px 0 0 10px;*/	
	margin: 28px 0 0 10px;	
	/*margin-top: -5px;*/
	padding: 0;
	width: 200px;
	height: 26px;	
	overflow: hidden;
	vertical-align: top;
	line-height: 14px;
	text-transform: uppercase;
	
	}		
	
#SAContent3
{
	font-family:Georgia, Arial, Verdana;
	font-size: 12px;
	font-weight:bold;
	color: #FFF;
	position: relative;
	display: block;
	float: left;
	/*margin: 28px 0 0 10px;*/	
	margin: 22px 0 0 10px;	
	/*margin-top: -5px;*/
	padding: 0;
	width: 200px;
	height: 26px;	
	overflow: hidden;
	vertical-align: top;
	line-height: 14px;
	text-transform: uppercase;
	
	}		
	
	
#SAContent1 a, #SAContent1 p, #SAContent3 a, #SAContent3 p, #SAContent5 a, #SAContent5 p
{
    margin: 0;
    color: #FFF;
    padding: 0;
    vertical-align: top;    
}	
	
html>body #SAContent1, #SAContent5
{	
	margin: 28px 0 0 20px;
	padding: 0;	
	overflow: hidden;
	}	
	
html>body #SAContent3
{	
	margin: 28px 0 0 20px;
	padding: 0;	
	overflow: hidden;
	}		

	
#SAContent2, #SAContent4, #SAContent6
{
	position: relative;
	display: block;
	float: left;
	margin: 35px 0 0 10px;
	padding: 0;
	width: 200px;
	height: 155px;
	overflow: hidden;
	
	}	
	
html>body #SAContent2, #SAContent4, #SAContent6
{	
	margin: 35px 0 0 20px;
	padding: 0;	
	overflow: hidden;
	}	
	
#SAContent7
	{
		font-family:Georgia, Arial, Verdana;
	font-size: 12px;
	font-weight:bold;
	color: #FFF!important;
	position: relative;
	display: block;
	float: left;
	margin: 28px 0 0 5px;
	padding: 0;
	width: 205px;
	height: 26px;
	line-height:13px;
	overflow: hidden;
	
		}
html>body #SAContent7
		{
	margin: 28px 0 0 10px;
	padding: 0;
	overflow: hidden;	
	}	
			
	
/*****************************************/
#C3 {
	position: relative;
	display: block;
	float: right;
	margin: 0 4px 0 0;
	padding: 0;
	width: 10px;
	height: 734px;
	background-color: #FFF;
}

#C4 {
	position: relative;
	display: block;
	float: left;
	margin: 10px 0 0 0;
	padding: 0;
	width: 735px;
	height: 50px;
	background-color: #FFF;
	background: url(../img/footer/Footer_bg.gif) 0 0 no-repeat;
	overflow: hidden;
}
#C4_text 
{
	position: relative;
	display: block;
	float: left;
	margin: 10px 0 0 0;
	padding: 8px 0 0 20px;
	width: 500px;
	height: 20px;
		
}
 #C4_text a
 {
	color: #666;	
	}
#C4_text a:hover
{
	color: #999;	
}

#Footer {
	position: relative;
	display: block;
	clear: both;	
	float: left;
	margin:0;	
	height: auto;
	background:url(../img/columns_bg.gif) 0 0 repeat-y;
}	

/**** SEARCH ***/

#SearchTool
{
	position:relative;
    display: block;
     float:left;
	height: 30px;
	width: 445px;
	margin: 0;
    padding:  0;
  
	}
html>body #SearchTool
{
	height: 50px;	
	}
#SearchTitle
	{
	position:relative;
    display: block;
    float: left;
    text-align:right;
	height: 28px;
	width: 195px;
	margin: 5px 0 0 0;
    padding: 8px 0 0 0;
   
			}
			
#Search
	{		
	position:relative;
	display: block;
	float: right;
	margin: 5px 0 0 0;
	padding: 0;
	height: 35px;
	width: 240px;
	
		}
html>body #SearchTitle, #Search
{
	margin: 15px 0 0 0;
	}
		
#txtSearch
	{
	position:relative;
	display: block;
	 float: left;
	margin: 2px 0 0 0;
	padding: 0;
	height: 20px;
	line-height: 20px;
	width: 185px;
			}
		
#btnSearch {
    position:relative;
    display: block;
	float: right;		
    margin: 1px 4px 0 0;
    padding: 0;    
    color: #f7eceb;
    font-size: 9px;
    font-weight: bold;   
    width: 35px;
    height: 25px;
    background: url(../img/header/hae_nappi2.gif) 0 0 no-repeat;
	
    }
html>body #btnSearch {
    	
    margin:  1px 8px 0 0;   	
    }

#btnSearch:hover
{
	    color: #f7eceb;	    	
    }
    /* NEWSBOX listing*/ 	
#NewsboxCell
{
	position: relative;
	display: block;
	float:left;
	
	width: 205px;
	height: auto;
	margin: 0 0 0 10px;
	/*font-size: 10px;*/
	/*overflow: hidden;*/
	background-color: Azure;	
	}	

#Newsbox_news_h_date
{
	position: relative;
	display: block;
	float:left;
	
	width: 205px;
	height: 13px;
	/*margin: 0 0 0 0;*/
	padding:0;
	font-size: 9;
	overflow: hidden;
	/*border-right: 1px solid #888;	*/	
	}

#Newsbox_news_text
{
	position: relative;
	display: block;
	float:left;
	
	width: 150px;
	/*height: 45px;*/
	height: auto;
	margin: 0;
	font-size: 11px;
	overflow: hidden;
	
	}
#Newsbox_news_h
{
	position: relative;
	display: block;
	float: left;

	width: 205px;
	/*height: 15px;	*/
	height: auto;	
	padding: 4px 0 5px 0;
	font-size: 10;
	/*overflow: hidden;*/
	overflow: visible;
	font-weight: bold;	
	}
	
	/*
#Newsbox_news_h:hover
{
	position: relative;
	display: block;
	float:right;
	
	width: 231px;
	height: 15px;	
	padding: 4px 0 0 0;
	font-size: 10;
	overflow: hidden;
	font-weight: bold;	
	}
*/