/*
  National Park Service primary .css file
  Jeremy Greene
  Created:  22 Sept 08
  Modified: 10 Oct 08
*/

/* Removes border from imgs within anchor tabs */
a img
{
  border:0px;
}

/* Centers page between left and right window sides */
body
{
  text-align:center;
  margin-top:0;
  margin-left:auto;
  margin-right:auto;
  margin-bottom:0;
}

div
{
  text-align:center;
  margin-left:auto;
  margin-right:auto;
}

/***********************************************************************/

/* HEADERBANNER div for each page, contains NPS images */
#headerBanner
{
  width:980px;
  height:70px;
  background-color:black;
  text-align:center;
}

#headerBanner table
{
  text-align:center;
  width:980px;
  height:70px;
  border:0px;
}

#headerBanner table tr td#left
{
  width:50%;
  text-align:left;
  background-color:black;
}

#headerBanner table tr td#right
{
  text-align:right;
  background-color:black;
}

/***********************************************************************/

/* Main division in all bio holding logo, img and data - style tag in HTML for background */
#staticBGPerson
{
  position:relative;
  top:0px;
  width:980px;
  height:660px;
}

/* div in bio pages for smaller WOF logo (not a bg img, for alt text) */
#centLogoPerson
{
  position:absolute;
  left:560px;
  top:0px;
  width:224px;
  height:155px;
  z-index:1;
}

/* division holding bio Portrait - bio only */
#personalImage
{
  position:absolute;
  text-align:left;
  top:35px;
  left:0px;
  width:418px;
  height:560px;
}

#wofImage
{
  position:absolute;
  text-align:left;
  top:-150px;
  left:0px;
  width:418px;
  height:560px;
}

/* division holding nameTitle and dataListing for each bio */
#personalData
{
  position:absolute;
  top:130px;
  right:35px;
  width:540px;
  height:540px;
}

/* division holding navTable - bio only */
#navMenu
{
  position:relative;
  top:15px;
  left:185px;
  width:540px;
  height:140px;
}

/* table for bio pages containing BACK and NEXT buttons */
#navLINKS
{
  position:absolute;
  top:110px;
  height:51px;
  width:540px;
}

#navLINKS tr td#navLEFT
{
  width:270px;
  height:50px;
  text-align:left;
}

#navLINKS tr td#navRIGHT
{
  width:270px;
  text-align:right;
}

/***********************************************************************/

/* Puts repeating BG on BIO pages only, bios only <body> */
.bios 
{
  background:url('../images/repBackground.jpg') repeat-y center top;
}

/* table continaing Name, Title, Date, Biography */
.BIO
{
  font-family:Arial;
  right:0px;
  width:540px;
  padding:0px 0px 0px 0px;
}

.BIO tr
{
  vertical-align:top;
}

/* NameTitle Name Formatting */
.BIO tr#NAME
{
  text-transform:uppercase;
  font-size:26px;
  line-height:23px;
  text-align:center;
  font-weight:bold;
}

.BIO tr#NAME td.longname
{
  font-size:24px;
}

.BIO tr#NAME td.verylongname
{
  font-size:22px;
}

/* NameTitle Title Formatting */
.BIO tr#TITLE
{
  font-size:14px;
  text-align:center;
  font-weight:bold;
}

/* NameTitle Date Formatting */
.BIO tr#DATE
{
  font-size:17px;
  text-align:center;
  font-weight:bold;
}

/* table containing Biography Text */
.BIO tr#dataListing
{
  left:0px;
  text-align:left;
  width:540px;
  font-size:13px;
}

.BIO tr#dataListing td p
{
  text-align:left;
  font-size:14px;
  font-family:Arial;
}

/* Default table formatting, cellpadding, cellspacing, etc */
.BIO tr td
{
  padding:0px 0px 0px 0px;
}

/* NAME/TITLE/etc table */
.nameTab
{
  width:540px;
  text-align:center;
}

/* table containing navigation toolbar buttons */
.navTable
{
  margin-bottom:0px;
  margin-left:0px;
  margin-right:0px;
  margin-top:0px;
  height:140px;
  width:540px;
}

.navTable tr#navMAINMENU
{
  vertical-align:top;
  text-align:left;
  height:52px;
}

/* Default table formatting, cellpadding, spacing, etc */
.navTable tr td
{
  padding:0px 0px 0px 0px;
}

.navTable tr td a
{
  font-size:13px;
  font-weight:bold;
  font-family:Arial;
  color:#A22;
  text-decoration:none;
}

.navTable a:hover
{
  text-decoration:none;
  color:#C21;
}

/* Manually set td size to limit the size of the nameTab text */
/* (no overlapping with buttons) */
.space1
{
  width:100px;
}

.space2
{
  width:409px;
}

