@charset "iso-8859-1";

/* COLORS                                    */
/*  1. Light green (table borders) [#B8E8B8]  */
/*  2. Dark green			[#108C10]*/
/*  3. Dark green (HKY:n väri)     [#008400]*/
/*  4. Light Grey (footer)         [#9CCE9C]  */
/*  5.  */

body {
	font-size : 12pt;
	margin : 16px;
}

div.main {
	width: 800px;
	border-style: solid;
	border-width: 1px;
	border-color: #008400;
	padding: 10px;
	
}
div.banner {
	width: 100%;
}

table.toplink {
	width: 100%;
}
td.toplink {
	text-align: center;
}
table.content {
	width: 100%;
}
td.content {
	width: 80%;
	vertical-align: top;
	padding-right: 20px;
	border-style: solid;
	border-left: none;
	border-top: none;
	border-right: none;
	border-bottom-width: 1px;
	border-color: #B8E8B8;
}
td.side {
	width: 20%;
	vertical-align: top;
	border-style: solid;
	border-left-width: 1px;
	border-top-width: 1px;
	border-right: none;
	border-bottom: none;
	border-color: #B8E8B8;
	padding-left: 20px;
}

table.footer {
	width: 77%;
	padding-left: 5px;
	padding-right: 5px;
	color: #108C10;
}

p.justify {
	text-align: justify;
}

a {
	text-decoration: none;
	font-weight : normal;
	color: #356333;
}

a:hover {
	text-decoration: Underline;
	font-weight : normal;
}
a:active {
        color : #108C10;  
        text-decoration: none;
}


h1 {
	font-family : Verdana, sans-serif;
	font-size : 12pt;
	font-weight :  bold;
	color: #008400;
}

h2 {
	font-family : Verdana, sans-serif;	
	font-size : 8pt;
	font-weight :  bold;
	color:#108C10 ;
}

h3 {
	font-family : Verdana, sans-serif;
	font-size : 8pt;
	font-weight :  bold;
	color: #108C10;
}

img.ryhmakuvaus {
        float: left;
        margin-right: 20px;
        margin-bottom: 20px;
        border: 1px solid #008400;
}

img {
        border: none;
}



.form td {
  vertical-align: middle;
}

.form input{
  background: white; 
  border: 1px solid #B8E8B8;

}
.form select{
  background: white;
}

.form input.button {
  background: #D9EAFE;
  border: 3px double #B8E8B8;
}