html, body {
   margin : 0;
   padding : 0;
}

body {
   color : #a52a2a;
   background: #585858;
   width : 100%;
   font : 80% "Trebuchet MS", Tahoma, Arial, Helvetica, sans-serif;
}

/* Links within paragraphs (subtle) */
p a {
color: #666666;
background : inherit;
text-decoration: none;
}

/* Links within paragraphs (revealed) */
p a:hover  { 
color: #0000ff;
background : inherit;
text-decoration: underline;
}

#container {
width : 750px;
margin : 0 auto;
padding : 5px;
background: #E4DCB2  url(images/bgd.jpg) repeat;
color : #333;
line-height : 1.5em;
}

/* TOP TITLE BAR */

#top {
margin:0;
padding : 0;
color:#333;
background : #404040 url(images/head.jpg) no-repeat;
border-bottom : 0px solid #fff;
height:144px;
}
#top h1 {
padding : 30px 0px 0 25px;
margin : 0;
font : 100%  Helvetica, "Trebuchet MS", Arial,Tahoma, sans-serif;
letter-spacing:5px;
text-align:left;
color:#EAE8D0;
background:transparent;
}
#top p {
padding : 5px;
font-size: .8em;
}
#top a:link, #top a:visited {
color: #EAE8D0;
background:transparent;
text-decoration: none;
}
#top a:hover { 
color: #fff;
background:transparent;
text-decoration: underline;
}

/* LEFT SIDEBAR */
#leftnav {
float : left;
width : 160px;
margin : 0;
padding : 5px;
border-right:0px solid #520934 ;
color : #EAE8D0;
background : #9C9473;
}

#content {
margin :10px 0 0 180px;
padding : 10px;
}

#footer {
clear : both;
margin : 0 ;
padding : .5em;
text align : center;
font : 90% "Trebuchet MS", Tahoma, Arial, Helvetica, sans-serif;
color : #EAE8D0;
background: #585858;
border-top : 0px solid #520934;
}

#footer a:link, #footer a:visited {
font-size: .9em;
color : #eee;
background : inherit;
text-decoration : none;
}

#footer a:hover {
font-size: .9em;
color :#fff;
background:inherit;
text-decoration : underline;
}

#leftnav p {
margin : 5px 0 10px 5px;
}

h2 {
margin : 0;
padding : 20px 0 5px 5px;
font : 150%  Helvetica, "Trebuchet MS", Arial,Tahoma, sans-serif;
letter-spacing:5px;
border-bottom: 1px solid #656C4A;
color:#656C4A;
background:inherit;
}
h3 {
margin : 0;
padding : 20px 0 5px 10px;
font : 130%  Helvetica, "Trebuchet MS", Arial,Tahoma, sans-serif;
color:#EAE8D0;
background:inherit;
}

h5 {
font : 105%  Helvetica, "Trebuchet MS", Arial,Tahoma, sans-serif;
color:#656C4A;
font-weight: bold;
}
h6 {
font : 80%  Helvetica, "Trebuchet MS", Arial,Tahoma, sans-serif;
color:#656C4A;
font-weight: bold;
}

#footer img {
   float : right;
}
/* seen by IE5mac only, by Philippe Wittenbergh www.l-c-n.com */
*>html #footer img {
        margin : 0;
}
/* end */

.happy {
border-top : 1px solid #808080;
padding : 10px;
}

a:link, a:visited {
font-size: .9em;
color : #000;
background : inherit;
text-decoration : none;
}

a:hover {
font-size: .9em;
color :#666;
background : inherit;
text-decoration : underline;
}

a:active {
font-size: .9em;
color : #F5DE1E;
background : inherit;
text-decoration : none;
}

img {
   border : none;
}

.imgright {
float: right;
border: 1px solid #656C4A;
margin: 5px 15px 10px 10px;
padding: 10px;
}


.imgleft {
float: left;
border: 1px solid #656C4A;
margin: 5px 15px 10px 0px;
padding: 10px;
}

#menu {
width: 100%;
height: 23px;
margin: 0 0 0 0;
padding: 0 0 1px 0;
background: #A6C3AD url(images/pt02.jpg) no-repeat;
color:#000;
}
#navlist li {
list-style-type: square;
background: inherit;
color: #5F5C51;
margin: 0 15px 0 0;
padding: 0;
}

#gallery {
height:100px;
}

#gallery img {
float: left;
padding: 20px;
}

.clear {
clear: left;
}

.quote {
width: 130px;
margin: 0;
border : 1px dashed #fff;
padding : 10px;
color:#656C4A;
background: #E4DCB2;
font-size: .9em;
}
blockquote {
font-weight : bold;
font-style : italic;
color : #AC7D39;
}
.search { 
background: #E4DCB2; 
color: #000;
border-top: 1px solid #F0E9DD;
border-bottom: 1px solid #F0E9DD;
clear: both;
text-align: left; 
padding: 5px 0 5px 0;
}

form { 
margin: 0; 
}

input.search { 
	width: 80px; 
	border: none;
	color: #000;
	background: url(images/input.gif); 
	padding: 4px; 
}

input.login { 
	width: 80px;
	border: none; 
	background: url(images/logininput.gif); 
	padding: 4px; 
}

hr {
    height: 1px;
    color: #656C4A;
    background: #656C4A;
    font-size: 0;
    border: 0;
}
/**IE kuvalaajennus**/
ul.enlarge{
list-style-type:none; /*remove the bullet point*/
margin-left:0;
}
ul.enlarge li{
display:inline-block; /*places the images in a line*/
position: relative;
z-index: 0; /*resets the stack order of the list items - later we'll increase this*/
margin:10px 40px 0 20px;
}
ul.enlarge img{
background-color:#ffffff;
align="left"
padding: 6px;
-webkit-box-shadow: 0 0 6px rgba(132, 132, 132, .75);
-moz-box-shadow: 0 0 6px rgba(132, 132, 132, .75);
box-shadow: 0 0 6px rgba(132, 132, 132, .75);
-webkit-border-radius: 4px; 
-moz-border-radius: 4px; 
border-radius: 4px; 
}
ul.enlarge span{
position:absolute;
left: -9999px;
background-color:#ffffff;
padding: 10px;
font-family: 'Droid Sans', sans-serif;
font-size:.9em;
text-align: center; 
color: #495a62; 
-webkit-box-shadow: 0 0 20px rgba(0,0,0, .75));
-moz-box-shadow: 0 0 20px rgba(0,0,0, .75);
box-shadow: 0 0 20px rgba(0,0,0, .75);
-webkit-border-radius: 8px; 
-moz-border-radius: 8px; 
border-radius:8px;
}
ul.enlarge li:hover{
z-index: 50;
cursor:pointer;
}
ul.enlarge span img{
padding:2px;
background:#ccc;
}
ul.enlarge li:hover span{ 
top: -300px; /*the distance from the bottom of the thumbnail to the top of the popup image*/
left: -50px; /*distance from the left of the thumbnail to the left of the popup image*/
}
ul.enlarge li:hover:nth-child(2) span{
left: -100px; 
}
ul.enlarge li:hover:nth-child(3) span{
left: -200px; 
}
/**IE Hacks - see http://css3pie.com/ for more info on how to use CS3Pie and to download the latest version**/
ul.enlarge img, ul.enlarge span{
behavior: url(pie/PIE.htc); 
}
/**IE kuvalaajennus**/
ul.enlarge{
list-style-type:none; /*remove the bullet point*/
margin-left:0;
}
ul.enlarge li{
display:inline-block; /*places the images in a line*/
position: relative;
z-index: 0; /*resets the stack order of the list items - later we'll increase this*/
margin:10px 40px 0 20px;
}
ul.enlarge img{
background-color:#ffffff;
align="left"
padding: 6px;
-webkit-box-shadow: 0 0 6px rgba(132, 132, 132, .75);
-moz-box-shadow: 0 0 6px rgba(132, 132, 132, .75);
box-shadow: 0 0 6px rgba(132, 132, 132, .75);
-webkit-border-radius: 4px; 
-moz-border-radius: 4px; 
border-radius: 4px; 
}
ul.enlarge span{
position:absolute;
left: -9999px;
background-color:#ffffff;
padding: 10px;
font-family: 'Droid Sans', sans-serif;
font-size:.9em;
text-align: center; 
color: #495a62; 
-webkit-box-shadow: 0 0 20px rgba(0,0,0, .75));
-moz-box-shadow: 0 0 20px rgba(0,0,0, .75);
box-shadow: 0 0 20px rgba(0,0,0, .75);
-webkit-border-radius: 8px; 
-moz-border-radius: 8px; 
border-radius:8px;
}
ul.enlarge li:hover{
z-index: 50;
cursor:pointer;
}
ul.enlarge span img{
padding:2px;
background:#ccc;
}
ul.enlarge li:hover span{ 
top: -200px; /*the distance from the bottom of the thumbnail to the top of the popup image*/
left: -400px; /*distance from the left of the thumbnail to the left of the popup image*/
}
ul.enlarge li:hover:nth-child(2) span{
left: -100px; 
}
ul.enlarge li:hover:nth-child(3) span{
left: -200px; 
}
/**IE Hacks - see http://css3pie.com/ for more info on how to use CS3Pie and to download the latest version**/
ul.enlarge img, ul.enlarge span{
behavior: url(pie/PIE.htc); 
}