body
{
  margin: 0px;
  height: 100%;
  overflow: hidden;
}

body,td
{
  font-family: arial;
  font-size: 11px;
}

p,div.content
{
  margin: 0px 0px 10px 0px;
}

#wrapper
{
  position: absolute;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
}

#content
{
  margin-top:25px;
  height:90%; /* overwritten onload by Javascript */
  overflow: auto;
}

#menu1
{
  position: absolute;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 24px;
  background-color: #007600;
  padding-top: 1px;
}

#menu2
{
  position: absolute;
  left: 0px;
  bottom: 0px;
  width: 100%;
  height: 25px;
  background-color: #007600;
}

.menuitem
{
  background-color: #fefe00;
  border: 1px solid black;
  font-size: 14px;
  color: #3200FE;
  font-weight: bold;
  height: 16px;
  padding: 0px 4px 0px 4px;
  margin-top: 3px;
  margin-left: 3px;
  cursor: pointer;
}

.menuitem a
{
  color: #3200FE;
  text-decoration: none;
}

.menuitem a:hover
{
  color: #3200FE;
  text-decoration: underline;
}

/* Homepage items */

#logo
{
  position: absolute;
  width: 343px;
  height: 333px;
  left: 30%;
  top: 20%;
}

#photos
{
  position: absolute;
  left: 0px;
  top: 25px;
  width: 200px;
  height: 100%;
}

#postit
{
  position: absolute;
  width: 127px; /* 185x174 */
  height: 84px;
  right: 0px;
  top: 40px;
  padding: 39px 38px 51px 20px;
  background-image: url(images/postit.gif);
  color: black;
  font-size: 11px;
  text-align: center;
  cursor: default;
  overflow: hidden;
}

#postitHeader
{
  font-weight: bold;
}

#newspaper
{
  position: absolute;
  width: 185px;
  height: 204px;
  right: 0px;
  bottom: 25px;
  background-image: url(images/newspaper.gif);
}

#newspaperContent
{
  position: relative;
  width: 160px; /* 185x204 */
  height: 142px;
  left: 20px;
  top: 62px;
  font-size: 11px;
  overflow: hidden;
  cursor: default;
}

#newspaperContent a
{
  color: #3200FE;
}

.npClickableItemHover
{
  color: #3200FE;
}

#postitContent a
{
  color: #3200FE;
}

.piClickableItemHover
{
  color: #3200FE;
}