body { 
	margin: 0; 	
	background-color: #0b6bb4;
	}
	
body#jatko { 
	margin: 0; 	
	background-color: #0b6bb4;
	}	
	
#centered { 
	width: 1130px;
	margin: 0 auto;		
	}	
	
#pageIndex { 
	float: left;
	text-align: left; 
	width: 1130px;
	padding-left: 0px;
	background: url(../pics/bg_index.jpg) no-repeat;
	}	
	
#page { 
	float: left;
	text-align: left; 
	width: 1130px;
	padding-left: 0px;
	background: url(../pics/bg_jatkot.jpg) no-repeat;
	}	
			
#logo { 
	float: left;
	text-align: right;
	width: 730px;
	padding: 10px 0px 15px 0px;
	}	
		
	
/*** content ***/
#leftSide { 
	float: left;
	width: 375px;
	padding: 0px 0 0px 0;
	}
	
#bannerit { 
	float: left;
	text-align: left;
	padding: 460px 0 0px 40px;
	}	
		
#bannerit p  {
	font: normal 0.75em trebuchet ms, verdana, arial, sans-serif;
	color: #000;	
	margin: 0px 0 5px 0;
	}		
		
#contentJatko { 
	float: left;
	width: 740px;
	background: url(../pics/bg_content.jpg) no-repeat;
	padding: 0px 0 0px 0;
	}
	
#content { 
	float: left;
	width: 740px;
	padding: 0px 0 20px 0;
	}			

#contentBottom { 
	float: left;
	width: 700px;
	padding: 10px 0 0 10px;
	margin: 10px 0 0 10px;
	border-top: solid 1px #75a8e8;
	background-color: #fff;
	}

#contentBottomIndex { 
	float: left;
	width: 700px;
	padding: 10px 0 0 10px;
	margin: 10px 0 0 10px;
	border-top: solid 1px #75a8e8;
	}	
	
#logotIndex { 
	float: left;
	width: 700px;
	padding: 10px 0 0 10px;
	margin: 320px 0 0 10px;
	}	
	
#logot { 
	float: left;
	width: 700px;
	padding: 10px 0 0 10px;
	margin: 50px 0 0 10px;
	background-color: #fff;
	}	
	
#lc { 
	float: left;
	width: 70px;
	padding: 0;
	}
	
#bottomText { 
	float: left;
	width: 600px;
	padding: 0;
	}	
	
#bottomText p  {
	font: normal 0.7em trebuchet ms, verdana, arial, sans-serif;
	color: #558ede;	
	margin: 15px 0 0 0;
	}	
	
#bottomText a {
	font: normal 1em trebuchet ms, verdana, arial, sans-serif;
	color: #558ede;
	text-decoration:underline:
}	
	
/*** navigaatio ***/		
#navigation { 
	float: left;
	height: 30px;
	width: 719px;
	padding: 5px 0 0 10px;
	background: url(../pics/bg_navi.gif) no-repeat;
	}	
	
#navigation a  {
	font: normal 0.8em trebuchet ms, verdana, arial, sans-serif;
	color: #fff;	
	text-decoration: none;
	margin: 10px 0 0 0;
	padding: 6px 8px 7px 8px;
	}	
	
#navigation a:hover  {
	font: normal 0.8em trebuchet ms, verdana, arial, sans-serif;
	color: #8ab8f3;	
	text-decoration: none;
	}	
	
#navigation a.on  {
	font: normal 0.8em trebuchet ms, verdana, arial, sans-serif;
	color: #fff;	
	text-decoration: none;
	background-color: #65ade0;
	padding: 6px 8px 7px 8px;
	}		
	
/*** etusivun kuva ja nostot ***/
#banner { 
	float: left;
	width: 160px;	
	height: 140px;	
	background: url(../pics/bg_nosto.gif) no-repeat;	
	padding: 10px 10px 10px 15px;
	}	

#banner p  {
	font: normal 0.75em trebuchet ms, verdana, arial, sans-serif;
	color: #000;	
	margin: 10px 0 0px 0;
	}


/*** etusivun kuva ja nostot ***/
#bannerSub { 
	float: left;
	width: 160px;	
	height: 275px;	
	background: url(../pics/bg_banner.gif) no-repeat;
	padding: 10px 10px 10px 15px;
	}	

#bannerSub p  {
	font: normal 0.75em trebuchet ms, verdana, arial, sans-serif;
	color: #000;	
	margin: 8px 0 0 0;
	}


/*** etusivun ajankohtaista ***/
#indexTextBlockLeft {
	float: left;
	width: 445px;	
	padding: 28px 80px 0 15px;
}

#indexTextBlockLeft p  {
	font: normal 0.75em trebuchet ms, verdana, arial, sans-serif;
	color: #000;
	margin: 0px 0 10px 0;	
	}	
	
#indexTextBlockRight {
	float: left;
	width: 180px;	
	padding: 15px 0px 0 0px;
	margin: 0 0 100px 0;
}	

#indexTextBlockRight img {
	border: solid 4px #fff;
	margin: 0px 3px 3px 0px;
}

	
/*** jatkosivut ***/	
#textBlockLeft {
	float: left;
	width: 445px;	
	padding: 28px 75px 10px 20px;
}
	
#textBlockLeft p, #textBlockGalleria p  {
	font: normal 0.75em trebuchet ms, verdana, arial, sans-serif;
	color: #000;
	line-height: 1.5em;
	}	
	
#textBlockCenter a.mainos  {
	font: normal 1em trebuchet ms, verdana, arial, sans-serif;
	color: #000;	
	text-decoration: underline;
	}	
	
#textBlockCenter a:hover  {
	font: normal 1em trebuchet ms, verdana, arial, sans-serif;
	color: #acc7ef;	
	text-decoration: underline;
	}

#textBlockRight {
	float: left;
	width: 270px;	
	padding: 28px 0px 0 0px;
}

#textBlockGalleria {
	float: left;
	width: 680px;	
	padding: 28px 0px 100px 20px;
}	

#textBlockGalleria img {
	border: solid 4px #fff;
	margin: 0px 3px 3px 0px;
}

	
/*******************/	
	
h1 {
	font: bold 20px trebuchet ms, verdana, arial, sans-serif;
	color: #000;	
	margin: 0px 0px 20px 0px;
	line-height: 18px;
}

h2 {
	font: bold 14px trebuchet ms, verdana, arial, sans-serif;
	color: #000;	
	margin: 5px 0px 10px 0px;
}


h3 {
	font: bold 18px trebuchet ms, verdana, arial, sans-serif;
	color: #000;	
	margin: 0px 0px 10px 0px;
}


table td {
	font: normal 0.75em trebuchet ms, verdana, arial, sans-serif;
	color: #000;
	padding: 0 0 5px 0;
}

ul {
	font: normal 0.75em trebuchet ms, verdana, arial, sans-serif;
	color: #000;	
	margin: 0px 0px 0px 30px;
	padding: 0 0 0 0;
}

li {
	margin: 0px 0px 4px 0px;
	padding: 0;
	line-height: 16px;
}


a {
	font: normal 1em trebuchet ms, verdana, arial, sans-serif;
	color: #2370b9;
	text-decoration:underline:
}

input {
	width: 250px;
	height: 18px;
	padding: 5px 0 0 5px;
	border: solid 1px #3031a8;
	background-color: #fff;
	font: normal 1em trebuchet ms, verdana, arial, sans-serif;	
}

textarea {
	width: 250px;
	height: 130px;
	padding: 5px 0 0 5px;
	border: solid 1px #3031a8;
	background-color: #fff;
	font: normal 1em trebuchet ms, verdana, arial, sans-serif;	
}

.button {
	width: 80px;
	height: 25px;
	margin-top: 5px;
	padding: 0 0 2px 0;
	border: solid 1px #3031a8;
	background-color: #6ba1e5;
	font: bold 1.2em trebuchet ms, verdana, arial, sans-serif;	
	color: #fff;
}

img {
	border: none;
}

#copy {
	float: left;	
	width: 851px;
	padding: 0 10px 5px 0;
	text-align: right;
	font: normal 0.65em verdana, arial, trebuchet ms, sans-serif;	
	color: #fff;
}