body {
  background: white;
  color: black;
  font-family: sans-serif;
  margin: 10px auto;
  padding: 0;
  background-color: #c5d7fb;
  width: 800px;
}

body, td, th, input {
  font-size: 11px;
}

a:link, a:visited {
  color: #006699;
  text-decoration: underline;
  cursor: pointer;
}

a:hover, a:active {
  color: #ff0000; 
  text-decoration: underline;
  cursor: pointer;
}

img {
  border: none;
}

th, td {
  vertical-align: top;
  padding: 1px;
}

applet {
  margin: 10px;
  display: block;
}

th {
  text-align: left;
  white-space: nowrap;
  padding: 1px 10px;
}

ul, ol {
  margin-top: 10px;
  margin-bottom: 10px;
}

p {
  margin: 1em 10px;
}

/* menu/content area width's */

/* for internet explorer */
div.orbital { width: 820px; }

/* for non-broken browsers */
div#border4 > div.orbital { width: 794px; }

div#border0,
  div#border1 {
    margin: 0;
    padding: 0;
  }

div#border0 {
  text-align: center;
  background: #c5d7fb;
  margin-bottom: 10px;
}

div#border1 {
  background: white;
  margin: 0 auto 0 auto;
  width: 761px;
  text-align: left;
  border: 1px solid #006699;
}

div#suomipop-title {
  padding: 0;
  margin: 0;
  background: transparent url('/pics/yla_tausta.jpg') top left no-repeat;
  height: 96px;
}

div#suomipop-title div.maf-banner1 {
  text-align: right;
  padding: 18px 18px 0 0;
}

div#suomipop-title iframe {
  width: 468px;
  height: 60px;
  margin: 0;
}

#suomipop-title img {
  padding: 0;
  margin: 0;
}

div.orbital {
  background: white;
  padding-top: 20px;
}

div#logo {
  float: left;
  padding: 0 0 20px 20px;
  background: white;
}

div#logo a {
  display: block;
  background: white url('/pics/logo.gif') top left no-repeat;
  width: 143px;
  height: 51px;
}

div#test {
  background: #006699 url('/pics/menu_tausta.gif') top left repeat-x;
  /*  border-top: 1px solid #006699; */
  /*  height: 52px; */
}

/* Main menu */

div#menu {
  margin: 0;
  padding: 0 0 0 9px;
  height: 26px;
  
  /*  border: 1px solid black; */
}

div#menu ul {
  margin: 0;
  padding: 0;
}

div#menu li {
  float: left;
  margin: 0 15px 0 0;
  padding: 6px 5px 6px 5px;
  
  list-style-type: none;
  list-style-position: outside;
  font-size: 12px;
  
  height: 15px;
}

div#menu a {
  font-weight: bold;
  text-decoration: none;
}

div#menu a:link,
  div#menu a:visited {
    color: white;
  }

div#menu a:active,
  div#menu li.selected a {
    color: white;
  }
div#menu li:hover {}
div#menu a:hover {
  color: #eee;
}

div#menu li.selected {
  background: #006699;
}

div#menu li.selected span {}

/* Sub menu */

div#submenu {
  background-color: #006699;
  clear: both;
  margin: 0;
  padding: 0 0 0 14px;
}

div#submenu ul {
  margin: 0;
  padding: 0;
}

div#submenu li {
  float: left;
  margin: 0 0px 0 0;
  padding: 3px 10px 3px 10px;
  list-style-type: none;
  list-style-position: outside;
  background-color: #006699;  
}

div#submenu a:link,
  div#submenu a:visited {
    color: white;
    font-size: 11px;
    letter-spacing: 0.1ex;
    text-decoration: none;
  }

div#submenu a:hover,
  div#submenu a:active,
  div#submenu li.selected a {
    color: white;
  }

div#submenu .last {
  background-image: none;
}

.floatcleaner {
  clear: both;
  line-height: 0%;
}

select, textarea {
  color: black;
  background-color: white;
  border: 1px inset #686868;
}

pre#maf-debug {
  color: #567;
  background: #cde;
  font-family: 'lucida console', monospace;
  font-size: x-small;
  padding: 20px;
  margin: 10px 0;
  clear: both;
}