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

html {
    height:101%;
    overflow:auto;
}

body {
/*	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 11px; 
	color: #000000;
	background-color: #fff;
*/	text-align: center;	
    margin-left:auto;
    margin-right:auto;      
    line-height: 16px;
}   

* html body {
 /*overflow:auto;*/
}

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


/************************************************************************** TXT */

body a img, body a:hover img {
	border: 0;
	margin: 0;
	padding: 0;
}

.FPbackground
{
    /*width:1200px;*/
/*background:url(../img/main_bg.jpg) repeat-x top left;*/
background:url(../img/preheader_bg.jpg) repeat-x top left; 
}

.Normal {
    font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 11px;
}
.Bigger {
    font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 14px; 
}
.Smaller {
    font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 9px; 
}


.txtCopyright {
	padding: 5px;
	margin: 0;
}


.txtCopyright a {
	margin: 0;
	padding: 6px;
/*	font-family: Verdana;
	font-size: 10px;	
	color: #00376E;
	font-weight: normal;
	text-decoration:none;
*/
}

.txtCopyright a:hover {
	margin: 0;
	padding: 6px;
/*	font-family: Verdana;
	font-size: 10px;
	color: #00376E;
	text-decoration: underline;
*/
}

/************************************************************************** DIV */

#Skeleton {
	/*margin: 5px auto;
	width: 770px;
	text-align: left;
	overflow:hidden;	*/
	text-align: left;
    width: 960px;
    overflow:hidden;

}
#SkeletonFP {
    text-align: left;
    width: 960px;
    overflow:hidden;
    margin-left: auto;
    margin-right: auto;
}
* html #SkeletonFP {
     overflow:hidden;
}

#HeaderBox {
	/*margin: 0;
	padding: 0;
	width: 770px;	
	height: 181px;*/
/*	border-bottom: 1px solid #fff; */
    margin: 0;
	padding: 0;
	width: 726px;	
	/*height: 181px;*/
	height: 171px;	
}

#HeaderBoxFP {
	margin: 0;
	padding: 0;
	width: 726px;	
	/*height: 181px;*/
	height: 171px;	
}

#Banner{
	display: block;
	width: 770px;
	height: 50px;
	margin: 0;
	padding: 0;
}


#ColPlacementOuter {
	background-color: #AED1EB;
	border-left: 191px solid #338CCC;
	border-right: 5px solid #AED1EB;
	
}


html>body #ColPlacementOuter { border-bottom:1px solid transparent;}
	
#ColPlacementInner  {
	width: 579px;
}

* html #ColPlacementInner {width: 100%;} 

html>body #ColPlacementInner { border-bottom:1px solid transparent;}

#MainContainerBox {
	float: left;
	padding: 0;
	width: 765px; /* kokoleveys miinus oikean palstan leveys */
	margin: 0 0 0 -191px; /* neg. vasen marginaali yhta levea kuin vasen palsta */
	z-index: 10;
}
#MainContainerBoxFP {
	float:left;
	padding: 0;
	/*width: 959px; */
	margin-left:auto;
	margin-right:auto;
	display:block;
	background-color:White;
	/*height:800px;*/
	height: auto;
    background:white url(../img/maintextareafooter.jpg) repeat-x bottom left;	      
    background:white url(../img/main_content_bg.gif) repeat-x bottom left;	      
    overflow:hidden;  

}
/*
html>body #MainContainerBox {1px solid transparent;}
*/
#LeftBox {
	display: block;
	float: left; 
	position: relative;
	width: 191px;
	overflow: hidden;
	margin: 0;
	padding: 0;
	/*border-top: 5px solid #AED1EB;*/
}
#LeftBoxFP {
	display: block;
	float: left; 
	position: relative;
	width: 210px;
	overflow: hidden;
	margin: 0;
	padding: 0;
	/*border-top: 5px solid #AED1EB;*/
}

html>body #LeftBox {border-bottom:1px solid transparent;}

#LeftBox img, #LeftBox a img, #LeftBox a:hover img {
	display: block;
	/*float: center;*/
	position: relative;
	text-align: center;
	margin: 5px 0 0 0;
	padding: 0;
	border: 0;
}

html>body #LeftBox img, html>body #LeftBox a img, html>body #LeftBox a:hover img {
	margin: 5px 0 0 10px;
} 


#RightBox {
	overflow: hidden;
	position: relative;
	display: block;
	float: right;
	background: transparent;
	width: 5px;
	margin: 0;
	padding: 0;
}


* html #RightBox {margin-right: -5px;}


html>body #RightBox {border-bottom:1px solid transparent;}

.MinHeight {
	height: 450px;
}

#CenterBox {
	position: relative;
	display: block;	
	float: left;
	overflow: hidden;
	margin: 5px 0 0 0;
	padding: 0;
	width: 574px;
}
#CenterBoxFP {
	position: relative;
	display: inline;	

	float: left;
	/*float:left;*/
	overflow: hidden;
	
	margin: 15px 0 0 10px;
	padding: 0;
	width: 725px;
}
#Links { 
	position: relative;	
	display: block;
	margin: 0 0 0 4px;
	padding: 2px 0 0;
	width: 570px;
	height: 20px;
	overflow: hidden;
}
#LinksFP { 
	position: relative;	
	display: none;
	width:0px;
	height:0px;
	visibility:hidden;	
}

#Tools {
	display: inline;
	position: relative;
	float: left;
	width: 300px;
	height: 20px;
	margin: 0;
	padding: 0;
}

#TextArea {
	position: relative;	

	display: block;
	margin: 0 0 0 4px;
	padding: 0;
	width: 570px;
	overflow: hidden;
	background: url(../img/centerbox_bg.gif) repeat-y left top;
}

#TextAreaFP {
	position: relative;	
	display: block;
	margin: 0 0 0 4px;
	padding: 0;	
	width: 720px;
	/*overflow: hidden;*/	
	background: url(../img/textarea_bg.jpg) no-repeat left top;
	
}


#TextArea2 {
	position: relative;	
	display: block;
	margin: 0 0 0 4px;
	padding: 0 0 10px 0;
	width: 570px;
	overflow: hidden;
	background: url(../img/centerbox_bg.gif) repeat-y left top;
}


#Redirect {
	position: relative;	

	display: block;
	margin: 0 0 0 4px;
	padding: 0 0 0 4px;
	height: 15px;
	width: 570px;
}

#RedirectFP {
	position: relative;	   
	display: inline;
	margin: 0px 0px 0px 100px;
	padding: 0px 0px 0px 4px;
	height: 15px;
	width: auto;
	
}

#Bottom {
	position: relative;
	display: block;
	margin: 0;
	padding: 0;
	height: 10px;
	overflow: hidden;
	/*width: 770px;*/
	width: 100%;
}

#FooterBox {
	position: relative;	

	display: block;
	margin: 0;
	padding: 0;
	height: 30px;
	width: 770px;
	overflow: hidden;
	text-align: center;
/*	background-color: #fff;   */
}

#FooterBoxFP {
	position: relative;	
	display: block;	
	height: 30px;
	width: 900px;
	overflow: visible;
	text-align: left;
	/*margin-left:125px;*/
	margin-left:21px;
	clear:both;
	 /*background-color:#AED1EB;*/
}

html>body .SpacerBox {clear: both;}

* html .SpacerBox {display:none;}

#NerrowAreaLeft {
	position: relative;	
	display: inline;
	float: left;
	width: 360px;
	margin: 0;
	padding: 0;	
}

#NerrowAreaRight {
	position: relative;	
	display: inline;
	float: left;	

	/*width: 200px;*/
	width: 360px;
	margin: 0;
	padding: 0;	
}

#KuntaArea { 
	position: relative;
	display: block;
	margin: 0 10px 10px 10px;
	padding: 0;
	width: 545px;	
}

#KuntaArea #NerrowAreaLeft {
	position: relative;	
	/*display: block;*/
	display: inline;
	float: left;
	width: 260px;
}

#KuntaArea #NerrowAreaRight {
	position: relative;	
	/*display: block;*/
	display:inline;
	float: right;
	width: 260px;
}

/************************************************************************** SA */

/* SAContent tyylit */

.HiddenContainer { display: block;}

#SAContent1 {
	position: relative;

	margin: 0 42px 20px 12px;
	padding: 0;	
	padding-top: 25px;
	width: 678px;
	overflow: hidden;
	
	border-bottom: dashed 1px #666;
	
}

#SAContent2  {
	position: relative;
	display: block;
	margin: 0 42px 10px 12px;
	padding: 0;
	/*width: 540px;*/
	width: 678px;
	/*width: 708px;*/
	overflow: hidden;
	border-bottom: 1px solid #fff;
	
}


#SAArea1 {
	position: relative;
	display: block;
	margin: 0 12px 20px 12px;
	padding: 0;
	/*width: 540px;*/
	width: 678px;
	overflow: hidden;		
}

#NerrowAreaLeft #SAArea1 { width: 330px;} 

#TextArea2 #SAContent1 {
	position: relative;	

	display: block;
	margin: 25px 12px 20px 12px;
	padding: 0;
	width: 540px;
	overflow: hidden;
}

#TextArea2 #SAContent2 {
	position: relative;	

	display: block;
	margin: 0 12px 10px 12px;
	padding: 0;
	width: 540px;
	overflow: hidden; 
}

#TextArea2 #SAArea1 {
	position: relative;	

	display: block;
	margin: 0 12px 5px 12px;
	padding: 0;
	width: 540px;
	overflow: hidden;
}

#TextArea2 #SAContent3 {
	position: relative;
	display: block;
	margin: 15px 6px 0 0;
	padding: 0;
	width: 190px;
	overflow: hidden;
}

#KuntaArea #NerrowAreaLeft #SAContent3 {
	position: relative;

	display: block;

	margin: 0;
	padding: 0;
	width: 260px;
}

#KuntaArea #NerrowAreaRight #SAContent4 {
	position: relative;
	display: block;	

	margin: 0;
	padding: 0;
	width: 260px;
}

#SAContent5 {
	position: relative;	

	display: block;
	margin: 0 10px 0 10px;
	padding: 0;
	width: 545px;	
}

html>body #SAContent1 p, html>body #SAContent2 p, html>body #SAContent3 p, html>body #SAContent4 p, html>body #SAArea1 p { margin: 0; padding: 0 0 7px 0;}

#SAContent1 a, #SAContent2 a, #SAContent3 a, #SAContent4 a, #SAContent5 a, #SAArea1 a {
	display: inline;
}


/*
#SAContent1 a, #SAContent2 a, #SAContent3 a, #SAContent4 a, #SAContent5 a, #SAArea1 a {
	color: #338CCC; 
	text-decoration: underline; 
}

#SAContent1 a:hover, #SAContent2 a:hover, #SAContent3 a:hover, #SAContent4 a:hover, #SAContent5 a:hover, #SAArea1 a:hover {
	color: #338CCC;
	text-decoration: none;
}
*/

#SAContent1 a img, #SAContent2 a img, #SAContent3 a img,#SAContent4 a img, #SAArea1 a img  {
	border: 0;
}

#SAContent1 img, #SAContent2 img, #SAContent3 img, #SAContent4 img, #SAArea1 img  {
	position: relative;
}


#SABanner {
	position: relative;
	display: block;
	margin: 0;
	padding: 0;
	/*width: 770px;*/
	width: 725px;
	height: 130px;
	overflow: hidden;
}

#SABanner img {
	position: relative;
	display: block;	
	margin: 0;
	padding: 0;
	/*width: 770px;*/
	width: 725px;	
	height: 130px;
}

html>body #SABanner { position:relative; float:left; }

#SAInclude1, #SAInclude2 {
	display: block;
	
}


/********************************************** SIVUKARTTA **/

#SAArea1 ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
	list-style-image: none;
	
}

#SAArea1 ul li {
	display: block;	
	padding: 0;
	margin: 0;
	background: url(../img/page.gif) no-repeat left top;
}

* html #SAArea1 ul li {float: left; width: 100%;}

#SAArea1 ul li a {	
	display: block;
	margin: 0;
	padding: 0px 0 8px 22px;
	min-height: 15px;
	font-weight: bold;
	
}

* html #SAArea1 ul li a {height: 15px;}


#SAArea1 ul li ul {
	padding: 0 0 3px 15px;
	margin: 0;
	display: block;
}

#SAArea1 ul li ul li {
	padding: 0;
	display: block;	
}

#SAArea1 ul li ul li a {
	font-weight: normal;
}


#SAArea1 ul li ul li ul {
	padding: 0 0 0 15px;
	margin: 0;
	display: block;	
}


/**************************************** includemenu***/



#IncludeMenu {
	margin: 0;
	padding: 0;
	display: block;

	list-style-type: none;
	list-style-image: none;
	white-space: normal;
	width: 190px;
}

#IncludeMenu li {
	display: block;
	margin:  0;
	padding: 0;
	width: 190px;
	color:  #fff; 
	background: transparent; 

}

#IncludeMenu li a {
	display: block;
	margin: 0;
	padding: 3px 0 3px 10px;
	width: 190px;
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 11px;
	color:  #fff; 
	text-decoration: none;
	background-color: #338CCC;
	border-left: 1px solid #338CCC;
	border-bottom: 1px solid #fff;
}

html>body #IncludeMenu li a { width: 180px;}

#IncludeMenu li a:hover {
	display: block;
	width: 190px;
	color:  #fff; 
	background-color: #D90240;
	text-decoration: none;
	border-left: 1px solid #338CCC;
	border-bottom: 1px solid #fff;
}

html>body #IncludeMenu li a:hover { width: 180px; }

#IncludeMenu li a.Selected, #IncludeMenu li a.Selected:hover, #IncludeMenu li a.AtWay {
	color:  #fff;
	background-color: #D90240;
	border-left: 1px solid #338CCC;
	border-bottom: 1px solid #fff;
}

#IncludeMenu ul {
	display: block;
	margin: 0;
	padding: 0;
	list-style-type: none;
	list-style-image: none;
	background-color: #fff; 
}

#IncludeMenu ul li {
	margin: 0;
	padding: 0;
	width: 190px;
	display: block;
}


#IncludeMenu ul li a {
	display: block;
	margin: 0;
	padding: 3px 0 3px 15px;
	width: 190px;
	color:  #338CCC;
    	font-weight: normal;
	background: transparent;
	border-bottom: 1px solid #338CCC;	
}

html>body #IncludeMenu ul li a { width: 175px; }

#IncludeMenu ul li a:hover {
	color:  #338CCC;
	background-color: transparent;	
	border-bottom: 1px solid #338CCC;
}

#IncludeMenu ul li a.Selected, #IncludeMenu ul li a.Selected:hover, #IncludeMenu ul li a.AtWay,  #IncludeMenu ul li a.AtWay:hover {
	color:  #D90240;
	background-color: transparent;
	border-bottom: 1px solid #338CCC;
}



#IncludeMenu li ul li ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
	list-style-image: none;
	background-color: #FFFFFF;  

}

#IncludeMenu li ul li ul li {
	margin: 0;
	padding: 0;
	width: 190px;
	display: block;
	clear: both;
	overflow: hidden;
}


#IncludeMenu li ul li ul li a {
	display: block;
	margin: 0;
	padding: 3px 0 3px 30px;
	width: 190px;
	color:  #338CCC;
    	font-weight: normal;
	background: transparent;
	border-bottom: 1px solid #338CCC; 

}

html>body #IncludeMenu li ul li a { width: 175px;}

#IncludeMenu li ul li ul li a:hover {
	color:  #338CCC;
	background-color: transparent;
	border-bottom: 1px solid #338CCC; 	
}


#IncludeMenu li ul li ul li a.Selected, #IncludeMenu li ul li a.Selected:hover, #IncludeMenu li ul li a.AtWay, #IncludeMenu li ul li a.AtWay:hover  {
	color:  #D90240;
	background-color: #FFFFFF;
	border-bottom: 1px solid #338CCC; 
}



/************************* small searchbox */


#SearchFormSmall {
	display: block;
	position: relative;
	margin: 0;
	padding: 0 0 0 10px;
	height: 75px;
	width: 180px;
	background: #EC7F9E;
	border-bottom: 1px solid #fff;
}

#SearchFormSmallFP {
	display: inline;
	position: relative;
	/*margin: 5px 0px 0px 0px;*/	
	margin: 0;	
	padding: 2px 0 0 0px;
	height: 25px;
	margin-left: 10px;
	/*width: 350px;		*/
	width:auto;
	float:left;
	border-bottom: 1px solid #fff;
	font-size:11px;
}


* html #SearchFormSmall {width: 190px;}

#SearchTitle {
	display: block;
	position: relative;
	margin: 0;
	padding: 5px 0 5px 0;
	width: 170px;
	color: #fff;
	font-weight: bold;
}


#frmSearch2 {
	margin: 0;
	padding: 0;
	display: block;
	position: relative;
}

.SearchSmallInput {
	margin: 0;
	padding: 0;
	display: block;
	position: relative;
	width: 170px;
}
.SearchSmallInputFP {
	margin: 10px 0px 0px 0px;
	padding: 0;
	display: inline;
	position: relative;
	width: 120px;
}

.SearchButtonSmall {
	margin: 2px 0 0 0;
	display: block;
	position: relative;
	background: #338DCB;
	color: #fff;
	border: none;
}
.SearchButtonSmallFP {
	margin: 2px 0 0 0;
	display: inline;
	position: relative;
	width:57px;
	/*background: #338DCB;*/
	background:url(../img/hae.jpg) no-repeat top left;
	color: #fff;
	border: none;
	height: 23px;
}

#SiteMapLink {
	display: block;
	position: absolute;
	text-align: right;
	margin: 0;
	padding: 0;
	width: 50px;
	height: 20px;
	color: #fff;
	font-weight: normal;
	text-decoration: underline;
	left: 117px;
	top: 50px;

}
#SiteMapLinkFP {
	display: inline;		
	margin: 5px 0px 0px 0px;
	padding: 0;
	width: auto;
	height: 20px;
	color: Black;
	font-weight: normal;
	 font-size:11px;
	text-decoration: none;		
}
#ContactInfo {
    display: inline;		
	margin: 5px 0px 0px 0px;
	padding: 0;
	width: auto;
	height: 20px;
	color: Black;
	font-weight: normal;
	 font-size:11px;
	text-decoration: none;		
}

* html #SiteMapLinkFP{
	display: inline;		
	margin: 15px 0px 0px 0px;
	padding: 0;
	width: 70px;
	
	color: Black;
	font-weight: normal;
	 font-size:11px;
	text-decoration: none;
	float:left;		
}
* html #ContactInfo {
    display: inline;		
	margin: 15px 0px 0px 0px;
	padding: 0;
	width: 70px;
	
	color: Black;
	font-weight: normal;
	 font-size:11px;
	text-decoration: none;
	float:left;		
}

#PreHeader {
    display:block;
    /*width:1200px;*/
    width: 960px;
    /*height:43px;*/
    height: 63px;    
    overflow: hidden;
    background:url(../img/preheader_bg.jpg) no-repeat top left; 
}

#CurrentDate {
    display:inline;
    float:left;
    margin-left:30px;
    margin-top:16px;
    font-weight:bold;
    font-size:12px;
    width:250px;    
    color: #333;    
}

#Toolbar {
    display:inline;
    float:left;
    margin-left:10px;
    margin-top:15px;
    margin-right:30px;
    font-weight:normal;
    font-size:11px;
    color:Black;
    width:280px;
}

.BorderBottom
{
    padding-bottom: 5px;
    margin-bottom: 10px;
    border-bottom: 1px dashed #666;
}

.ToolbarIcon
{
    margin: 0;
    padding: 0;
    float: left;
}

.ToolbarText
{
    display: block;
    float: left;
    margin: 0;
    padding: 0;    
    margin-top: 1px;
    margin-right: 10px;
}

.ToolbarText a
{
    color: #333;
}

.Weekday
{
    text-transform: capitalize;
}

.DateHolder
{
    display: block; 
    margin: 0;
    padding: 0; 
    float: left;
    margin-top: 3px;
    margin-bottom: 8px;
    width: 100%;
    /*clear: both;*/
    
}

.NewsHolder
{
    display: block; 
    margin: 0;
    padding: 0; 
    float: left;    
    width: 100%;
}
.LatestFiles
{
}


.LatestFiles a:link {text-decoration: none!important; }
.LatestFiles a:active {text-decoration: none!important; }
.LatestFiles a:visited {text-decoration: none!important; }
.LatestFiles a:hover {text-decoration: underline!important; }

a.PieniOtsikkoFP:link {text-decoration: none!important;}
a.PieniOtsikkoFP:active {text-decoration: none!important;}
a.PieniOtsikkoFP:visited {text-decoration: none!important;}
a.PieniOtsikkoFP:hover {text-decoration: underline!important;}


a#SiteMapLinkFP:link, a#ContactInfo:link {text-decoration: none!important;color: #333!important;}
a#SiteMapLinkFP:active, a#ContactInfo:active {text-decoration: none!important;color: #333!important;}
a#SiteMapLinkFP:visited, a#ContactInfo:visited {text-decoration: none!important;color: #333!important;}
a#SiteMapLinkFP:hover, a#ContactInfo:hover {text-decoration: none!important;color: #333!important;}


#OuterContainer
{
    width: 100%;    
    text-align: center;
    background:url(../img/main_bg_bottom.gif) repeat-x bottom left; 
}