/* Hämeen Viherpojat Oy */

body {
	margin:0;
	padding:0;
	border:0;
	font-family: Verdana, Arial, Helvetica, sans serif;
	font-size: 11px;
	background-color: #fff;
	color: #1e231f;
}

td{
font-family:  Verdana, Arial, Helvetica, sans serif;
}

center {
margin, padding:0;
}

table.frame{
 width: 750px;
 background-color: white;
 vertical-align:top;
 margin: 15px auto 0 auto;
 border: 0px; 
}

.h1 {
  width:9px;
  height: 164px;
  background: white url('../img/yla-back-l.gif') right top no-repeat;
}

.h2 {  
  vertical-align:top;
  text-align: right;
  background: white url('../img/yla-back.gif') no-repeat;
}

.h2 img {
 border:0px;
 margin-top:3px;
}

.logo img{
 margin: 0px 20px 30px 0px;
}

.content {
 background:white url('../img/vesileima.gif') right bottom no-repeat;
 text-align:left;
 vertical-align:top;
 padding: 35px 25px 15px 10px;
}

.menu { 
  background: #eceff8 url('../img/laatu.gif') center bottom no-repeat;
  vertical-align:top;
  text-align:left;
  padding: 60px 0px 140px 14px;
}

.menu-box {
  width:156px;	
  margin-bottom:20px;
}

.menu-box img {
  border:0;
}

.menu-box a.m-over, .menu-box a.m-out {
 display:block;
 padding: 5px 20px 5px 15px;
}

.menu-box a.m-over {
background-image: url(../img/arrow.gif);
background-repeat: no-repeat;
background-position: .4em .8em;
color: #b1cd49;
text-decoration: underline;
}

.menu-box a.m-out {
background-image: url(../img/arrow.gif);
background-repeat: no-repeat;
background-position: .4em .8em;
}

.logot {
 vertical-align:middle;
 padding:10px;
}

.logot img {
border:0;
margin-right:15px;
}

/* GALLERIA */

.content2 {
 background:white url('../img/vesileima.gif') right bottom no-repeat;
 text-align:left;
 vertical-align:top;
 padding: 35px 5px 15px 10px;
}

table.gallery {
 width:100%;
 border:0;
 vertical-align:top;
 text-align:left;
}

.g-ots {
  background-color: #01397c;
  color: #fff;
  padding: 5px 5px 5px 12px;
}

.g1{
 padding: 15px 15px 5px 2px;
 vertical-align:top;
 text-align:left;
}

.g2 img {
 margin: 15px 15px 8px 0px;
 border:0px;
}

.g3 img {
 margin: 15px 0px 8px 0px;
 border:0px;
}

/* \GALLERIA */

.footer {
 text-align:center;
 color: #01397c;
 font-size:9px;
 padding:1px 2px 2px 2px;
 background:white url('../img/foot-back.gif') left bottom no-repeat; 
}

.footer a {
  color: #01397c;
}

.footer a:hover {
  color: #01397c; 
  text-decoration: underline;
}

.footer img {
border:0;
}

.topheader {
font-size: 14px;
font-weight:bold;
}

.subheader {
font-size: 12px;
font-weight:bold;
}

div.topheader,div.subheader {
margin-bottom:10px;
}

a {
color: #064e70;
text-decoration: none;
}

a:hover {
color: #b1cd49;
text-decoration: underline;
}

/* Sub links */

div.sublinks a {
	color: #658d1e;
	display:block;
	padding: 0px 0px 0px 20px;
}

div.sublinks a:hover , div.sublinks a:active{
	color: #417eab;
	display:block;
	text-decoration: underline;
	padding: 0px 0px 0px 20px;
}

/* \Sub links */