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

body {
	text-align: center;
	background-color: #fff;
	font-family: Arial, Helvetica, Verdana, Sans-serif; 
}

img {
	border: none;
}


a {
 	color: #336633;
 	text-decoration: underline; 
}

a:hover {
 	text-decoration: none; 
}

a:visited {
 	color: #FF7800;
}

hr 
{
	width: auto;	
	}


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

#Skeleton {
	margin: 0 auto;
	width: 770px;
	text-align: left;
	/* background: url(../img/skeleton_bg.gif) repeat-y left top;*/
}

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

#HeaderBox {
	position: relative;
	display: block;
	width: 770px;
	height: 156px;
	overflow: hidden;
	background: #fff;
}

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

#BannerBox {
	position: relative;
	margin: 0;
	padding: 0;
	display: inline;
	float: right;
	width: 578px;
	height: 130px;
	overflow: hidden;
	background: #fff;
}

#BannerBox img {
	display: block;
	margin: 0;
	padding: 0;
}

#LogoBox {
	display: inline;
	float: left;
	height: 130px;
	width: 192px;
	overflow: hidden;
}

#LogoBox a img {
	margin: 0;
	padding: 0;
	border: none;
}

.BlackLine {
	display: block;
	height: 1px;
	width: 578px;
	overflow: hidden;
	background: #000;
}

#HeaderBottom {
	margin: 1px 0 -1px 0;
	padding: 0;
	height: 25px;
	width: 770px;
	background: #fff;
}

#ToolBox {
	display: inline;
	padding: 2px 0 2px 0;
	margin: 0 0 0 195px;
	height: 23px;
	width: 300px;
	background: #fff;
	float: left;
}

.ToolBoxOneColumn {
	margin: 0 0 0 20px!important;
}

#ToolBox ul {
	display: block; 
	margin: 1px 0 0 0;
	padding: 0;
	height: 19px;
	width: 300px;
	list-style-type: none;
	list-style-image: none;
	background: transparent;
}
		
#ToolBox li {
	display: inline;
	margin: 0;
	padding: 0;
	height: 19px;
}

#ToolBox li a {
	padding: 3px 25px 2px 25px;	
	height: 19px;
	margin: 0;
	display: inline;	
    	font-family: Verdana, Arial, Helvetica;
	font-size: 10px;
        font-weight: bold;
       	color: #000;
       	text-decoration: none;
}

html>body #ToolBox li a { line-height: 19px;}


#ToolBox li a:hover { text-decoration: underline;}

.Print {background: url(../img/print.gif) no-repeat 0 3px;}

.Search {background: url(../img/haku.gif) no-repeat 0 3px;}

.Feedback {background: url(../img/palaute.gif) no-repeat 0 3px;}


#ColPlacementOuter {
	/* vas. ja oik. palstoille varattu leveys kayttaen joko bordereita tai paddingia */
	padding: 0 170px 0 190px;
	background: transparent;
}

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

#ColPlacementOuter_levea {
	padding: 0 10px 0 190px;
	background: transparent;
}

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


#ColPlacementInner {
	width: 580px; /* sivun leveys miinus vasemman palstan leveys */ 
	background: transparent;	
}

* html #ColPlacementInner {width: 100%;}

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


#MainContainerBox {
	float: left;
	margin: 0 0 0 -190px; /* neg. vasen marginaali yhta levea kuin vasen palsta */
	width: 600px; /* kokoleveys miinus oikean palstan leveys */
	padding: 0;	
}

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


#MainContainerBox_levea {
	float: left;
	margin: 0 0 0 -190px;  
	width: 760px; 
	padding: 0;	
}

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

#LeftBox {
	position: relative;
	display: block;
	float: left;
	width: 190px;
	margin: 0;
	padding: 0;
	background: transparent;

}

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


#MenuBox {
	width: 190px;
	margin: 0;
	padding: 0;
	overflow: hidden;
}

#RightBox {
	position: relative;
	display: block;
	float: right;
	min-height: 400px;
	background: transparent;
	width: 170px;
}

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


#RightBox_levea {
	position: relative;
	display: block;
	float: right;
	min-height: 400px;
	background: transparent;
	width: 10px;
}

* html #RightBox_levea {margin-right: -10px;}

#CenterBox {
	position: relative;
	float: right;
	display: block;
	margin: 0 0 10px 0;
	padding: 0;	
	background: transparent;
	min-height: 300px;
	width: 410px;  
}

* html #CenterBox {height: 300px;}

#CenterBox_levea {
	position: relative;
	float: right;
	display: block;
	margin: 0 0 10px 0;
	padding: 0;	
	background: transparent;
	min-height: 300px;
	width: 570x;  
}

* html #CenterBox_levea {height: 300px;}


/***************************************************************** fronpage menu */


#Suosituimmat {
	position: relative;
	display: block;
	width: 150px;
	padding: 0;
	margin: 5px 0 0 20px;
	background: transparent;
	overflow: hidden;
}

#Palvelut{
	position: relative;
	display: block;
	width: 150px;
	padding: 0;
	margin: 40px 0 20px 0;
	background: transparent;
	overflow: hidden;
	
}

.IncTitle {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	line-height: 15px; 
	font-size : 13px;
	color: #000;
	font-weight: bold;
	padding: 0 0 5px 0;
	margin: 0;
}

.IncMenu {
	position: relative;
	display: block;
	width: 150px;
	padding: 0;
	margin: 0;
	background: transparent;
	overflow: hidden;
	list-style-type: none;

}

.IncMenu li {
	position: relative;
	display: block;
	width: 140px;
	padding: 0 0 6px 10px;
	margin: 0;
	line-height: 20px;
	background: url(../img/bluearrow.gif) no-repeat 0 6px;

}

.IncMenu li a {
	width: 170px;
	padding: 0;
	margin: 0;
	line-height: 20px;
	display: block;	
	font-size: 12px;
	color: #000;
	font-weight: normal;
	text-decoration: none;
	
}


.IncMenu li a:hover {
	text-decoration: underline;
} 




/*********************************************************************** Suosituimmat sivut */

#TopSiteBox {
	margin: 10px 0 30px; 0;
	padding: 0;
}

#TopSiteBox a {
	width: 150px;
	margin: 7px 0 7px 0;
	padding: 0 0 0 10px;
	display: block;	
	font-family: Arial, Helvetica, Verdana, Sans-serif; 
	font-size: 12px;
	color: #000;
	font-weight: normal;
	text-decoration: none;
	/* background: url(../img/bluearrow.gif) no-repeat 0 4px; */
}

#TopSiteBox a:hover {;
	text-decoration: underline;
	
}

/****************************************************************************************** */


#CopyRight {
	margin: 0 auto;
	padding: 0;
	width: 770px;
	height: 55px;
	text-align: center;
}

#CopyRight a {
	text-decoration: underline;
	color: #C1CBEA;
	font-family: Verdana, Arial, Helvetica, Sans-serif; 
	font-size: 10px;
	font-weight: normal;
	text-decoration: none; 
	display: block;
	margin: 0;
	padding: 15px 0 0 0;
}

#CopyRight a:hover {text-decoration: underline;} 


#FooterBox {
	text-align: right;
	display: block;
	position: relative;
	height: 16px;
	width: 770px;
	padding: 0;
	margin: 0;
	overflow: hidden;
	background: url(../img/footerbg.gif) no-repeat left top; 
	font-family: Verdana, Arial, Helvetica, Sans-serif;
	color: #fff;
	font-size: 10px;
}

#FooterBox a {
	background-color: transparent; 
	font-family: Verdana, Arial, Helvetica, Sans-serif;
	color: #fff;
	font-size: 11px;
	overflow: hidden;
	text-decoration: none;
	font-weight: bold;
}


#FooterBox a:hover {text-decoration: underline;} 


#LoimaaLink {
	display: inline;
	margin: 0 10px 0 0;
	padding: 0;
	height: 16px;
	float: right;
}


#DateBox {
	display: inline;
	margin: 2px 10px 0 10px;
	padding: 0;
	height: 16px;
	float: left;
	white-space: nowrap; 

}


#SAModified {
	display: inline;
	margin: 2px 10px 0 0;
	padding: 0;
	height: 16px;
	float:left;
	white-space: nowrap
}


.SpacerBox {clear: both;}


#SAContent1, #SAContent2 {
	display: block;
	overflow: hidden;
}


#SAContent1 p, #SAContent2 p, #SAContent3 p, #SAContent4 p, #SAContent5 p, #SAContent6 p, #SAContent7 p    {
	margin: 0;
	padding: 0 0 15px 0;	
}


.SAContent2Etusivu, .SAContent3Etusivu {
	width: 150px;
	margin: 0 0 0 20px;
	padding: 0;
	display: block;
	overflow: hidden
}



.SAContent2LeveaPalsta {
	margin: 10px 65px 5px 5px;
	padding: 0;
	width: 500px;

}

#SAArea1 {
	display: block;
	overflow: hidden;
	padding: 0;
	clear:both;
}



.SAContent1LeveaPalsta {
	margin: 10px 65px 0 5px;
	padding: 0;
	width: 500px;

}

.OtsikkoEtusivu {
	margin: 10px 65px 0 5px;
	padding: 0;
	width: 400px;

}

.SAArea1Levea {
	margin: 10px 65px 0 5px;
	padding: 0;
	width: 500px;

}


.SAContent3LeveaPalsta {
	display: inline;
	position: relative;
	width: 31%;
	margin: 0 7px 0 0;
	padding: 0;
	float: left;

}

#SAContent4, #SAContent5 {
	display: inline;
	position: relative;
	width: 31%;
	margin: 0 7px 0 0;
	padding: 0;
	float: left;

}

#SAContent6 {
	display: inline;
	position: relative;
	width: 47%;
	margin: 0 7px 0 0;
	padding: 0;
	float: left;

}

#SAContent6, #SAContent7 {
	display: inline;
	position: relative;
	width: 47%;
	margin: 0 7px 0 0;
	padding: 0;
	float: left;

}



#SAContent2 ul, #SAContent3 ul {
	margin: 1em 0 1.5em 15px;
	padding: 0;
	list-style: disc outside;
	line-height: 1.15em;
}

#SAContent2 ul li, #SAContent3 ul li {
	margin: 0 0 0.4em 0;
	padding: 0;
	padding: 0;
}

#SAContent2 li ul, #SAContent3 li ul {
	margin: 0.2em 0 0.6em 10px;
	padding: 0;
	list-style: circle outside;
	line-height: 1em;
}

#SAContent2 li ul li, #SAContent3 li ul li {
	margin: 0 0 0.2em 0;
	padding: 0;
}

#SAContent2 ol, #SAContent3 ol {
	margin: 0 0 1.5em 0px;
	padding: 0;
	line-height: 1.15em;
	list-style-position: outside;
	list-style-type: decimal;
}

#SAContent2 ol li, #SAContent3 ol li {
	margin: 0 0 0.4em 0;
	padding: 0;
}


#ColsHolder {
	display: block;
	position: relative;
	width: 525px;
	overflow: hidden;
	margin: 0 0 20px 5px;
	padding: 0;
}




/*************************************** INCLUDET */


#UpDateBox {
	width: 380px;
	overflow: hidden;
	display: block;
	margin: 30px 0 20px 0;
	padding: 0;
}

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

.UpDateLeft {
	display: block; 
	width: 250px; 
	float: left;
	margin: 0;
	padding: 0;
}

.UpDateRight {
	display: block; 
	width: 130px; 
	float: right;
	margin: 0;
	padding: 0;
	text-align: right;
}

#NavigationBox {
	position: relative;
	margin: 0px;
	
	height: 16px;
	width: 400px;
	background: transparent;
}

#NavigationBox ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
	white-space: nowrap;
}

#NavigationBox ul li {
	color: #000000;
	display: inline;
	padding: 0 0px 0 0px;
	float: left;
	text-align: left;
}

#NavigationBox ul li a {
	margin: 0;	
	display: block;
	text-decoration: none;
	padding: 1px 20px 1px 20px;
}

#NavigationBox ul li a:hover {;
	text-decoration: underline;
}

.HeadLine {
	display: block; 
	margin: 0;
	padding: 0; 
	float: left;
}

#NewsBox {
	margin: 10px 0 0 5px;
	padding: 0; 
	display: block; 
	position: relative;
	width: 375px;

}




.AlaOtsikko_musta {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size : 13px;
	color: #000;

}


.Suurempi_teksti {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	line-height: 15px; 
	font-size : 13px;
	color: #000;
}