body
{
  margin: 0;
  
  font-family: Tahoma;
  font-size: 100%;

  background-color: black;
  background-image: url('images/content-background.gif');
  background-position: center center;
  background-repeat: repeat-x;
  color: white;
  
  height: 100%;
}

#header
{  
  position: absolute;
  top: 50%;
  right: 50%;

  width: 50%;
  
  margin-top: -83px;
  margin-right: 30px;
  
  padding-top: 175px;
  overflow: hidden;
  
  background-image: url('images/logo-text.gif');
  background-repeat: no-repeat;
  background-position: 0 0;
  
  width: 261px;
  height: 0 !important;
  height /**/: 175px;

}

#header h1
{
  text-align: right;
  padding-right: 30px;
  
  z-index: 2;
}

#header .tagline
{
  text-align:right;
  padding-right: 30px;
}


#members
{
  position: absolute;
  
  top: 50%;
  left: 50%;
  
  margin-top: -128px;
  
  padding-left: 30px;
}

#members h2
{
  display: none;
}

#members h3
{
  width: 350px;

  height: 75px;
}

#members a
{
  width: 350px;

  height: 75px;

  padding: 25px 200px 25px 85px;
  
  text-decoration: none;
  
  color: white;
}

#members a:hover
{
  text-decoration: underline;
}

a.dawn
{
  background-image: url('images/dawn-image.gif');
  background-position: 10px 10px;
  background-repeat: no-repeat;
}

a.dawn:hover
{
  background-image: url('images/dawn-background.gif');
  background-position: top left;
  background-repeat: no-repeat;
}

a.jason
{
  background-image: url('images/jason-image.gif');
  background-position: 10px 10px;
  background-repeat: no-repeat;
}

a.jason:hover
{
  background-image: url('images/jason-background.gif');
  background-position: top left;
  background-repeat: no-repeat;
}

a.james
{
  background-image: url('images/james-image.gif');
  background-position: 10px 10px;
  background-repeat: no-repeat;
}

a.james:hover
{
  background-image: url('images/james-background.gif');
  background-position: top left;
  background-repeat: no-repeat;
}


#footer
{
  position: absolute;
  left: 15px;
  bottom: 15px;

  z-index: 2;
  
  font-size: 60%;
  font-weight: bold;
}

#footer a
{
  color: white;

  padding-left: 55px;
  padding-top: 18px;
  padding-bottom: 15px;
  
  overflow: hidden;
  
  height: 45px;
  
  width: 400px;

  padding-right: 75px;

  text-decoration: none;
  
  background-image: url('images/help-icon.gif');
  background-position: 5px 5px;
  background-repeat: no-repeat;
}

#footer a:hover
{
  background-image: url('images/help-background.gif');
  background-position: top left;
  background-repeat: no-repeat;
}

#extra1
{
  position: absolute;
  height: 75px;
  width: 100%;
  top: 0;
  left: 0;
  
  z-index: 1;
  
  background-image: url('images/leaf-header.png');
  background-position: center center;
  
  border-bottom: 3px solid green;
}

#extra2
{
  position: absolute;
  height: 75px;
  width: 100%;
  left: 0;
  bottom: 0;
  
  z-index: 1;
  
  background-image: url('images/grass-footer.png');
  background-position: center left;
  
  border-top: 3px solid green;
}

#extra3
{
  position: absolute;
  top: 0;
  left: 50%;

  height: 100%;
  
  border-left: 2px solid black;
}