/******* rakenne ja asettelu *******/
body       { color: #000000; font-size: 10pt; font-family: Arial, Helvetica, sans-serif; background: #efefef url(images/bg.gif); text-align: center; margin: 10px 0 0; padding: 0 }

.wrap       { background: #ffffff url(images/header.jpg) no-repeat; text-align: center; margin: 0 auto; padding: 0; position: relative; width: 850px; border-top: 1px solid #9eb874; border-right: 1px solid #9eb874; border-left: 1px solid #9eb874 }

.header  { color: #ffffff; background: transparent; text-align: right; margin: 100px 0 0; padding: 0; position: relative; width: 840px; height: 25px; clear: none }

.topnav                              { font-size: 8pt; background-color: #dcdcdc; background-repeat: repeat; background-attachment: scroll; background-position: 0 0; margin: 0; padding: 0; position: relative; width: 850px; height: 17px; clear: both }

.container  { color: #000000; background: #ffffff; text-align: left; margin: 10px 10px 0; padding: 0; position: relative; width: 830px; clear: both }

.news_right  { color: #000000; font-size: 8pt; font-family: Verdana, Arial, Helvetica, sans-serif; background: #f5f5f5; margin: 0 0 5px 10px; padding: 0 10px; position: relative; width: 200px; float: right; clear: both }
.news_right1 { color: #000000; font-size: 8pt; font-family: Verdana, Arial, Helvetica, sans-serif; background: #fff; margin: 0 0 5px 10px; padding: 0 10px; position: relative; width: 200px; float: right; clear: both }
.news p {
margin:10px 10px;
}

.news_cnr_top      { background: url(images/cnr_tr.gif) no-repeat right top; margin: 0 -10px }

.news_cnr_bottom      { background: url(images/cnr_br.gif) no-repeat right top; margin: 0 -10px }

img.cnr {
width:8px;
height:8px;
border:none;
display: block !important;
}

.footer  { font-size: 8pt; background: #ffffff; text-align: center; margin: 20px 0 0; padding: 4px 0; position: relative; width: 850px; clear: both; border-top: 1px solid #9eb874; border-bottom: 1px solid #9eb874 }


/******* navigointi *******/
#nav ul                          { color: #fff; font-size: 8pt; background: #ffffff url(images/topnav_bg_grey.gif); white-space: nowrap; list-style: none; margin: 0; padding: 0; width: 100%; float: left }

#nav ul li       { list-style: none; display: inline }

#nav ul li a                  { color: #000000; text-decoration: none; background: #ffffff url(images/topnav_bg_grey.gif); margin: 0; padding: 0.25em 2em 0.3em 1em; float: left; border-right: 1px solid #cccccc }

#nav ul li a:hover                { color: #fff; text-decoration: underline; background: #8da8d5 url(images/topnav_bg_green.gif); border-right: 1px solid #cccccc }




/******* linit *******/

a {
color:#D3812D;
text-decoration:underline;
}

a:hover {
color:#E39243;
text-decoration:none;
}

#news a {
color:#D3812D;
text-decoration:underline;
}

#news a:hover {
color:#E39243;
text-decoration:none;
}

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

#footer a:hover {
color:#4F6C1F;
text-decoration:none;
}

/******* fontit ja varit *******/

.header strong {
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#ffffff;
font-size:13pt;
letter-spacing:.7em;
}

.news_title  { color: #65764b; font-size: 10pt; font-family: Arial, Helvetica, sans-serif; font-weight: bold }

.page_title  { color: #697d55; font-size: 10pt; font-family: Arial, Helvetica, sans-serif; font-weight: bold; margin: 0 0 -8px; padding: 0 }


/******* kuvat *******/

img {
border:none;
}

.right img{
position:relative;
float:right;
padding:0 0 0 0;
margin:5px 2px 2px 5px;
}

.left img{
position:relative;
float:left;
padding:0 0 0 0;
margin:0 5px 0 2px;
}



/******* workarounds and hacks *******/
.clearfix:after {
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
}

.clearfix {display: inline-table;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */