body {
  font-family: Arial, Helvetica, sans-serif;
  margin: 0; padding: 0;
  font-size: 9pt;
  color: #333;
  text-align: center;
/*  background-color: #ffc;  */
}
h1, h2 {margin: 4px 2px 6px 2px}
h1 {font-size: 12pt;}
h2 {font-size: 11pt;}
a, a:visited, a:active, a:hover {
  text-decoration: none;
  color: #693;
}
a:hover {text-decoration: underline;}
a:visited {color: #360;}

div#wrap {
  position: relative;
  margin-top: 0px;
  margin-bottom: 10px;
  margin-left: auto;
  margin-right: auto;
  text-align: left;
  padding: 0px;
/*  background-color: #efe; */
  max-width: 900px; 
/*  border-left: 5px solid #dfc;
  border-right: 5px solid #693;
*/
  width:expression(document.body.clientWidth > 900? "900px": "auto" );
}

div#header_wrap {
  position: static;
  height: 150px; padding: 0px 0px 0px;
  border: 0px solid #c96; margin: 0px;
  background-color: #fff; 
  text-align: left;
  background: #fff url('img/pjoki3j.jpg') top left repeat-x;
}

div#content_wrap {
  position:relative;
  margin: 0;
  padding: 0;
  background-color: #efe; 

}
table#content_table {
  width: 100%;
  margin: 0; padding: 0;  
}

td#left_col {
  width: 220px;
  border-right: 1px solid #693;
}
#left_td {background-color: #efd;}

ul#vnavitable {
  list-style-type: none; margin: 0px; padding: 0px; 
  margin: 16px 4px 2px 6px;
  font-size: 8pt;
}
#vnavitable li {
  background: url('img/teso-li-12-muu.png') 2px 3px no-repeat;
  margin: 0;
  padding: 2px 6px 2px 18px;
  list-style-type: none;
  font-size: 8pt;
  font-weight: bolder;
  border: 0px solid blue;
  line-height: 140%; 
}
#vnavitable li.nyt1, #vnavitable li.nyt2 {
  background: url('img/teso-li-12.png') 2px 3px no-repeat;
}
#vnavitable li.nyt2, #vnavitable li.muu2 {
  font-size: 8pt;
  font-weight: normal;
  padding: 2px 6px 2px 36px;
  background-position: 18px 3px;
}

form {
  border-top: 1px solid white;
  border-bottom: 1px solid #ccc;
/*  color: #ccc; */
  color: #666; 
  margin:0px; padding: 0 5px;
  background: inherit;
}
label {
  display:block;
  font-weight:bold;
  margin:5px 0;
}
input {
  border:1px solid #eee;
  font: normal 1em Verdana, sans-serif;
  color:#777;
}

#kirjaudu form {text-align: right; font-size: 0.8em; color: #693;}

#isolokero {
  font-size: 8pt;
  background-color: #fff;
}

div#main_col {
  border: 0px solid green;
  margin: 0px 200px 20px 10px;
  padding-top: 10px;
}
#main_col a {text-decoration: underline;}
#main_col {font-size: 9pt;}
#main_col td {font-size: 9pt;}

#joini p, #joini td {color: #000;}
#joini input {
  border:1px inset #6c6;
  font: normal 1em Verdana, sans-serif;
  color:#333;
}
.textinput {width: 210px; margin-right: 4px;}

div#right_col {
  float: right;
  width: 174px;
  padding: 0px; margin: 0px;
  margin: 10px 0px 0px 0px;
}

#right_col a {color: #960; text-decoration: underline;}

#right_col h1 {
  padding: 2px 2px 0px 2px;
  font-size: 9pt; 
  color: #960;
  text-align: center;
  margin: 18px 0px 2px 0px;
}
div#banners {text-align: center;}
div.teasers {
  margin: 0px 0px 16px 0px; padding: 0px;
  border: 1px solid #fda;
/*  border-bottom-width: 0px; */
}
.teasernews, .teasercale {
  margin: 2px 0px 4px 0px; 
  padding: 2px 4px 10px 4px;
  background-color: #ffc;
  font-size: 8pt;
}
.teaserbanner {
/*  margin: 4px 0px 2px 0px;  */
  margin: 4px 0px 2px 0px;
  padding-top: 4px;  
  border-top: 1px dotted #ddd;
}
.teasercalehead {margin-top: 3px;}

.teasernewsdate {
  text-align: right;
  font-size: 7pt;
  color: #960;
}
.teasercaledate {
  font-size: 7.5pt;
  color: #960;
  background-color: #ff9;
}



div#footer_wrap {
  position: static; clear: both;
  width: 100%;
  height: 30px; padding: 2px 0px 4px 0px;
  border-top: 1px solid #693;
  margin: 0px 0px 10px 0px;
  background-color: #dec; 
  text-align: center;
  color: #693;
}