body { color: #444;
	background: #fff none; /* url(main_header.jpg) no-repeat; */
	padding: 0px;
	margin: 0px;
	font-family: arial, sans-serif; 
	line-height: 1.5em;
}
img.logo { padding: 1em; border: none; margin: 0.5em 0.5em 0em 0em; }

#head { border-bottom: 2px solid #797eac; margin: 0 0 2em 0em; background: #dadefe none; padding-left: 2em;}

#head a { margin: 0; padding: 0; border: none; }

h1 {
	color: #797eac;
	background: transparent;
	font-family: verdana, Arial, Helvetica, sans-serif;
	font-size: 130%;
	padding: 0;
	margin: 0.4em 0em 0.5em 0.5em;
	font-weight: normal;
	text-transform: uppercase;
}

.tagline { text-transform: none; font-size: 80%; font-style: italic; }

h2 { 
	font-size: 120%;
	font-family: Arial, Helvetica, sans-serif; 
	margin: 2em 0em 0em 0em; 
	color: #444; 
	background: transparent; 
}

p {	margin: 0em 0em 2em 0em; }

#updated { 
	clear: both; 
	font-style: italic; 
	margin-top: 2em; 
	padding: 0em; 
	text-align: center;
	color: #666;
	background: transparent;
	border-top: 1px solid #999;
}

#main {
	color: #444;
	background: transparent;
	padding: 1.5em 5% 1em 5%;
	margin: 0px; 
	background: transparent none;
}

#navi { 
	color: #333;
	background: transparent;
	font-family: verdana, helvetica, sans-serif;
	font-size: 0.8em;
	margin: 0.5em 0em 1em 0em; 
	padding: 0.5em;
}

#navi { position: absolute; top: 2px; right: 5px; }

#navi ul { margin: 0; padding: 0; }

#navi ul li { display: inline; margin: 0 0 0 2px; padding: 6px; 
border: 2px solid #a6abd2; background: #fff url(kuvat/Navi_deco.gif) top right no-repeat; }

#navi a:link, #navi a:visited { color: #797eac; text-decoration: none; background: transparent; }
#navi a:hover { color: #933; text-decoration: none; background: transparent; }

a:link { color: #339; text-decoration: none; background: transparent; }
a:visited { color: #939; text-decoration: none; background: transparent; }
a:hover { color: #f00;  text-decoration: underline;  background: transparent; }

#intro { max-width: 400px; float: right; font-size: 0.938em; color: #333; background: #dadefe none;
padding: 1.5em 1em 0.5em 1em; 
margin-bottom: 2em; }
#news { width: 50%; }
#textcontent { width: 80%; margin: auto; }

#news h2 { margin: 0 0 0.5em 0; color: #797eac; background: transparent; }

.photocaption { margin: 2em 0 2em 0; padding: 0; font-size: 0.8em; text-align: center; 
line-height: 1.2em; }


ul { margin-left: 1em; padding-left: 1em; list-style-type: circle; }

.justify { text-align: justify; }
.centered { text-align: center; }
.gallery { width: 30em; padding: 1em; border: 1px solid #666; text-align: center; color: #333; background-color: #fff; }

/* gallery 2007 */

#photocontainer { text-align: center; }
.photo { padding: 1em; border: 3px solid #ddd; color: #666; background: #fff none; clear: both; margin: 1em 0em; }

.photonavi {
color: #fff;
font-weight: bold;
/*float: left;*/
background: #f9f9f9;
line-height: normal; 
clear: both;  
margin-bottom: 2em; }

.photonavi a:link, .photonavi a:visited {
color: #fff;
text-decoration: none;
background: #ccc none; 
padding:3px 5px; }

.photonavi a:hover{
color: #666;
background: #ccf none; 
padding:3px 5px; }

.clear {clear: left;}

.inactive {
color: #fff;
background: #999 none; 
padding:3px 5px; }

.photonavi .inactive { color: #999; background: #eee none; }

div.thumb { padding: 5px; border: 1px solid #999; margin: 0.2em; float: left; text-align: center; color: #000; background-color: #ccc; } 

div.thumbset { margin-bottom: 0.2em; overflow: hidden; width: 100%;}

img {border: none; }