body { margin: 0; 	background-image: url(images/bg.jpg); background-repeat:repeat-x; font-family: Trebuchet MS, Georgia, "Times New Roman", Times, serif; font-size: 13px; color:#403B2B;}

div#container { margin: 0px auto; padding: 0 0 20px 0; width: 960px; background-color: #ffffff; }
div#top { margin: 0; padding: 0; width: 960px; height: 356px; border-bottom: 1px dotted #BEBEBE; }
div#navi{ margin: 0 ; padding: 20px; width: 229px; float: left; border-right: 1px dotted #BEBEBE;}
div#content{ margin: 0; padding: 0 20px 20px 20px; width: 650px; float:right; }
div#contentleft{ margin: 0; padding: 0; width: 370px; float:right;  float: left; }
div#contentright{ margin: 0; padding: 20px; width: 220px; float:right; float: right;  }
div#bottom{ margin: 0; padding: 20px; width: 920px; color: #ffffff; background-color:#32579A; clear: both; text-align: center; }
div#contentwide{ margin: 0; padding: 5px 20px 25px 5px; width: 630px;  }

/* etusivu  -------------------------------------------*/
div#kampanja { margin: 0 10px 10px 0; padding: 15px; width: 210px; float:left; background-color: #F2F2F2; background-image:url(images/corner.gif); background-repeat: no-repeat;  }
div#palvelu { margin: 0; padding: 5px; width: 90%; border-bottom: 1px dotted #BEBEBE; line-height: 15px; display: table; }
div#palvelualin { margin: 0; padding: 5px;  width: 90%; line-height: 15px; display: table; }
div#ajankohtaista { margin: 10px 0 0 0; padding: 10px 20px; width: 205px; line-height: 15px; border-top: 1px dotted #BEBEBE; }
div#uutinen { margin: 5px 0; padding: 10px 0; width: 205px; line-height: 15px; border-top: 1px dotted #BEBEBE; }

a.navi:link, a.navi:visited { text-decoration: none; font-weight: bold; font-size: 12px; color: #32579A; display: block; padding: 1px 0 1px 20px; width: 210px; text-transform: uppercase; /*float: left; border: 1px solid #0073B7; margin: 0 4px 4px 0; */ } 
a.navi:hover {	text-decoration:  none; color: #403B2B; /*border: 1px solid #003758;*/ }

a.navi2:link, a.navi2:visited { text-decoration: none; color: #32579A; display: block; padding: 2px 0 2px 20px; width: 210px; margin: 0 0 0 20px; background-image: url(images/bgnavi.gif); background-repeat: no-repeat;  /*float: left; border: 1px solid #0073B7; margin: 0 4px 4px 0; */ } 
a.navi2:hover {	text-decoration:  underline; color: #403B2B; background-image: url(images/bgnavi_hover.gif); background-repeat: no-repeat; /*border: 1px solid #003758;*/ }

a.body:link, a.body:visited { text-decoration: none; font-weight: bold; font-size: 12px; color: #32579A; padding: 6px 0; display: block;   } 
a.body:hover {	text-decoration:  underline; color: #403B2B; /*border: 1px solid #003758;*/ }

ul#nrot li { list-style-type: decimal;}

img#left { padding: 0 10px 20px 0; text-align: right; }
h1 { font-size: 20px; color:#32579A; line-height: 20px;}
h2 { font-size: 16px; color:#32579A; text-transform:uppercase; line-height:normal; }
h3 { font-size: 14px;}

span.pvm { font-size: 12px; color:#32579A; font-style:italic; font-weight:bold;}
span.big { font-size: 18px; color:#32579A; }
span.ots { font-size: 14px; color:#32579A; font-weight:bold; }
span.oikea { float: right; background: #ffffff; padding: 0; font-style: italic; font-size:11px;  margin: 0 0 10px; }

/*
body {
	background-image:url('images/bg.jpg');
	background-repeat:no-repeat;
	background-position: left top;	
	background-color: #ffffff;
	height: 100%;
	margin: 0;
	padding: 0;
	color: #0073B7;
	font-size: 12px;
	font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
	 }
div#topcontainer { width:100%; margin: 0 auto; padding: 0; background-image:url('images/bg.gif'); background-repeat: repeat-x; }
div#top { width: 926px; height: 310px; margin: 0 auto; padding: 0; background-image:url('images/top.jpg'); position: relative;}
div#navi { width: 620px; height: 90px; margin: 0; padding: 0; position:absolute; top: 200px; left: 40px;  }

div#container { width: 846px; margin: 0 auto; padding: 20px 40px; text-align: left; background-color: #ffffff; display: table;} 


div#contentleft   { width: 257px; margin: 0 2px 0 0; padding: 15px; float: left; border-top: 7px solid #D3D3D3;}
div#contentcenter { width: 257px; margin: 0 2px 0 0; padding: 15px; float: left; border-top: 7px solid #D3D3D3;}
div#contentright  { width: 227px; margin: 0; padding: 15px 0 15px 15px; float: left; border-top: 7px solid #D3D3D3;}
div#contentwide   { width: 546px; margin: 0 2px 0 0; padding: 15px; float: left; border-top: 7px solid #D3D3D3;}

div#bottom { margin: 0; padding: 0; width: 846px; clear: both; border-top: 7px solid #D3D3D3; text-align: center;  }

h1 { font-size: 22px; color:#0073B7; margin: 4px 0;}
h2 { font-size: 16px; color:#525252; margin: 4px 0;}
h3 { font-size: 14px; color:#0073B7; margin: 6px 0; border-bottom: 1px dotted #D3D3D3; width: 540px;}

a.body:link, a.body:visited { text-decoration: underline; color: #525252;} 
a.body:hover {	text-decoration: none;}

a.topnavi:link, a.topnavi:visited { text-decoration: none; color: #0073B7; text-align: center;  display: block; padding: 5px 10px; width: 170px; float: left; border: 1px solid #0073B7; margin: 0 4px 4px 0;  } 
a.topnavi:hover {	text-decoration:  none; color: #525252; border: 1px solid #003758;}


/* --------blogi -------------------------
div.blogi		{ display: block; 	min-height: 50px; 	padding: 0 0 5px 0; 	border-top: 1px dotted #D3D3D3;	color: #0073B7;	font-size: 12px; margin: 5px 0;		}	
div.kalenteri { width:65px; height:55px; padding:6px 0 0 0; float:left; text-align:center; margin:16px 10px 5px 0; background-image:url(images/bg_date.gif); background-repeat: no-repeat;}
div.kalenteri_pvm { margin: -2px auto; font-size: 22px;	font-weight:bold; color:#0073B7; letter-spacing: -2px;}
div.kalenteri_kk {	margin:0 auto -2px auto; 	font-family: Georgia,"Times New Roman",Times,serif; 	font-size:10px; 	font-weight:bold; 	color:#0073B7; 	text-transform: uppercase;}
div.kalenteri_vuosi {  margin: 0 auto;	font-family: Georgia,"Times New Roman",Times,serif;	font-size: 12px; font-weight:bold; color:#0073B7;}

img#logo { border: 1px dotted #D3D3D3; padding: 0;  }
ul#blogiarkisto { margin: 0; padding: 0;}
ul#blogiarkisto li {list-style-type:none; margin: 0; padding: 0;}
ul#saavutukset { margin: 0 15px; padding: 0;}
ul#kalenteri { margin: 0; padding: 0;}
li#pvm   { list-style-type: none; width: 85px; float: left; padding: 2px 20px 2px 0; text-align: right; font-weight: bold;}
li#event { list-style-type:none;  padding: 2px 0;}