/* Tyylitiedosto Copyright 2010 Patrick Ääripää */

body {
	background-color: #EEEEEE;
	font-size:12px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	background-image:url(kuvat/tausta.jpg);
	/* overflow: hidden; */
}
/* Kuvagalleria */
.grid { 
  display: table; 
  border-spacing: 4px; 
} 
.row { 
  display: table-row; 
} 
.kuva, .kuva2 { 
  display: table-cell; 
  width: 240px; 
  background-color: #E0E0E0; 
  border: 5px solid #E0E0E0; 
  vertical-align: top; 
  text-align: center; 
} 
.kuva p, .kuva2  p { 
  color: #555; 
  font-size: 12px; 
  font-variant:small-caps;
  text-align: center;
  padding-top: 0px;
  margin: 0px;
}
/* Highlight Aktiivinen Navigaatio */
.current  {
	display:block;
	margin-left: 3px;
	margin-right: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
	display:block;
	font-weight: normal;
}
/* Ulkolinja, Sisälinja "Wrapperiin", Eli koko ympäröivä helahoito */


div#outside {
	width:1000px;
	margin-top: -10px;
	margin-bottom: auto;
	margin-left: auto;
	margin-right: auto;
	padding: 0px;     
	border: solid blue;   /* Borderit Dotted,dashed,solid, double, 3d -> groove,ridge inset ja outset */
	border-width: 0px 10px 10px 10px;
}
div#wrapper {
	width: 980px;
	margin-top: auto;
	margin-bottom: auto;
	margin-left: auto;
	margin-right: auto;
	padding: 0px;
	border: solid #000000;
	border-width: 0px 10px 10px 10px;
}
div#inside {
	width: 960px;
	margin-top: auto;
	margin-bottom: auto;
	margin-left: auto;
	margin-right: auto;
	padding: 0px;
	border:solid #FFFFFF;
	border-width: 0px 10px 10px 10px;
}
div#inside2 {
	width: 940px;
	margin-top: auto;
	margin-bottom: auto;
	margin-left: auto;
	margin-right: auto;
	padding: 0px;
	border:solid #FF7700;
	border-width: 0px 10px 10px 10px;
	overflow: hidden;
	background-color: #E0E0E0;
}

/* Otsan tyylimuotoilut  oranssi #FF7700*/

div#header {
	position: relative;
	top:2px;
	width: 940px; 
	height: 357px; 
	background: url('kuvat/logo.jpg');
	padding: 0px;
	margin-bottom: 0px;
	text-align: center;
	/* background-color: transparent; */
}
div#headertext {
	overflow: hidden;
	position: relative;
	top:10px;
	font-family: georgia; 
	display: inline-block; 
	color: white; 
	opacity: 0.8; 
	filter: alpha(opacity=80);
	margin-top: auto;
	margin-bottom: auto;
	margin-left: auto;
	margin-right: auto;
	padding: 0px;  
	color: White;
	font-size: 30px; 
}	

/* NAVIGAATIO */

div#nav {
	width: 165px;
	min-height: 300px;
 	
	padding: 10px;
	margin-top: 0px;
	margin-bottom: 5px;
	float: left;
	background-color: #E0E0E0;
	border:solid #000; 
	border-width: 0px 1px 1px 0px;
	overflow: hidden;
}
div#nav table {
	border-collapse:collapse;
	border:solid #BBBBBB;
	border-width: 1px 0px 0px 3px;
	font-weight: bold;
}
div#nav tr td  {
	border:solid px #666;	
	width: 100px;
	margin-top: 10px;
	margin-left: 3px;
	padding:0px ;
}
div#nav a {
	display:block;
	width: 179px;
	height: 20px;
}
div#nav p {
	margin-left: 3px;
	margin-right: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
	font-weight: bold;
}
div#nav p.current  {
	margin-left: 0px;
	margin-right: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
	font-weight: bold;
    	border-left: 3px solid #BBB;
	border-bottom: 1px solid #BBB;
}
div#nav span {
	margin-left: 6px;
	margin-bottom: 0px;
	margin-top: 0px;
	padding: 0px;
	font-size : 10px;
	font-weight: normal;
}
div#nav img {
	margin-top: 10px;
	margin-bottom: 5px;
}
div#nav a:link {
	text-decoration: none;
	color: #000000;
}
div#nav a:visited {
	text-decoration: none;
	color: #000000;
}
div#nav a:hover {
	text-decoration: none;
	background: #BBBBBB;
	color: #000000;
}
div#nav a:active {
	text-decoration: none;
	color: #000000;
}
/* Pääsivu eli missä itse mielenkiinto sijaitsee */

div#main {
	background: #E0E0E0;
	margin-left: 5px;
	margin-top: 10px;
	margin-bottom: 1px;
	padding: 10px;
	min-height: 470px;
	overflow: auto;
	height: 570px;
	border-width: 0px 0px 0px 1px;
	
}
div#main img {
	margin-right: 0px;
	margin-left: 0px;
}
div#main caption {
		color: #555;
		font-size: 12px;
		font-variant:small-caps;
	/*	font-weight:bold; */
}
	


/* Jalkalista eli FOOTTERI, Alaindeksi */

div#footer {
	font-size: 10px;
	color: white;
	background-color: blue;
	height: 10px;
	padding: 3px;
	margin: 0px;
	border-top: thin solid #000000;
}
div#footer a:link {
	text-decoration: none;
	color:white;
}
div#footer a:visited {
	text-decoration: none;
	color:white;
}
div#footer a:hover {
	text-decoration: none;
	color:white;
	background:blue;
}
div#footer a:active {
	text-decoration: none;
	font-weight:bold;
	color:yellow;
}
div#footer p.right {
	float: right;
	padding: 0px;
	margin: 0px;	
        font-weight: bold;
}
div#footer p.left {
	float: left;
	padding: 0px;
	margin: 0px;	
        font-weight: bold;
}

/* Muuta enemmän tai vähemmän merkityksetöntä */
/*
div#sponsori {
	position: fixed;
	right:10px;
	top:20px; 
	margin-top: 10px;;
	margin-bottom: auto;
	margin-left: auto;
	margin-right: auto;
	border: solid 1px #AAAAAA;
	min-height: 450px;
	min-width: 40px;
	color: white;
	float: right;
}
*/