html,body,div,a,img{
    /* margins etc. off for layout */
	margin: 0;
	padding: 0;
	border: 0;
	/* Why, oh why the defaults are always to be overridden? ;) */
}


/*
table,tr,td
{
   	margin: 0;
	padding: 0;
	border: 0;
}
*/
/*

        #Container td , #Container .ms-WPBody td , #Container .ms-WPBody td
        {
            font-family:Arial, Helvetica, Sans-Serif;
            font-size:11px;
            color:#333333;
            line-height:16px;        
        }
*/
        #Container th , #Container .ms-WPBody th , #Container .ms-WPBody th
        {
            font-weight:normal;
        }
a
{
    text-decoration:none;
    color:#02529A;
}
a:visited
{
    text-decoration:none;
    color:#02529A;
}
a:hover
{
    text-decoration:underline;
    color:#02529A;
}

p
{
	margin-top:0;
	padding-top:0;	
}
html{
	/* force scrollbar, reduces "jumpyness" between pages holding variable sized content*/
	height:101%;
	text-align:left;
}
body, div, input, textarea{

}
html>body{
    /* IE6 does NOT see this */
}

body
{
    text-align:center;
    background: url(/img/bg_slice.gif) top center repeat-x; 
}


img{
	-ms-interpolation-mode:bicubic;
}

.OnlyPrint
{
    display:none!important;   
}


h1
{
	margin-top:0;
	padding-top:0;	    
    font-family:Georgia!important;
    font-size:20px!important;
    color:#002F5A;    
}
h2
{
	margin-top:0;
	padding-top:0;	    
    font-family:Georgia!important;
    font-size:16px!important;
    color:#002F5A;
}
h3
{
	margin-top:0;
	padding-top:0;	    
    font-family:Arial, Helvetica, Sans-Serif!important;
    font-size:20px!important;
    color:#292929;
}
h4
{
	margin-top:0;
	padding-top:0;	    
    font-family:Arial, Helvetica, Sans-Serif!important;
    font-size:17px!important;   
    font-weight:normal!important; 
    color:#333333;    
    line-height:24px;
}

big
{
    font-size:15px!important;
    font-family:Arial, Helvetica, Sans-Serif!important;
    color:#333333!important;       
}
p
{
    font-size:13px!important;    
    font-family:Arial, Helvetica, Sans-Serif!important;
    color:#333333!important;    
    line-height:16px;
}
small
{
    font-size:11px!important;
    font-family:Arial, Helvetica, Sans-Serif!important;
    color:#333333!important;       
}

#Header, #ColumnsTopRow, #ColumnsBottomRow,  #Footer   
{
    width: 950px;
    margin:0;
    padding:0;
}

#Header
{
    height:105px!important;
    background: url(../img/header_bg.gif) top left repeat-x;
    background-color:white;        
        
}
#HeaderContent
{
    background: url(../img/logo.jpg) 0px 3px no-repeat;
}


#HeaderContentTop
{
    height:62px;
    margin:0;
    background-color:transparent;    
}
#HeaderLinksTd
{
    color:#005098;  
    font-family:Arial, Helvetica, Sans-Serif;
    font-size:11px;    
}
#HeaderLinksTd a
{
    text-decoration:none;  
    color:#005098;  
    font-family:Arial, Helvetica, Sans-Serif;
    font-size:11px;
}
#HeaderLinksTd a:hover
{
    text-decoration:underline;      
}
#HeaderContentBot
{
    height:34px;
    margin:0 0 0 22px;
}



.ms-WPHeader h3
{
    font-size:14px!important;    
}
/* Set cross-browser minimum content height */

#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:950px;
	
    background: url(/img/container_bg.gif) top left repeat-x; 	
}

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;
}





/* E T U S I V U   A L K A A */

/* ETUSIVUN HOLDER */
#FrontpageColumns
{
	position: relative;
	display: block;    
    margin:0;
    padding:0;    
    background: url(/img/frontpage_columns_bg.gif) bottom left repeat-x; 
    background-color:#FDFDFD;
}

/* ETUSIVUN KAKSI PALSTAA */

#ColumnsTopRow 
{
	position: relative;
	display: block;
	margin: 0;
	padding: 0;
	height: auto;
	background-color: transparent;
}
#ColumnsTopRow:after 
{
	content: "."; 
	display: block;
	height: 0.01em;
	overflow: hidden;
	visibility: hidden; 
	clear: both;
}

/* FLASH */
#ColumnsTopRow #C1 
{
    margin:0 0 0 10px;
	position: relative;
	display: inline;
	float: left;	
	width: 620px;
	height:420px;
	overflow:auto!important;
}

#ColumnsTopRow #C2 
{
    margin:0 0 0 10px;
	position: relative;
	display: inline;
	float: left;
	width: 300px;
}
#C2Top
{
    margin:0;
    padding:0;
    width:300px;
    height:126px;    
    background: url(/img/frontpage_nosto_bg.gif) top left no-repeat;     
    overflow:hidden;
}
#C2Mid
{
    margin:21px 0 0 0;
    padding:0;
    width:300px;
    height:126px;  
    background: url(/img/frontpage_nosto_bg.gif) top left no-repeat;         
    overflow:hidden;
}
#C2Bot
{
    margin:21px 0 0 0;
    padding:0;
    width:300px;
    height:126px;    
    background: url(/img/frontpage_nosto_bg.gif) top left no-repeat;   
    overflow:hidden;
}
.FrontpageUpper
{
    width:280px;
    margin:9px 0 0 10px;
}
.FrontpageUpperTd1
{
    width:90px;
    height:108px!important;
    overflow:hidden;
}
.FrontpageUpperTd2
{
    width:20px;    
}
.FrontpageUpperTd3
{
    width:170px;   
    height:108px!important;
    overflow:hidden;     
}

.FrontpageUpperTd3 h2
{
    padding-bottom:10px;   
    margin-bottom:0;
}


/* ETUSIVU UUSI LEVEÄ */
#FrontpageNewContentArea
{
    display:block;
    position:relative;
    width:860px;
    margin:0 0 0 50px;
    background-color:Transparent;    
}

/* ETUSIVUN KOLME PALSTAA */

#ColumnsBottomRow  {
	position: relative;
	display: block;
	margin: 0;
	padding: 0;
	height: auto;
	background-color: transparent;
}
#ColumnsBottomRow:after {
	content: "."; 
	display: block;
	height: 0.01em;
	overflow: hidden;
	visibility: hidden; 
	clear: both;
}
#ColumnsBottomRow #C3
{
    margin:0;
	position: relative;
	display: inline;
	float: left;	
	width: 320px; /*329px;*/
	background-color: transparent;
}

#ColumnsBottomRow #C4
{
    margin:0;
	position: relative;
	display: inline;
	float: left;	
	width: 310px; /*312px;*/
	background-color: transparent;
    /*background: url(/img/frontpage_bot_spacer.gif) center left no-repeat; */
}

#ColumnsBottomRow #C5
{
    margin:0;
	position: relative;
	display: inline;
	float: left;	
	width: 310px; /*309px;*/
	background-color: transparent;
    /*background: url(/img/frontpage_bot_spacer.gif) center left no-repeat; */
}

#C3Inner
{
    /*margin:35px 0 0 51px;
    width:249px;*/
    
    margin:0 0 0 50px;
    width:240px;
}
#C4Inner
{
    /*margin:35px 0 0 48px;
    width:240px;*/
    margin:0 0 0 40px;
    width:240px;    
}
#C5Inner
{
    /*margin:35px 0 0 37px;
    width:241px;*/
    margin:0 0 0 40px;
    width:240px;      
}

/* E T U S I V U   L O P P U U  */


/* A L A S I V U   A L K A A */

/* ALASIVUSIVUN HOLDER */
#SubpageColumns
{
	position: relative;
	display: block;    
    margin:0;
    padding:0;    
    width:950px;

    background: url(/img/subpage_columns_bg.gif) top left repeat-x; 
    background-color:#F7F7F7;    
}


#ColumnsOnlyRowSansMenu 
{
	position: relative;
	display: block;
	margin: 0;
	padding: 0;
	height: auto;
	background-color: transparent;
}
#ColumnsOnlyRowSansMenu:after 
{
	content: "."; 
	display: block;
	height: 0.01em;
	overflow: hidden;
	visibility: hidden; 
	clear: both;
}

#ColumnsOnlyRow 
{
	position: relative;
	display: block;
	margin: 0;
	padding: 0;
	height: auto;
	background-color: transparent;
}
#ColumnsOnlyRow:after 
{
	content: "."; 
	display: block;
	height: 0.01em;
	overflow: hidden;
	visibility: hidden; 
	clear: both;
}

/* Vasen palsta, Menu ym. */
#ColumnsOnlyRow #C1 
{
    margin:0;
	position: relative;
	display: inline;
	float: left;	
	width: 210px;
	background-color: transparent;    
	border-top:solid 1px #DCDCDC;
}

#ColumnsOnlyRowSansMenu #C1 
{
    margin:0;
	position: relative;
	display: inline;
	float: left;	
	width: 210px;
	background-color: transparent;    
}

/* Oikea palsta */
#ColumnsOnlyRow #C2 
{
    margin:0;
	position: relative;
	display: inline;
	float: left;
	border-left:solid 1px #DCDCDC;
}
#ColumnsOnlyRowSansMenu #C2 
{
    margin:0;
	position: relative;
	display: inline;
	float: left;
}

#C2Inner
{
    margin:0 0 0 25px;        
    width:690px;
}

#C2BannerHolder
{
    margin:0;
    padding:0;
}

/* MURUPOLKU */
#C2BreadcrumbpathAndPrintHolder
{
    margin:0 0 0 5px;
    padding:0 0 5px 0;
    border-bottom:solid 1px #E4E4E4;
}
#BreadcrumbpathAndPrintTable
{
    margin:10px 0 0 0;
    padding:0;       
}
#BreadcrumbpathAndPrintTable a
{
    text-decoration:none;     
    font-family:Arial, Helvetica, Sans-Serif;
    font-size:10px;
    color:#005098;    
}
#BreadcrumbpathAndPrintTable a:hover
{
     text-decoration:underline;      
}
.BreadCrumbPathSeparator
{
    text-decoration:none;     
    font-family:Arial, Helvetica, Sans-Serif;
    font-size:10px;
    color:#005098;      
}


#C2ContentHolder
{
    margin:0 0 0 5px;
    padding:0;   
}
#C2ContentTopHolder
{
    margin:15px 0 0 0;   
}
#C2ContentMidHolder
{
    margin:15px 0 0 0; 
}
#C2ContentBotHolder
{
    margin:15px 0 0 0;    
}

#MinHighter
{
    margin:0;
	position: relative;
	display: inline;
	float: left;    
    width:1px;   
}

#SubpageContentSpacer
{
	position: relative;
	display: block;    
    margin:0;
    padding:0;    
    height:15px;
}
/* A L A S I V U   L O P P U U  */




#Footer 
{
	position: relative;
	display: block;
	clear: both;
	height: 40px;
	background-color:transparent;
}	

#FooterContentSpacer
{
	position: relative;
	display: block;    
	margin:0;
	padding:0;
    height:12px;    
}
#FooterContent
{
	position: relative;
	display: block;    
	margin:0 0 0 20px;
	padding:0;
	
    color:#1F486D;  
    font-family:Arial, Helvetica, Sans-Serif;
    font-size:11px;    
}
#FooterContent a
{
    text-decoration:none;  
    color:#1F486D;  
    font-family:Arial, Helvetica, Sans-Serif;
    font-size:11px;
}
#FooterContent a:hover
{
    text-decoration:underline;  
}


#PrintBanner
{
    display:none!important;    
}