/* vierityspalkki aina näkyviin */
html {overflow-y: scroll;}

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

body 
{
	font-family: Arial;
	font-size: 11px;
	line-height: 18px;
	color: #3c4b53;	
	text-align: center;
	background: url(../img/body.gif) center top repeat-y #fdfdfe;
}

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

body a 
{
	color: #000000;
	text-decoration: underline;
}

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

form {
	margin: 0;
	padding: 0;
}

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 {
	width: 970px;
}
#Header, #Columns, #Footer {
	width: 970px;
}

/* Set cross-browser minimum content height */

.MinHeight 
{
	position: relative;
	display: block;
	height: 300px;
	width: 1px;
}

#Wrapper
{
	margin-top: 0; 
	margin-bottom: 0; 
	margin-right: auto;
	margin-left: auto;
	padding: 0;
	text-align: center;
	background: url(../img/container.gif) center top no-repeat;
	overflow: hidden;
}
#Container 
{
	position: relative;
	display: block;
	margin-top: 0; 
	margin-bottom: 0; 
	margin-right: auto;
	margin-left: auto;
	padding: 0;
	text-align: left;
	overflow: hidden;
}

html>body #Wrapper {
	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 
{
	position: relative;
	display: block;
	height: 170px;
	background-color: #fff;
	float: left;
}

#Columns {
	position: relative;
	display: block;
	margin: 0;
	padding: 0;
	height: auto;
	background-color: #fff;
	text-align: left;
	float: left;
}

/* 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: inline;
	float: left;	
	background-color: Transparent;
	overflow:hidden;
}
#Frontpage #C1 {width: 725px;}
#Page #C1 {width: 235px; padding-bottom: 10px; background-color: #fff;}

#C2 {
	position: relative;
	display: inline;
	float: left;
	background-color: #fff;
	overflow:hidden;
}
#Frontpage #C2 {width: 235px; margin-left: 10px;}
#Page #C2 {width: 725px; margin-left: 10px;}

#C3 {
	position: relative;
	display: inline;
	float: left;
	width: 150px;
	background-color: #EEEEEE;
	overflow:hidden;
}

#C4 {
	position: relative;
	display: inline;
	float: left;
	width: 0px;
}

#Frontpage {position: relative; display: block; float: left; margin: 0; padding: 10px 0 0 0;}

#Frontpage #SAContent1 {margin: 155px 40px 35px 40px; height: 120px; width: 425px;}
#Frontpage #ColorBlockTitle1 {background: url(../img/colorblock_title1.gif) left top no-repeat; width: 195px; height: 15px; float: left; margin: 10px 0 0 0; padding: 10px 20px 10px 20px; overflow: hidden;}
#Frontpage #ColorBlockTitle2 {background: url(../img/colorblock_title2.gif) left top no-repeat; width: 195px; height: 15px; float: left; margin: 10px 0 0 10px; padding: 10px 20px 10px 20px; overflow: hidden;}
#Frontpage #ColorBlockTitle3 {background: url(../img/colorblock_title3.gif) left top no-repeat; width: 195px; height: 15px; float: left; margin: 10px 0 0 10px; padding: 10px 20px 10px 20px; overflow: hidden;}
#Frontpage #ColorBlockTitle4 {background: url(../img/colorblock_title4.gif) left top no-repeat; width: 195px; height: 15px; float: left; margin: 0; padding: 10px 20px 10px 20px; overflow: hidden;}
#Frontpage #ColorBlockTitle4_1 {background: url(../img/colorblock_title4.gif) left top no-repeat; width: 195px; height: 15px; float: left; margin: 10px 0px 0px 0px; padding: 10px 20px 10px 20px; overflow: hidden;}

#Frontpage #ColorBlockTitle4_1 a {
    font-family: Arial Narrow, Arial;
	font-size: 11px;
	font-weight: bold;
	padding: 0;
	margin: 0;
	color: #fff;
	line-height: 12px;
	text-transform: uppercase;
	text-decoration:none;
    }

#Frontpage #ColorBlock1 {background: url(../img/colorblock1.gif) left bottom no-repeat #56c7c7; width: 195px; float: left; margin: 5px 0 0 0; padding: 10px 20px 10px 20px;}
#Frontpage #ColorBlock2 {background: url(../img/colorblock2.gif) left bottom no-repeat #9f56c7; width: 195px; float: left; margin: 5px 0 0 10px; padding: 10px 20px 10px 20px;}
#Frontpage #ColorBlock3 {background: url(../img/colorblock3.gif) left bottom no-repeat #c7566b; width: 195px; float: left; margin: 5px 0 0 10px; padding: 10px 20px 10px 20px;}
#Frontpage #ColorBlock4 {background-color: #e5ecf4; width: 195px; float: left; margin: 5px 0 0 0; padding: 30px 20px 30px 20px;}


#Frontpage #SAContent8 p, #Frontpage #SAContent9 p {margin: 0; padding: 0;}

#Page {position: relative; display: block; float: left; margin: 0; padding: 0; width: 970px; height: auto; background-color: #fff;}
#Page #SAContent1 {margin: 0 40px 40px 40px; position: relative;}

#Page #ColorBlockLargeTitleBlue {background: url(../img/colorblock_large_title_blue.gif) left top no-repeat; width: 685px; height: 15px; float: left; margin: 10px 0 40px 0; padding: 10px 20px 10px 20px; overflow: hidden;}
#Page #ColorBlockTitle3 {background: url(../img/colorblock_title3.gif) left bottom no-repeat Transparent; width: 195px; height: 15px; float: left; margin: 0; padding: 20px 20px 10px 20px; overflow: hidden;}


#Frontpage #ColorBlock1 a:Link,#Frontpage #ColorBlock2 a:Link, #Frontpage #ColorBlock3 a:Link
{
    text-decoration: none;
    color: #fff;
}

#Frontpage #ColorBlock1 a:Visited,#Frontpage #ColorBlock2 a:Visited, #Frontpage #ColorBlock3 a:Visited
{
    text-decoration: none;
    color: #fff;
}

#Frontpage #ColorBlock1 a:Hover,#Frontpage #ColorBlock2 a:Hover, #Frontpage #ColorBlock3 a:Hover
{
    text-decoration: none;
    color: #fff;
}

/*******/

#Frontpage #ColorBlock4 a:Link
{
    text-decoration: none;
}

#Frontpage #ColorBlock4 a:Visited
{
    text-decoration: none;
}

#Frontpage #ColorBlock4 a:Hover
{
    text-decoration: none;    
}
/***********/


.LightBlueBackground {display: block; background: url(../img/page.gif) left top repeat-y #fff; width: 970px; overflow: hidden; padding-bottom: 20px;}
.LightBlueBackground:after {
	content: "."; 
	display: block;
	height: 0.01em;
	overflow: hidden;
	visibility: hidden; 
	clear: both;
}

#SABanner
{
	position: relative;
	display: block;
	width: 725px;
	height: 300px;
	float: left;
}

#Footer {
	position: relative;
	display: block;
	padding-top: 30px;
	color: #66757e;
	background: url(../img/footer.gif) center top no-repeat Transparent;
	float: left;
}	
#FooterContent
{
	padding: 0 20px 10px 20px;
}
#FooterContent a {text-decoration: none; color: #66757e;}
#FooterContent p {margin: 0; padding: 0;}

#Logo
{
	position: relative;
	display: block;
	/*width: 284px;
	height: 100px;*/
	/*width: 1000px;
	height: 100px;*/
	width: 400px;
	height: 40px;
	/*background: url(../img/logo.gif) left top no-repeat;*/
	background: url(../img/Leinolat_uusi_logo_small.jpg) left top no-repeat;
	z-index: 10;
}
#LogoLink
{
	position: relative;
	display: block;
	width: 284px;
	height: 100px;
	z-index: 12;
}

.Toolbar
{
	position: absolute;
	display: block;
	top: 0;
	right: 0;
	height: 170px;
	color: #145093;
	font-size: 11px;
	float: right;
}
.ToolbarTable
{
	color: #145093;
	font-size: 11px;
}

.LanguageBox
{
	position: relative;
	display: block;
	float: right;
	height: 40px;
}

.SearchBox
{
	position: relative;
	display: block;
	float: right;
	clear: both;
	top: 30px;
}

#txtSearch
{
	background-color: #e9eff5;
}

.btnSearch
{
	display: block;
	margin-top: 2px;
	margin-left: 5px;
	height: 20px;
	width: 20px;
	background: url(../img/btnSearch.gif) left top no-repeat;
}

#Breadcrumb
{
	margin-top: 1px;
	padding: 10px 15px 10px 15px;
	background: url(../img/breadcrumb.gif) left top repeat-x;
}
#Breadcrumb a {text-decoration: none;}
#Breadcrumb a:hover {color: #c65368;}

#Print
{
	position: absolute;
	display: block;
	top: 30px;
	right: 20px;
	padding: 2px 0 0 25px;
	background: url(../img/print.gif) left top no-repeat;
}

.NewsSeparator
{
    color: #EAF2FA;
}

.NewsTitle
{
    color: #145092;
    font-weight: bold;
}

.NewsTitle a:Link, .NewsTitle a:Visited
{
    color: #145092;
    text-decoration: none;
}

.NewsTitle a:Hover
{
    color: #C65368;
    text-decoration: none;
}

#NewsArea
{
    margin-left: 40px;
}

#VideoHolder {margin: 0 40px 40px 40px; position: relative;}