body {
  background: url(../images/Blue-Gradient.png) repeat-x #4CA7C1 left top;
  margin: 0;
  padding: 0;
}

div.clear{ clear: both; }

.hidden { display: none; }

div#container {
  width: 960px;
  margin: 0 auto;
}

div#header {
  background: url(../images/Tabs.png) no-repeat 30px bottom;
  padding: 30px 0 0;
}

div#family-tree {
  background: url(../images/Family-Tree.png) no-repeat left top;
  height: 249px;
  width: 960px;
  margin: 0;
}
div#family-tree div.row {
  display: block;
  height: 15px;
}
div#family-tree div#row2 {
  padding: 12px 97px 10px 0;
}
div#family-tree div#row3 {
  margin: 12px 58px 10px 0;
}
div#family-tree div#row4 {
  margin: 22px 82px 10px 0;
}
div#family-tree div#row5 {
  margin: 22px 187px 10px 0
}
div#family-tree div#row6 {
  margin: 22px 375px 10px 0;
}
div#family-tree div#row7 {
  margin: 22px 447px 10px 0;
}

div#family-tree a, div#family-tree a:active, div#family-tree a:visited, div#family-tree a:link {
  text-indent: -9999px;
  float: right;
  height: 15px;
  outline: none;
}
div#family-tree a#elias-moses {
  width: 98px;
}
div#family-tree a#elias-moses:hover {
  background: url(../images/Elias-Moses.png) no-repeat left top;
}
div#family-tree a#isaac-marsden {
  width: 179px;
}
div#family-tree a#isaac-marsden:hover {
  background: url(../images/Isaac-Marsden.png) no-repeat left top;
}
div#family-tree a#heinrich-mayer {
  width: 125px;
  padding-right: 13px;
}
div#family-tree a#heinrich-mayer:hover {
  background: url(../images/Heinrich-Mayer.png) no-repeat left -1px;
}
div#family-tree a#jacob-schwarzschild {
  width: 169px;
  padding-right: 23px;
}
div#family-tree a#jacob-schwarzschild:hover {
  background: url(../images/Jacob-Schwarzschild.png) no-repeat left -1px;
}
div#family-tree a#adela-marsden {
  width: 128px;
}
div#family-tree a#adela-marsden:hover {
  background: url(../images/Adela-Marsden.png) no-repeat left top;
}
div#family-tree a#raissa-lichtenstein {
  width: 236px;
  padding-right: 30px;
}
div#family-tree a#raissa-lichtenstein:hover {
  background: url(../images/Raissa-Lichtenstein.png) no-repeat left top;
}
div#family-tree a#david-sisserman {
  width: 136px;
  padding-right: 14px;
}
div#family-tree a#david-sisserman:hover {
  background: url(../images/David-Sisserman.png) no-repeat left top;
}
div#family-tree a#alfred-mayer {
  width: 105px;
  padding-right: 49px;
}
div#family-tree a#alfred-mayer:hover {
  background: url(../images/Alfred-Mayer.png) no-repeat left top;
}
div#family-tree a#evelina-schwarzschild {
  width: 186px;
}
div#family-tree a#evelina-schwarzschild:hover {
  background: url(../images/Evelina-Schwarzschild.png) no-repeat left top;
}
div#family-tree a#george-seymour {
  width: 140px;
  padding-right: 105px;
}
div#family-tree a#george-seymour:hover {
  background: url(../images/George-Seymour.png) no-repeat left top;
}
div#family-tree a#nora-mayer {
  width: 99px;
}
div#family-tree a#nora-mayer:hover {
  background: url(../images/Nora-Mayer.png) no-repeat left top;
}
div#family-tree a#anthony-seymour {
  width: 155px;
}
div#family-tree a#anthony-seymour:hover {
  background: url(../images/Anthony-Seymour.png) no-repeat left top;
}

div#tabs {
  margin: 0 0 0 30px;
}
div#tabs ul {
  margin: 0;
  padding: 0;
}
div#tabs ul li {
  float: left;
  list-style: none;
}
div#tabs a#family-tree-button {
  width: 188px;
  height: 47px;
  text-indent: -9999px;
  float: left;
  outline: none;
}
div#tabs a:hover#family-tree-button, div#tabs a.on#family-tree-button {
  background: url(../images/Tabs-Shine.png) no-repeat right bottom;
}

div#tabs a#albums-button {
  width: 188px;
  height: 47px;
  text-indent: -9999px;
  float: left;
  margin-right: 11px;
}
div#tabs a:hover#albums-button, div#tabs a.on#albums-button {
  background: url(../images/Tabs-Shine.png) no-repeat 50% bottom;
}
div#tabs a#pages-button {
  width: 188px;
  height: 47px;
  text-indent: -9999px;
  float: left;
  margin-right: 11px;
}
div#tabs a:hover#pages-button, div#tabs a.on#pages-button {
  background: url(../images/Tabs-Shine.png) no-repeat left bottom;
}

div#content {
  background-color: white;
  width: 940px;
  padding: 10px;
  margin: 40px 0;
}

div#footer {
  text-align: center;
  width: 940px;
  background-color: white;
  padding: 10px;
}

div#header li {
  list-style: none;
}

div#albums {
  background: url(../images/Header.png) left top;
  color: #ccc;
  padding: 7px 15px;
  margin: 0;
}
div#albums a, div#albums a:link, div#albums a:visited, div#albums a:active {
  color: #ccc;
  text-decoration: none;
}
div#pages {
  background: url(../images/Header.png) left top;
  color: #ccc;
  padding: 7px 15px;
  margin: 0;
}
div#pages a, div#pages a:link, div#pages a:visited, div#pages a:active {
  color: #ccc;
  text-decoration: none;
}

/* Photo viewer */
#photo_viewer_container {
  margin: 30px 0;
  height: auto !important; height: 628px;
  min-height: 628px;
}
#photo_viewer_photo {
  width: 960px;
  height: 537px;
  background: url(/images/Blue-Loader.gif) no-repeat center center;
}

#photo_viewer_thumbs {
  margin: 0;
  padding: 5px;
  background-color: #ffffff;
  text-align: center;
  height: auto !important; height: 81px;
  min-height: 81px;
}
#photo_viewer_thumbs p {
  display: block;
  padding: 0;
  margin: 0;
}
#photo_viewer_thumbs p a {
  text-decoration: none;
  color: black;
}
#photo_viewer_thumbImages {
  display: inline;
  margin: 0 auto;
}
#photo_viewer_thumbImages a {
  border: 3px solid black;
}
#photo_viewer_thumbImages img {
  margin: 0 10px;
}
#photo_viewer_thumbImages img.thumb:hover {
  cursor: pointer;
}

div#preLoad {
  display: none;
}

/* Edit buttons */
p.edit a {
  background: url(../images/EditBG.png) no-repeat;
  width: 79px;
  height: 17px;
  color: #444;
  display: block;
  float: left;
  padding: 7px 0 9px;
  text-decoration: none;
  text-align: center;
  font-weight: bold;
  margin: 0 6px;
}