.row {
  position: relative;
  clear: both;
  float: left;
  width: 100%;
}

#picture {
  float: right;
  width: 256px;
  margin: 0 0 10px 0px;
  border: 1px solid black;
}

#title {
  float: left;
  width: 450px;
}

#intro {
  float: left;
  width: 450px;
}

#spec {
  float: left;
  color: #000000;
  width: 610px;
  background-color: #d0f0e0;
  border: 1px solid black;
}

#spec dt {
  float: left;
  clear: left;
  width: 250px;
  text-align: right;
  font-weight: bold;
}

#spec dt:after {
  content: ":";
}

#spec dd {
  margin: 0 0 0 270px;
  padding: 0 0 0.5em 0;
}

#spec ul {
  margin: 0 0 0 0;
  padding: 0 0 0 0;
}

#spec li {
  text-align: left;
  list-style-type: none;
}

#imagescroll {
  position: relative;
  overflow-x: scroll;
  overflow-y: hidden;
  border: 1px solid black;
}
#imagescroll a:link {
  color: #000;
}
#imagescroll a:visited {
  color: #000;
}
#imagescroll td {
  font-size: 10px;
  text-align: center;
}

#links {
  background-color: #ccc;
  color: #000000;
  width: 610px;
  float: left;
}

#images {
  background-color: #ccc;
  color: #000000;
  width: 610px;
  float: left;
}

#documents {
  background-color: #ccc;
  color: #000000;
  width: 610px;
  float: left;
}

#adtopright {
  float: right;
  width: 234px;
  margin: 10px;
}
#adright {
  float: right;
  width: 160px;
  margin-left: 10px;
  margin-right: 10px;
}

li.local {
  list-style-image:	url("/graphics/icon-gondolin-16x16.png");
  list-style-type:	square;
}
li.global {
  list-style-image:	url("/graphics/icon-globe-16x16.png");
  list-style-type:	square;
}