body { 
    margin:0;
    font-family:arial, helvetica;
    background:transparent url("pics/karttatausta.jpg"); }


p { 
  margin-left:20px;}

p.h1 {
  font-size:20px;font-weight:400;}

p.h2 {
  font-size:x-large;font-weight:600;}

p.h3 {
  font-size:xx-large;font-weight:800;}

p.note {
  font-size:12px;}

p.position {
  font-size:10px;font-weight:600;color:#888888;
  border-top:black 1px solid;}

div.start {
  margin:30px;}

#archive {
    height:16px;overflow:hidden;
}

#archive span.link {
    color:navy;font-weight:bold;
    text-decoration:underline;
    cursor:pointer;}

p.big {
  margin-right:40;font-size:14px;}

li {
  margin-left:20;margin-right:40;font-size:12px;}

span.rem {
    margin-left:20px;
    font-size:10px;color:#5680b6;}

span.left {
    float:left;}

span.right {
    float:right;}

span.logout {
    color:red;font-weight:bold;}

div.top_banner {
  position:absolute;left:20px;top:5px;
  width:820;height:120;
  z-index:1; }

div.title_banner {
  margin: 0 auto;
  width:700px;height:120px;
  font-size:30px;
  background:url("pics/purjeenalta.jpg") no-repeat;
  z-index:2; }

#sulkutaso {
  margin: 0 auto;
  width:700px;height:120px;
  background:transparent;
  z-index:3;}

div.subtitle_banner {
  position:absolute;left:20px;top:60px;
  width:820px;height:120px;
  font-size:30px;
  background:url("pics/title_6.jpg") no-repeat;
  z-index:2; }

div.sidebanner {
  position:absolute;left:20px;top:20px;
  min-width:200px;height:566px;
  z-index:1; }

div.rightsidebanner {
  position:relative;right:0px;top:110px;
  width:50px;height:566px;
  z-index:2; }

div.background1 {
  position:absolute;left:120px;top:120;
  width:700px;height:550px;
  background:url("pics/meritausta.jpg") no-repeat fixed;
  z-index:1; }

div #title {
    margin-top:60px;padding-left:200px;height:42px;
    font-size:150%;
    background:url("/pics/pieniseuralogo.jpg") 20px 0 no-repeat;}

div.body {
    position:relative;margin-left:auto;margin-right:auto;
    width:700px;height:600px;
    font-size:12px;
    border:1px #ddd solid;}

#fade {
    position:fixed;
    width:700px;height:90%;
    background:#fff;
    z-index:1;
    filter:alpha(opacity=70);
    opacity: .7;}

#content {
    position:relative;
    width:700px;height:90%;overflow:auto;
    margin:0;
    z-index:2;}


div.nobody {
  position:absolute;left:100px;top:130px;
  width:800px;height:600;
  font-size:12px;
  z-index:1}

div.footer {
  position:fixed;top:90%;padding:5px;
  width:690px;height:40px;
  font-size:10px;color:#999999;
  border-top:black 1px solid;
  background-color:#ffffff;
  z-index:3;}

div.info {
  position:absolute;bottom:100px;left:100px;
  width:600px;height:50px;
  font-size:10px;color:#000000;
  z-index:1;}

div.text {
    margin-bottom:10px;}

div.ilmoitus {
    padding:10px;
    border-bottom:1px #424242 solid;}

div.table {
  position:absolute;left:0px;top:0;
  width:600px;height:600;
  font-family:arial,helvetica;font-size:12px;
  z-index:1}

table.footer {
  width:700px;
  font-size:10px;color:#999999;}

TABLE {
  font-family:arial,helvetica;
  font-size:12px;
  padding:10px;padding:10px;}

td.right {
  text-align:right;}

a {
    margin:0;
  font-family:sans-serif,arial,helvetica;
  font-size:12px;color:navy;
  text-decoration:underline; font-weight:bold;}

a:hover {
  color:blue; font-weight:bold;}