body
  {
  margin: 0;
  padding: 3em 0 3em 0;
  color: #000;
  background: #fff;
  font-size: 1em;
  }
div#header
  {
  overflow: auto;
  width: 100%;
  height: 7em;
  position: absolute;
  top: 0;
  left: 0;
  color: #000;
  background: #000;
  }
#foottabs {
	overflow: auto;
	width: auto;
	position: absolute;
	bottom: 0;
	right: 0;
	background: transparent;
	z-index: 2;
}
.foottab {
	color: #000;
	font-weight: bold;
	background: #F62;
	margin-right: 2px;
	padding: 0 2px 0 2px;
	border: 1px solid #000;
	border-bottom: 0;
	float: right;
}
.footopen
  {
	z-index: 1;
	overflow: hidden;
	width: 100%;
	height: 3em;
	position: inherit;
	bottom: 0;
	left: 0;
	color: #000;
	background: #000;
	padding: 0px;
  }
.footclose
  {
	z-index: 1;
  overflow: auto;
  width: 100%;
  height: 0em;
  position: absolute;
  bottom: 0;
  left: 0;
  color: #000;
  background: #ddd;
  }


@media screen
  {
  body>div#header
    {
    position: fixed;
    }
  body>div#footer
    {
    position: fixed;
    }
  body>div#foottabs
    {
    position: fixed;
    }
  /* Very ugly fix for page anchors */
  ol>li#dog3
    {
    margin-top: -6em;
    padding-top: 6em;
    }
  }