/* Yleiset */

          body {
               margin-top: 2em;
               margin-bottom: 2em;
               margin-left: 0;
               margin-right: 0;
               padding: 0;
               background: #1958b7 url(background.gif);
               font-family: Georgia,  "Trebuchet MS",  Tahoma, Verdana, Arial, Times, "Times New Roman", sans-serif;
               color: black;
               text-align: center;
               }
          
          h1 {
               position: relative;
               top: 31px;
               left: 0;
               margin: 0;
               padding: 0;
               text-indent: 1em;
               font-size: 1.8em;
               font-style: italic;
               text-align: left;
               }
          
          
/* Sisältölaatikko */
          
          #container {
               margin: 0 auto;
               padding: 0;
               position: relative;
               width: 91%;
               background: white url(container_background.gif) repeat-y;
               color: black;
               border: 15px solid #fff;
               text-align: left;
               }
          
          
/* Sisältö */
          
          #story {
               position: static;
               margin-left: 245px;
               margin-top: 4em;
               background: transparent none;
               }
          
          #story h2 {
               margin-top: 1.3em;
               font-size: 1.40em;
               width: 100%;
               background: white url(h2_background.gif) repeat-x;
               padding-left: 0em;
               color: #1188dd;
               font-style: italic;
               clear: both;
               line-height: 1.1em;
               }
          
          .subTitle {
               color: #1188dd;
               background: white none;
               padding-left: 0.35em;
               padding-right: 0.35em;
               position: relative;
               left: 1em;
               top: 0;
               line-height: 1.1em;
               }
          
          #story img {
               border: 0;
               }
          
          #story .left {
               float: left;
               clear: left;
               margin-right: 1.3em;
               margin-top: 0.1em;
               margin-bottom: 0.5em;
               margin-left: 15px;
               }
          
          #story .right {
               float: right;
               clear: right;
               margin-right: 15px;
               margin-top: 0.1em;
               margin-bottom: 0.5em;
               margin-left: 0.8em;
               }
          
          #story .center {
               text-align: center;
               clear: both;
               margin-top: 0.5em;
               margin-bottom: 0.5em;
               }
          
          #story h3 {
               padding-left: 0.5em;
               padding-right: 2.0em;
               font-size: 1.2em;
               color: black;
               background-color: white;
               }
          
          #story p, #story address {
               font-size: 0.9em;
               padding-left: 1.2em;
               padding-right: 2.0em;
               line-height: 1.7em;
               font-style: normal;
               margin-bottom: 1em;
               }
          
          #story ul {
               line-height: 1.7em;
               font-size: 0.9em;
               }
          
          #story ul li {
               padding-bottom: 0.4em;
               margin-left: 0.3em;
               margin-right: 1.0em;
               }
          
          #story ul li ul li {
               padding-top: 0.4em;
               padding-bottom: 0em;
               margin-left: 1.0em;
               margin-right: 1.0em;
               }
          
          #story a, #story a:link, #story a:visited, #story a:active {
               text-decoration: underline;
               }
          
          #story a:hover {
               text-decoration: none;
               }
          
          #story .kuva {
               float: left;
               margin: 0.5em;
               padding: 0;
               width: 130px;
               height: 170px;
               text-align: center;
               background: transparent none;
               }
          
          #story .kuva p {
               font-style: normal;
               height: auto;
               min-height: 65px;
               text-align: center;
               overflow: hidden;
               background: transparent none;
               font-size: 0.7em;
               padding: 0;
               margin-top: 3px;
               margin-bottom: 0;
               margin-left: 0;
               margin-right: 0;
               line-height: 1.2em;
               }
          
          #story .galleria {
               margin-left: 0.7em;
               margin-right: 0.5em;
               padding: 0;
               clear: both;
               }
          
          #story .galleria h3 {
               font-size: 0.9em;
               padding-left: 1.2em;
               padding-right: 2.0em;
               line-height: 1.7em;
               font-style: italic;
               font-weight: bold;
               }
          
          table {
               font-size: 0.9em;
               color: black;
               background: white none;
               empty-cells: show;
               border-spacing: 5px;
               margin-left: 1.2em;
               margin-right: 2em;
               margin-top: 0.5em;
               margin-bottom: 1em;
               }
          
          html>body table {
               width: 85%;
               }
          
          td {
               font-style: italic;
               padding: 0.4em;
               border: 1px solid #3f85c0;
               }
          
          html>body td {
               border: 1px dotted #3f85c0;
               }
          
          th {
               background: #b6e1ff none;
               color: black;
               border: 1px solid #3f85c0;
               font-weight: normal;
               text-align: center;
               padding: 0.4em;
               }
          
          #story caption {
               font-weight: bold;
               margin-top: 0.5em;
               }
          
          #story form {
               margin-left: 1.2em;
               margin-right: 1.2em;
               margin-top: 1.5em;
               margin-bottom: 0;
               }
          
          #story fieldset {
               background: #b6e1ff none;
               color: black;
               border: 1px solid #3f85c0;
               margin-bottom: 1.5em;
               padding-bottom: 1.5em;
               }
          
          html>body #story fieldset {
               padding-top: 1em;
               }
          
          #story fieldset fieldset {
               background: white none;
               color: black;
               margin-left: 1em;
               margin-right: 1em;
               }
          
          #story .input3 input, #story .input3 select {
               font-family: "Courier New", monospace;
               font-size: 1em;
               border: 1px solid #3f85c0;
               }
          
          html>body #story .input3 input {
               padding-left: 0.2em;
               padding-right: 0.2em;
               }
          
          #story .input3 textarea {
               border: 1px solid #3f85c0;
               padding: 0.3em;
               font-family: Georgia, "Trebuchet MS", Tahoma, Verdana, Arial, Times, "Times New Roman", sans-serif;
               font-size: 0.9em;
               color: black;
               background: white none;
               }
          
          #story .input2 input {
               margin-top: 1em;
               }
          
          #story label {
               display: block;
               width: 30%;
               float: left;
               clear: left;
               }
          
          #story .label2 label {
               width: auto;
               }
          
          #story legend {
               color: black;
               font-style: italic;
               font-size: 1em;
               background: white none;
               border: 1px solid #3f85c0;
               padding-left: 0.5em;
               padding-right: 0.5em;
               padding-top: 0.1em;
               padding-bottom: 0.1em;
               }
          
          #story .hide {
               display: none;
               }
          
          
/* Ylätunniste */
          
          #header {
               margin: 0;
               padding: 0;
               width: 100%;
               height: 100px;
               background: #1188dd url(header_background_summer.jpg) no-repeat right;
               color: white;
               }
          
          #navtop {
               z-index: 10;
               position: absolute;
               top: 100px;
               left: 0;
               margin: 0;
               padding: 0;
               width: 100%;
               background: #1958b7 url(navtop_background.gif) no-repeat;
               color: white;
               }

          #navtop ul {
               margin: 0;
               padding-left: 330px;
               padding-top: 7px;
               padding-bottom: 7px;
               padding-right: 10px;
               border-top: 1px solid white;
               background: transparent none;
               clear: both;
               text-align: right;
               font-size: 0.7em;
               font-family: Verdana, Lucida, Geneva, Helvetica, Arial, sans-serif;
               }

          #navtop ul li {
               display: inline;
               border-left: 1px solid white;
               padding-left: 0.8em;
               padding-right: 0.8em;
               }
          
          html>body #navtop ul li {
               border-left: 1px dotted white;
               }
          
          #navtop ul li:first-child {
               border-left: 0;
               padding-left: 0;
               }
          
          #navtop ul li:last-child {
               padding-right: 0;
               }
          
          #navtop a, #navtop a:link, #navtop a:visited, #navtop a:active {
               color: white;
               text-decoration: underline;
               background-color: #1958b7;
               }
          
          #navtop a:hover {
               color: #104492;
               text-decoration: none;
               background-color: white;
               }
          
          
/* Alatunniste */
          
          #footer {
               padding: 0;
               margin-top: 2em;
               margin-bottom: 0em;
               margin-left: 0em;
               margin-right: 0em;
               width: 100%;
               background: #1188dd none;
               color: white;
               clear: both;
               border-top: 1px solid white;
               text-align: right;
               font-family: Verdana, Lucida, Geneva, Helvetica, Arial, sans-serif;
               }
          
          #footer p, #footer address {
               font-style: normal;
               color: white;
               font-size: 0.7em;
               margin: 0;
               padding: 10px;
               background-color: #1188dd;
               }
          
          #footer a, #footer a:link, #footer a:visited, #footer a:active {
               color: white;
               text-decoration: none;
               background-color: #1188dd;
               }
          
          #footer a:hover {
               color: white;
               text-decoration: underline;
               background-color: #1188dd;
               }
          
          
/* Sivupalkki */
          
          #leftBar {
               position: absolute;
               top: 100px;
               left: 0;
               width: 230px;
               background: transparent none;
               border-top: 1px solid white;
               z-index: 100;
               }
          
          #navcontainer {
               margin: 0;
               width: 100%;
               padding: 0;
               font-family: Verdana, Lucida, Geneva, Helvetica, Arial, sans-serif;
               font-size: 0.75em;
               background-color: #90bade;
               color: #333;
               }
          
          #navcontainer ul {
               list-style: none;
               margin: 0;
               padding: 0;
               border: none;
               }
          
          #navcontainer li {
               border-bottom: 1px solid #90bade;
               margin: 0;
               }
          
          #navcontainer li:last-child {
               border-bottom: 1px solid white;
               margin: 0;
               }
          
          #navcontainer li li:last-child {
               border-bottom: 0px solid #90bade;
               margin: 0;
               }
          
          #navcontainer li a {
               display: block;
               padding: 12px 5px 12px 10px;
               border-left: 10px solid #1958b7;
               border-right: 10px solid #508fc4;
               background-color: #2175bc;
               color: #fff;
               text-decoration: none;
               width: 100%;
               }
          
          html>body #navcontainer li a {
               width: auto;
               }
          
          #navcontainer li a:hover {
               border-left: 10px solid #1c64d1;
               border-right: 10px solid #5ba3e0;
               background-color: #2586d7;
               color: #fff;
               }
          
          #navcontainer li li {
               border-top: 1px solid #90bade;
               border-bottom: 0;
               margin: 0;
               }
          
          #navcontainer li li a {
               display: block;
               padding: 12px 5px 12px 30px;
               border-left: 10px solid #1958b7;
               border-right: 10px solid #508fc4;
               background-color: #5ba3e0;
               color: #fff;
               text-decoration: none;
               width: 100%;
               }
          
          #search {
               margin-top: 2.5em;
               text-align: center;
               }
          
          #search input {
               background-color: #2175bc;
               color: white;
               border: 1px solid #90bade;
               font-family: Verdana, Lucida, Geneva, Helvetica, Arial, sans-serif;
               font-size: 0.75em;
               }