*{margin: 0; padding: 0;}
body {
font-family: Verdana, Arial, Helvetica, sans-serif;
text-align: center;
margin-top: 2%;
background-color: #bcbaca;
font-size: 76%;
}
p{margin-top: 10px;
  margin-bottom: 20px;
  text-align: left;
  font-size: 1em;
}
div#box {
font-size: 100%;
width: 800px;
background-color: #0e0e0e;
background-image: url(corner_bl2.gif);
background-repeat: no-repeat;
background-position: bottom left;
margin-left: auto;
margin-right: auto;
text-align: left;

}

#head_outer {
background-image: url(corner_tl2.gif);
background-repeat: no-repeat;
background-position: top left;
border-bottom: 1px solid #0e0e0e;
position: relative;
}


#head_inner {
background-image: url(corner_tr2.gif);
background-repeat: no-repeat;
background-position: top right;
background-color: transparent;
}

.header_left {
margin:0;
padding: 10px 5px 10px 10px;
font-size: 1em;
font-weight: normal;
color: #eee;

}
p.eye{position: absolute;
      right: 250px;
      bottom: 0px;
      font-style: italic;
      font-size: .9em;
}

.header_right{
border: 0px solid #666;
margin: 8px 8px 0px 0px;
width: 200px;
height: 135px;
float: right;
color: #fff;
text-align: center;
}


/*menu lista*/

#listmenu {
	margin: 5px 10px 5px 10px;
	background: #D9E1E5 url(images/nav2.png);
	height: 31px;
}

#listmenu a.toplink {
	background: #D9E1E5 url(images/nav2.png);
	border-right: 1px solid #AFBEC7;
	color: #456;
	display: block;
	float: left;
	font: bold 1em sans-serif;
        line-height: 31px;
	padding: 0 22px;
	text-decoration: none;
}
#listmenu a.toplink2{
        background: #D9E1E5 url(images/nav3.gif);
	border-right: 1px solid #AFBEC7;
	color: #456;
	display: block;
	float: left;
	font: bold 1em sans-serif;
        line-height: 31px;
	padding: 0 22px;
	text-decoration: none;
}
#listmenu a:hover {background-position: left bottom; color: #234;}

div#box div.wrap {
margin: 0;
padding: 7px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 1em;
background-image: url(corner_br2.gif);
background-position: bottom right;
background-repeat: no-repeat;
color: #999;
font-size: .8em;
line-height: 1.5;
text-align: center;
}


/*vasemman puoleinen sisältö*/
div.content
{
font-size: 100%;
margin-right:200px;
border-top: 1px solid #666;
border-right:1px solid #666;
padding: 1em;
background-color: #0e0e0e;
}
div.content em{font-variant: small-caps;
	       font-size: 1.3em;
}
strong{font-style: italic;}
div.content em.dog{font-style: normal;
	color: red;
}

div.content h2, h4{padding-top: 0px;
                   padding-bottom: 15px;
		   font-style: italic;
		   color: #c0c0c0;
		   font-size: 1.4em;
		   text-align: center;
}
div.content h5{padding-top: 15px;
               padding-bottom: 15px;
	       text-align: left;
               font-size: 1.2em;
}
/*Lista*/
div.content dl{margin-bottom: 20px;}
div.content dt{font-family: Georgia, "Times New Roman", Times, serif;
   color: #99CCFF;
   padding-top: 15px;
   font-size: 1.2em;
   background-image: url(corner_tl_dt.gif);
   background-position: top left;
   background-repeat: no-repeat;
}

div.content dl.lista{border: 0px solid #000;
	 margin-top: 15px;
}
div.content dl.lista dt {font-family: Georgia, "Times New Roman", Times, serif;
   color: #000;
   padding: 5px 0 5px 5px;
   font-size: 1.2em;
   background-color: #736F90;
   border-bottom: 1px solid #7E96C2;
}
div.content dl.lista dd {font-family: Georgia, "Times New Roman", Times, serif;
   color: #000;
   padding: 7px 0 7px 5px;
   font-size: 1em;
   background-color: #E6E5EB;
   background-image: url(corner_br_dd.gif);
   background-position: bottom right;
   background-repeat: no-repeat;
}
dl.lista strong{color: #000;
}
dl.lista dt em{color: #E6E5EB;}
dt a.list{color: #E6E5EB;}
dt a.list:visited{color: #E6E5EB;}
dt a.list:hover{color: #fff;}

#navsite ul {
 padding: 3px 0;
 margin-left: 0;
 margin-bottom: 20px;
 border-bottom: 0px solid #778;
 font: bold 12px Verdana, sans-serif;
}
#navsite ul li {
 list-style: none;
 margin: 0;
 display: inline;
}
#navsite ul li a {
 padding: 3px 0.5em;
 margin-left: 3px;
 border: 1px solid #778;

 background: transparent;
 text-decoration: none;
}
#navsite ul li a:link {
 color: #E6E5EB;
}
#navsite ul li a:visited {
 color: #E6E5EB;
}
#navsite ul li a:link:hover, #navsite ul li a:visited:hover {
 color: #000;
 background: #849BC4;
 border-color: #227;
}
a.to_top{color: #c0c0c0;
	 font-size: .9em;
}


/*oikeanpuoleinen alue*/


div.right
{
font-family: Verdana, Arial, Helvetica, sans-serif;
float:right;
font-size: 100%;
width:175px;
margin:0;
padding:15px 10px 10px 15px;;
background-color: #0e0e0e;
text-align: left;
border-top: 1px solid #666;
}

img.kids{margin-top: 7px;}

div.right h3{ color: #c0c0c0;
    margin-bottom: 15px;
    font-size: 1.5em;
}

div.right h5{ color: #c0c0c0;
    margin-bottom: 15px;
    font-size: 1.2em;
}

div.right a{color: #c0c0c0;
    font-size: 1em;
}
p.oikea{font-weight: bold;
        font-size: 1em;
}
dl{margin-bottom: 20px;}
dt{font-weight: bold;}

img.hot_pots{vertical-align: middle;}

div.nofloat{clear: both;}
/*footer*/
div.footer {background-color: #0e0e0e; clear: left; color:white; font: bold .9em sans-serif; height: 25px; padding: 0; margin-right:10px; margin-left:10px; border-top: 1px solid #666;}
div.footer a{color: #fff; text-decoration: underline;}
div.footer a:visited{color: #fff; text-decoration: underline;}
div.footer a:hover{color: #fff;}