body {
    color:#000000;
    background-color:#9DA2CC;
    font-style:normal;
    font-size: 11pt;
    font-family: Verdana, sans-serif;
    margin:0px;
    border-style: none;
}

#site_layout {
    max-width:800px;
    width:expression(document.body.clientWidth > 800? "800px": "auto" );
    margin-left:auto;
    margin-right:auto;
    position: relative;
    background-color:#FFFFFF;
    color:#000000;
}

#valikko {
    font-size: 10pt;
    font-style: italic;
    font-weight: bold;
    font-family: "Century Schoolbook L", "New Century Schoolbook", 
"Century Schoolbook", "Century Old Style", "Bookman Old Style" "Bookman", 
"URW Bookman L", serif;
    margin:0px;
    padding-left:30px;
    padding-right:30px;
}

#valikko a {
    padding:0px;
    text-decoration:none;
    color:#5e6bc0;
    background-color:#ffffff;
}
#valikko a:hover {
    background-color:#eeeeee;
}

#valikko a em {
    text-decoration:underline;
}

#valikko ul {
    text-align:left;
    margin:0px;
    padding:0px;
    list-style:none inside none;
}

#valikko ul li {
    margin:0px 6px 0px 6px;
    padding:0px;
    display:inline;
    text-decoration:underline;
    color:#5e6bc0;
}

#valikko ul li span {
    padding:0px 3px 0px 3px;
    background-color:#dddddd;
}

#footer {
    font-size:x-small;
    font-style:italic;
    text-align: right;
    clear: both;
    padding-left:30px;
    padding-right:30px;
    padding-bottom: 5px;
}

img {
    border-style:none;
}

#logo_ala {
    border-style:none;
    position:absolute;
    left:725px;
    top:168px;
}

.leipis {
    position:relative;
    padding-left:30px;
    padding-right:30px;
}

.kapea_leipis {
    position:relative;
    margin-top:4px;
    margin-left:270px;
    margin-right:30px;
}

.tapahtumalista {
    float:left;
    position:relative;
    margin-left:30px;
    margin-top:4px;
    width:190px;
    border-style:solid;
    border-width:thin;
    padding-left:3px;
    padding-right:3px;
}

.haivytys {
    color:#666666;
    background-color:#FFFFFF;
}

.haivytys a {
    color:#666666;
    background-color:#FFFFFF;
    font-weight:bolder;
}

.huom {
    background-color:#cccccc;
}

.warning {
    font-weight:bolder;
    color:red;
}

.korostus {
    font-weight:bolder;
}

h1 {
    font-size: 15pt;
    font-weight: bolder;
}
h2 {
    font-style:italic;
    font-size: 13pt;
    font-weight: bolder;
}

h3 {
    font-style:italic;
    font-size: 12pt;
    font-weight: bolder;
}

.threecol {
    float:left;
    text-align:center;
    width: 30%;
    position:relative;
}

.left {
  padding-right:5px;
  float:left;
  position:relative;
}

.right {
  padding-left:5px;
  float:right;
  position:relative;
}

.center {
  text-align:center;
}

ul, dl, ol {
    margin-top:3px;
    margin-bottom:2px;
}

li {
    margin-top:4px;
}

dt {
    font-weight:bolder;
    margin-top:4px;
}

dd {
    margin-top:4px;
    margin-left:20px;
    text-indent:-20px;
}

table {
    margin-top:4px;
    padding:2px;
    border-collapse:collapse;
}

table th {
    text-align:left;
    padding-top:10px;
    padding-bottom:2px;
    padding-right:10px;
    padding-left:10px;
}

table td {
    padding-top:2px;
    padding-bottom:2px;
    padding-right:10px;
    padding-left:10px;
}

table.nakyva th {
    border-bottom-style:solid;
}

table.nakyva td {
    border-bottom-style:solid;
    border-width:thin;

#maps {
    position:absolute;
    top:-1000px;
    visibility:hidden;
}