/* General */

body {
 margin: 0;
 font: 10px/16px "Lucida Grande", Verdana, arial, sans-serif;
}

body#blogs {
 background: transparent;
}

h1 {
 font: bold 16px Arial, Helvetica, sans-serif;
}

h2 {
 font: bold 13px Verdana, Arial, sans-serif;
}

h3, h4, h5, h6 {
 font: bold 12px Verdana, Arial, sans-serif;
}

p, td, th {
 font: 11px Verdana, Arial, sans-serif;
}

p {
 margin: 0 0 10px 0;
 padding: 0;
}

th {
 font-weight: bold;
}

ul, ol {
  margin: 0; 
  padding: 0 0 18px 40px;
}

a {
 color: #030;
}

hr {
 border: 0;
 height: 1px;
 display: block;
 border-bottom: 1px solid #deeacc;
}

/* Layout */

#wrapper {
 width: 900px;
 margin: 0 auto;
}

#header {
 width: 800px;
}

div#logo {
 float: left;
 width: 77px;
 height: 49px;
 margin: 0 10px 5px 5px;
}

div#logo img {
 border: none;
}

div#topnavcontainer {
 margin: 5px 30px 0 90px;
 text-align: right;
}

ul#helpnavlist {
 margin: 0;
 padding: 0;
 list-style-type: none;
}
 
ul#helpnavlist li {
 display: inline;
}
 
ul#helpnavlist li a, ul#helpnavlist li a:link {
 text-decoration: none;
 color: #4c7200;
 font-weight: bold;
 padding: 0 10px;
 border-left: 1px solid #690;
}
 
ul#helpnavlist li a:hover, ul#helpnavlist li a:focus {
 color: #2c4c00;
 text-decoration: underline;
}
 
ul#helpnavlist li.first a, ul#helpnavlist li.first a:link {
 border-width: 0;
}

ul#helpnavlist li.button a {
 padding: 0 4px;
 border: none;
}

ul#helpnavlist li.button img {
 border: none;
}

div#flags {
 float: right;
 width: 87px;
 height: 20px;
 margin: 0 0 0 2px;
 text-align: center;
 background: url(img/mainnavlink-bg.gif) no-repeat top left;
}

div#flags img {
 margin: 4px 3px;
 border: none;
}

div#mainnav {
 text-align: right;
 margin: 2px 30px 0 90px;
 background: url(img/mainnav.gif) repeat-x top left;
}

ul#mainnavlist {
 background: url(img/mainnavbg.gif) no-repeat top right;
 padding: 0 1px 0 0;
 margin: 0;
 list-style-type: none;
}

ul#mainnavlist li {
 display: inline;
 margin: -4px;
 padding: 0;
}

ul#mainnavlist li.last {
 margin-right: -2px;
}

ul#mainnavlist li a, ul#mainnavlist li a:link {
 text-decoration: none;
 color: #000;
 font-weight: bold;
 line-height: 18px;
 padding: 3px 12px;
 margin: 0;
 background: url(img/mainnavlink-bg.gif) no-repeat 0 0;
}

ul#mainnavlist li a:hover, ul#mainnavlist li a:focus {
 background: url(img/mainnavlink-bg.gif) no-repeat 0 -20px;
}

#subnav {
 float: left;
 width: 170px;
 margin: 20px 0 20px 5px;
 font: 11px Verdana, Arial, sans-serif;
}
#subnav ul {
 margin: 0;
 padding: 0;
 list-style-type: none;
 border-top: 1px solid #800000;
}
#subnav ul li {
 margin: 0;
 padding: 10px;
 border-bottom: 1px solid #800000;
}
#subnav ul li a {
 color: #000;
 text-decoration: none;
}
#subnav ul li a:hover {
 text-decoration: underline;
}
#subnav ul li a.selected {
 font-weight: bold;
}

#subnav ul ul {
 margin: 0;
 padding: 5px;
 border: none;
}
#subnav ul ul li {
 margin: 0;
 padding: 5px;
 border: none;
}

#content {
 float: left;
 width: 570px;
 margin: 20px 0 10px 20px;
}

#footer {
 clear: both;
 width: 750px;
 margin: 0 5px;
 padding: 5px;
 font-size: 10px;
 text-align: center;
 border-top: 1px solid #C0D19D;
}

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

/* Misc */

p.leipateksti {
/* text-align: justify;*/
}

div.sivupalkki {
 float: right;
 width: 175px;
 margin: 0 0 15px 15px;
 padding: 0;
 background: #E4E4E4;
}

.otsikkovalk,
h2.sivupalkki_otsikko {
 margin: 0;
 padding: 4px 5px;
 background: #800000;
 color: #fff;
 font-size: 11px;
 font-weight: bold;
}

div.sivupalkki p {
 margin: 0;
 padding: 5px;
}

a.readon {
 padding-right: 12px;
 background: url(img/nuoli.gif) no-repeat bottom right;
}

a.arrow {
 padding-left: 15px;
 background: url(img/nuoli.gif) no-repeat bottom left;
}

.strong {
 font-weight: bold;
 font-size: 11px;
 color: #2C4C00;
}

.clear {
 clear: both;
}

img.right {
 float: right;
 margin: 0 0 10px 10px;
}

table.border {
 border-collapse: collapse;
}
table.border td, table.border th {
 border: 1px solid #000;
}

table.custom {
 border-collapse: collapse;
 border: 1px solid #c0c0c0;
}
table.custom td, table.custom th {
 padding: 2px;
 border: 1px solid #ece9d8;
}
table.custom td {
 font-size: 10px;
}
table.custom th {
 background: #e4e4e4;
}