html, body
{
  height: 100%;
  width: 100%;
}

body
{
  background-color: #808080;
  background-image: url(background.jpg);
  background-repeat: no-repeat;
  background-position: center;
  padding: 0px 0px 0px 0px;
  margin: 0px 0px 0px 0px;
}

.content
{
  position: absolute;
  left: 50%;
  margin-left: -250px;
  top: 50%;
  margin-top: -230px;
  width: 615px;
  height: 500px;
  overflow: auto;
}

body, .content, p, div, td, a, a:hover, a:visited
{
  font-family: Verdana;
  font-size: 10px;
  color: #808080;
}
#imgdiv
{
  border-right: black 1px dotted; 
  border-top: black 1px dotted;
  border-bottom: black 1px dotted;
  border-left: black 1px dotted;
  overflow: auto;
  width: 580px;
  height: 67px;
}
#showimg
{
  height: 480px;
}
.menu
{
  position: absolute;
  left: 50%;
  margin-left: -370px;
  top: 50%;
  margin-top: -260px;
  width: 118px;
  height: 520px;
  border-right: 1px dotted #808080;
}

.menu ul
{
  list-style: none;
  margin: 5px;
}

.menu li
{
  margin: 5px;
}

.menu ul a
{
  font-weight: bold;
  text-decoration: none;
  font-family: Verdana;
  font-size: 10px;
  color: #808080;
  height: 15px;
}
.submenuitem
{
  text-decoration: none;
  font-family: Verdana;
  font-size: 9px;
  color: #808080;

}

.menuitem:hover, .submenuitem:hover, .submenuitem_over, .menuitem_over
{
  text-decoration: underline;
}

.projectname
{
  position: absolute;
  right: 50%;
  margin-right: -290px;
  top: 50%;
  margin-top: -260px;
}