body {
 margin: 0;
 padding: 0;
 text-align: center;
 background: white;
 color: #666;
 height: 100%;
 overflow-y: auto;
 font-size: 60%;
 font-family: sans-serif;
}

img {
 border: 0px solid white;
 margin: 0;
 padding: 0;
}

#header {
 position: fixed;
  top: 0;
  z-index: 99;
 width: 100%;
 height: 148px;
 margin: auto;
 padding: 60px 0 0 0;
 background-color: white;
}

#headcontent {
 text-align: center;
}

.osh, .ush {
 position: relative;
  z-index: 40;
 width: 100%;
 font-size: 2px;
 overflow: hidden;
 }

.osh {
 top: 0;
 height 18px;
 min-height: 18px;
 background: white url('/common/overshadow.png') repeat-x bottom;
}

.ush {
 bottom: 0;
 height 18px;
 min-height: 18px;
 background: transparent url('/common/undershadow.png') repeat-x top;
 }

#menuwrap {
 position: relative;
  top: -10px;
  z-index: 30;
 text-align: center;
}

#menu {
 position: relative;
  top: 0;
 width: 766px;
 margin-left: auto;
 margin-right: auto;
}

#menu img {
 display: block;
 float: left;
}

.menulink {
 display: block;
 width: 210px;
 height: 64px;
 background: url('/common/about.jpg') top left;
 text-indent: -99999px;
 float: left;
}

.teachlink {
 background: url('/common/teach.jpg') top left;
}

.learnlink {
 background: url('/common/learn.jpg') top left;
}

.aboutlink {
 background: url('/common/about.jpg') top left;
}

#teachpage .teachlink, #learnpage .learnlink, #aboutpage .aboutlink {
 background-position: 0px 64px;
}

.menulink:hover {
 background-position: 0px 192px;
}

.menulink:active {
 background-position: 0px 128px;
}

#content {
 position: relative;
  top: 240px;
  z-index: 20;
 width: 80%;
 margin-left: auto;
 margin-right: auto;
 padding: 2em 0 80px 0;
}

h1 {
 font-size: 2em;
 text-transform: uppercase;
 letter-spacing: 1em;
 border-bottom: 1px solid #ccc;
 color: #999;
 font-weight: normal;
 padding: 1em 0 0.5em 0;
}

#footer {
 position: fixed;
  bottom: 0;
  z-index: 98;
 width: 100%;
 text-align: center;
 margin: auto;
 background-color: white;
}

#footercontent {
 text-align: center;
}

#footercontent img {
 vertical-align: -2px;
}

.hideme {
 display: none;
 visibility: hidden;
}