/* CSS Document */

body {
	margin: 30px 0 0 0;
	height: 100%;
	background-color: #DFE6ED;
}

#container {
	width: 904px;
	margin: 0 auto;
	text-align: left;
	background-color: #ffffff;			}	

td {
	vertical-align: top;
	}

div#top {
	border: 3px solid #ffffff;
	width:898px; 	}	

div#navi {
	margin: 3px 0 3px 0;
	border: 3px solid #ffffff;
	width: 242px;
	background-color:#548CCB;
	display: block; 
	float: left;	}		

div#contentetu {
 	padding: 20px 30px; 	
	margin: 3px 0 0 3px;	
	width: 586px;
	display: block;
	float: left;
	border: 3px solid #ffffff;
	background-image:url(image/conbg.jpg);
	background-repeat: repeat-x;
	background-color: #ffffff;
	color: #85878A;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px; 
	}	
div#content {
 	padding: 20px 30px; 	
	margin: 3px 0 0 3px;	
	width: 586px;
	display: block;
	float: left;
	border: 3px solid #ffffff;
	background-image:url(image/conbg.jpg);
	background-repeat: repeat-x;
	background-color: #ffffff;
	color: #85878A;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px; 
	}	
div#etu_news {
	border: 3px solid #ffffff;
	padding: 10px 20px 20px 20px;
	width: 202px;	
	background-image: url(image/conbg.jpg);
	background-color: #ffffff;
	clear: both;	
	color: #85878A;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;}		
	
td.navi_0 {
	width: 241px;
	background-image:url(image/navibg_0.gif);
	background-repeat:no-repeat;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #ffffff;
	font-weight:bold;
	padding: 5px 10px 5px 30px;
	border-bottom: 1px solid #90BAE8;	 }
	
td.navi_1 {
	width: 240px;
	background-image:url(image/navibg_1.gif);
	padding: 3px 10px 3px 40px;
	border-bottom: 1px solid #90BAE8;	 }

td.navi_2 {
	width: 240px;
	background-image:url(image/navibg_2.gif);
	padding: 3px 10px 3px 40px;
	border-bottom: 1px solid #90BAE8;	 }		

div#tietue {
	border: 1px dotted #85878A;
	width: 90%;
	margin: 5px 0 0 0;
	padding: 7px 0 0 10px; }
tr.line {
	border-bottom: 1px solid #red; }	
td.i {
	font-style:italic; 
	padding: 1px 0;
	width: 80px;	}

td.i_hal {
	font-style:italic; 
	padding: 1px 8px;
	width: 120px;
	text-align: right;	}	
	
a.linkki:link, a.linkki:visited {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	display:block;
	margin-bottom: 8px;
	padding: 2px;
	color: #5E96D2;
	text-decoration: underline;	}
	
a.linkki:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	display:block;
	padding: 2px;
	color: #ffffff;
	background-color: #5E96D2;
	text-decoration: none;	}	
	
a.lista:link, a.lista:visited {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	margin-bottom: 8px;
	padding: 2px;
	color: #5E96D2;
	text-decoration: underline;	}
	
a.lista:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	padding: 2px;
	color: #ffffff;
	background-color: #5E96D2;
	text-decoration: none;	}		
	

a.body:link, a.body:visited {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	margin: 0;
	color: #5E96D2;
	text-decoration: underline;	}
	
a.body:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	padding: 0;
	color: #ffffff;
	background-color: #5E96D2;
	text-decoration: none;	}	
	
	
a.navi0:link, a.navi0:visited {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #ffffff;
	text-decoration: underline;	}
	
a.navi0:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #ffffff;
	text-decoration: none;	}	
		
a.navi1:link, a.navi1:visited {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #ffffff;
	text-decoration: none;	}
	
a.navi1:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #ffffff;
	text-decoration: underline;	}		
	
a.navi2:link, a.navi2:visited {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #0D3259;
	text-decoration: none;	}
	
a.navi2:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #ffffff;
	text-decoration: underline;	}			
	
img.ots {
	margin: 10px 0 10px -1px;
	display: block;	}	

hr#harmaa	{
	color: #E8EDF2;
	background-color: #E8EDF2;
	height: 1px;
	margin: 10px 0 5px 0;
	border: 0;}
	
h1 {font-size: 1.2em; color: #5E96D2; margin: 8px 0; text-transform: uppercase;}	
h2 {font-size: 1.1em; color: #5E96D2; margin: 6px 0;}		
h3 {font-size: 1.1em; color: #5E96D2; margin: 5px 0;}		
h4 {font-size: 1em; color: #ffffff; margin: 8px 0; text-transform: uppercase;}	

#navlist, #subnavlist	{
	margin: 5px 0 14px 0;
	padding: 0;
	list-style: none;	}

#navlist li {	
	padding-left: 15px;
	line-height: 22px;
	background-image: url(image/arr.gif);
	background-repeat: no-repeat;
	background-position: 0 .5em; }

td.frontleft {
	background-color: #548CCB;
	color: #ffffff;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	padding: 5px 10px;
	width: 40%;	}
	
td.frontmiddle {
	background-color: #548CCB;
	border-left: 2px solid #ffffff;
	border-right: 2px solid #ffffff;	}		
	
td.frontright {
	background-color: #8595A8;
	color: #ffffff;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	padding: 5px 10px;
	width: 40%;		}

a.linkwhite:link, a.linkwhite:visited {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	padding: 2px 4px;
	color: #ffffff;
	line-height: 18px;
	text-decoration: underline;	}
	
a.linkwhite:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	padding: 2px 4px;
	color: #5E96D2;
	background-color: #ffffff;
	line-height: 18px;
	text-decoration: none;	}	

div#tavarantoimittajat, div#kumppanit {
	padding: 10px;
	margin: 0 0 10px 0;
	border: 1px solid #DFE6ED;}
	

div#bottom {
	background-color: #3F7EC4;
	text-align:right;
	color: #ffffff;
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;	
	border: 2px solid #ffffff;
	width: 860px;
	padding: 8px 20px;
	

}	

td.jasen_nimi {
	background-image: url(image/bgtd.gif);
	background-repeat:repeat-x;	
	padding: 10px 0;
	height: 25px;	 }


table#top {
	width: 98%;}