* { padding: 0; margin: 0; }

body {
  font: 11px Georgia,Arial,Helvetica,sans-serif;
  background: #828474 url('images/page_bg.gif') repeat-x;
  color: #503d39;
  text-align: center;
}

p { 
  text-align: justify;
  padding: 15px 0 20px 0;
  color: #503d39;
  line-height: 1.5em;
  background: transparent url('images/kuvio_brown.jpg') no-repeat center bottom;
}

h1 {
  font: italic bold 18px Georgia,Arial,Helvetica,sans-serif;
  padding: 10px 0 0px 0;
  color: #503d39;
  border-bottom: 1px solid #503d39;
}

h2 {
  font: italic bold 14px Georgia,Arial,Helvetica,sans-serif;
  padding: 10px 0 0px 0;
  color: #503d39;
}

a:link, a:active, a:visited { color: #503d39; text-decoration: underline; }

a:hover { color: #503d39; text-decoration: none; }

td { padding: 2px 2px 2px 2px; }

#top_image { height: 200px; background: #828474 url('images/page_bg.gif') repeat-x; }

#container {
  width: 580px;
  height: 100%;
  margin: 0 auto 0 auto;
  text-align: left;
  background: transparent url('images/container_bg.gif') repeat-y;
}

#menu {
  float: left;
  width: 130px;
  height: 100%;
  padding: 20px 0 0 0;
}

#menu ul {
  padding-bottom: 65px;
  background: transparent url('images/kuvio_white.jpg') no-repeat center bottom;
}

#menu li { list-style-type: none; }

#menu li a:link, #menu li a:visited, #menu li a:active {
  display: block;
  width: 125px;
  margin-left: 10px;
  padding: 2px 0 2px 15px;
  color: #fff;
  font: bold 11px Arial,Helvetica,sans-serif;
  text-decoration: none;
  border-top: 1px solid #0c2238;
  border-bottom: 1px solid #0c2238;
}

#menu li a:hover {
  display: block;
  width: 125px;
  margin-left: 10px;
  padding: 2px 0 2px 15px;
  color: #fff;
  font: bold 11px Arial,Helvetica,sans-serif;
  text-decoration: none;
  border-top: 1px solid #fff;
  border-bottom: 1px solid #fff;
}

#menu_selected {
  display: block;
  width: 125px;
  margin-left: 10px;
  padding: 2px 0 2px 15px;
  color: #fff;
  font: bold 11px Arial,Helvetica,sans-serif;
  text-decoration: none;
  border-top: 1px solid #fff;
  border-bottom: 1px solid #fff;
  background-color: #42485a;
}

#menu p {
  text-align: left;
  padding: 15px 0 20px 25px;
  color: #fff;
  line-height: 1.5em;
  background: none;
}

#content {
  margin-left: 152px;
  margin-right: 10px;
  height: 100%;
  padding: 0 20px 0 20px;
  background: transparent url('images/content_bg.gif') repeat-x;
}

#content img { margin: 2px 10px 2px 10px; }

#content li { margin-left: 20px; }

#footer {
  clear: both;
  width: 580px;
  height: 50px;
  padding-top: 10px;
  background: transparent url('images/footer_img.gif') no-repeat left bottom;
}

#footer span {
  display: block;
  width: 419px;
  margin: 5px 30px 0 151px;
  padding: 5px 0 5px 0;
  font: italic 10px Georgia,Arial,Helvetica,sans-serif;
  color: #503d39;
  border-top: 1px solid #503d39;
  border-bottom: 1px solid #503d39;
  text-align: center;
  background-color: #c6b387;
}

#footer span a:link, #footer span a:visited, #footer span a:active {
  font: italic 10px Georgia,Arial,Helvetica,sans-serif;
  color: #503d39;
  text-decoration: none;
}

#footer span a:hover {
  font: italic 10px Georgia,Arial,Helvetica,sans-serif;
  color: #503d39;
  text-decoration: underline;
}

#luoimage { border: 1px solid #503d39; }