body {
margin: 19px 0 0;
padding: 0;
background: #fff url(../gfx/bg.gif);;
font-family: Verdana, Arial, Helvetica, sans-serif;
width: 100%;
min-width: 600px;
height: 100%;
font-size: 100%;
}

div#wrap {
margin:0 auto;
position: relative;
width: 771px;
padding: 0;
border: 1px solid #fff;
background: #fff url(../gfx/wrap_sides3.gif) repeat-y top center;
}

#header {
height: 217px;
margin: 0;
padding: 0 10px;
background: url(../gfx/yla_border4.gif) no-repeat top center;
}

#header_logo {
float:left;
background: url(../gfx/logo_ksrk5.gif) no-repeat top left;
width: 751px;
height: 75px;
margin: 12px 0 0;
padding: 0;
}

#header_logo a {
 width: 235px;
 height: 60px;
 display: block;
 overflow: hidden;
 font-size: 1px;
 color: #4396c2;
 margin: 14px 0 0 14px;
}

#header_tools {
position: absolute;
right: 10px;
top: 12px;
background: #65a8cc url(../gfx/tools_bg_left.gif) no-repeat top left;
width: 307px;
height: 24px;
margin: 0;
padding: 0 0 0 5px;
}

#header_tools a {
display: inline;
margin: 0;
height: 16px;
padding: 0;
text-decoration: none;
color: #fff;
}

#header_tools a img {
margin: 4px;
padding: 0;
border: 0;
}

#header_deco {
width: 751px;
height: 130px;
margin: 0;
padding: 0;
}

#top_nav a:link {
color: #fff;
}

#top_nav {
margin: 0 10px 4px 10px;
padding-top: 2px;
font-size: 75%;
background: #f2f27a;
}

#top_nav ul {
text-align: center;
margin: 0;
padding: 5px 0;
background-color: #4396c2;
width: 100%;
font-size: 93%;
}

#top_nav li {
display: inline;
margin: 0;
padding: 0; 
}

#top_nav li a {
margin: 0;
padding: 5px 22px 5px 24px;
text-decoration: none;
border-right: 1px solid #f2f27a;
color: #fff;
background: #4396c2;
font-weight: 700;
}

#top_nav li a:hover {
background-color: #2c86b5;
}

#sidebar {
float: left;
width:188px;
top: 100px;
margin: 2px 0 0 10px;
_margin-left: 5px;
padding: 0 0 80px 0;
}

#sub_nav {
margin: 0;
padding: 0;
font-size: 70%;
}

ul#subnavs {
list-style: none;
background: #f7f7f7 url(../gfx/subnavi_top_bg.gif) no-repeat top left;
margin: 0;
padding: 1px 0 0 0;
}

ul#subnavs li a {
display: block;
padding: 6px 5px 6px 11px;
_height: 1%;
color: #000;
background: url(../gfx/snavi_arrow.gif) no-repeat center left;
}

#subnavs li.parent { font-weight: 700; color: #fff; background: #4396c2; padding: 5px; _height: 1%;}

#subnavs li {
margin: 0;
padding-left: 5px;
border-bottom: 1px solid #fff;
}

#path {
 margin: 0 10px;
 padding: 3px 3px 4px 3px;
 font-size: 70%;
 height: 17px;
 background: #fff;
}

#main {
float: right;
width: 547px;
margin: 0 10px 0 0;
padding: 0;
font-size: 90%;
}

#prop {
float: right;
width: 1px;
height: 400px;
}

#footer {
clear: both;
height: 33px;
margin-top: 9px;
padding: 0;
color: #fff;
background: url(../gfx/ala_border3.gif) no-repeat bottom center;
text-align: center;
}

#footer a {
 color: #fff;
 text-decoration: none;
}

#footer_text {
margin: 0 10px 0 10px;
padding: 5px 0 4px 0;
font-size: 70%;
background: #4396c2;
}

input.user_textfield {
width: 200px;
}

form#search_form {
float: right;
margin: -25px 0 0 0;

width: 146px;
background: #65a8cc;
}

#search_form div { display: inline;}

#search_form label {
display: block;
color: #65a8cc;
font-size: 1px;
}

#search_form input.txt {
margin: 0;
width: 94px;
height: 13px;
border:1px solid #D5D5D5;
}

#search_form input.btn {
font-size: .6em;
font-weight: 700;
width: 40px;
height: 16px;
padding: 0;
color: #26688a;
background-color:#e7e7e7;
border-top:1px solid #ededed;
border-bottom:1px solid #adadad;
border-left:1px solid #dedede;
border-right:1px solid #7c7c7c;
}

h1, h2, h3 {
font-family: Verdana, Arial, Helvetica, sans-serif;
margin: 5px 0; 
}

h1 {
font-size: 135%;
font-weight: lighter;
}

h2 {
font-size: 115%;
}

h3 {
font-size: 110%;
}

#main p { font-size: 90%; line-height: 150%; }

p p {font-size: 100%;}

td p { margin: 0; padding: 0;}

a:link, a:visited {
color: #000;
}

a:hover, a:active {
text-decoration: none;
}

div.news { margin: 20px 0; }

ul.news, .news ul {
margin: .5em 0 0 0;
padding: 0;
font-size: 95%;
}
.news h2 {
font-size: 100%;
color: #000;
margin: 0;
padding: 4px 0;
background: url(../gfx/dotted_line_h.gif) repeat-x bottom left;
}
.news li {
margin: 0 0 0.7em 0;
padding: 0;
clear: both;
list-style-type: none;
}

.news .date {
background: #de573a;
border-right: 1px solid #c63b1e;
border-bottom: 1px solid #c63b1e;
float: left;
text-align: center;
margin: 0 8px 0 0;
line-height: 1.1em;
padding: 2px;
font-size: 85%;
font-weight: bold;
width: 80px;
white-space: nowrap;
color: #fff;
}

.field_caption {
background-color: #EFEFEF;
font-weight: bold;
padding: 4px;

}
.field_text {
background-color: #FBFBFB;
padding: 2px;
font-size: 90%;
}
.field_field {
width: 490px;
}

/* palautetekstit */

.text_green_feedback {
font-size:100%;
font-weight: bold;
color: #077C0E;
}
.text_red_feedback {
font-size:100%;
font-weight: bold;
color: #A01C2B;
}
.text_black_feedback {
font-size:100%;
font-weight: bold;
color: #000;
}

/* painikkeet */
.btn_green_button, .btn_red_button {
color: #fff;
border: 2px solid #fff;
width: 150px;
height: 22px;
margin:1em 0 0 0;
font-size:80%;
}
.btn_green_button {
background:#077C0E;
}
.btn_red_button {
background:#A01C2B;
}

.sitemap {
line-height: 1.6em;
}

div#fns {
margin:0 auto;
position: relative;
width: 728px;
padding: 0;
font-size: 70%;
text-align: right;
}

#fns a {
position: absolute;
right: 0;
text-decoration: none;
color: #dda;
margin: -17px 0 0 0;
}

.gb_entry_wrap {
margin:1em;
padding: .2em;
border-top:1px solid #999;
background: #f5f5f5;
}
.gb_sender {
background: #eee;
margin: 0 0 .5em 0;
font-size: 80%;
}
.gb_entry {
clear: both;
color:#036;
}

.gb_admin_reply {
color:#444;
margin-top: 0.5em;
margin-left: 0.5em;
font-family: arial, sans-serif;
}

#gb_add label {
display:block;
margin-top: .5em; 
}

.gb_entry_area {
height: 10em; 
width: 20em;
padding: 0px;
border: 1px solid #999;
}

#enrol label {
display: block;
}

#enrol input {
margin-bottom: 10px;
}