/* make sure .bars isn't smaller than photobar or logobar.  This is set here 
   rather than bars.css or navbar.css because we only want this behavior when
   the photobar (and thus logobar) are included on the page.
*/
.bars {
    min-width: 887px;
}

/* colors are set in colors_photobar.css */
.photobar {
/*  border: 1px outset navy; /**/
  /*position: relative; */
  width: 100%; /**/
/*  margin: 0px; */
  /*overflow: auto; /**/
  float: left; 
  padding: 0.3em 0px;
/* set z-index because IE creates stacking contexts at incorrect points */
}

/* Fix for IE's buggy z-index implementation */
#PhotoBar {
  z-index: 1000;
}

.photobar .photoScroller {
/*   width: 860px; /* for height=120 thumbs, x 5*/
/*   width: 716px; /* for height=100 thumbs, x 5*/
/*   width: 783px; /* for height=100 thumbs, x 6*/
   width: 850px; /* for height=100 thumbs, x 6*/

/*   position: relative; */
/*   border: 1px solid red; /**/
}

/* Centered photobar */
.photobar { 
  text-align: center;
  position: relative;
    min-width: 850px;
}
.photobar .photoScroller { 
  margin-left: auto ! important;
  margin-right: auto ! important;
}


.explanation {
/*  display: none; */

  position: absolute;
  top: -2000px;
  z-index: 200;
}

.explanation .content {
  border: 1px outset #9AB5DB;
  padding: 3px;
  padding-right: 15px;
  text-align: center;
}

.explanation.rightEdge {
/*  display: none; */
}

/*
.explanation.leftEdge {
  left: 0px;
}
*/

.explanation.rightEdge {
  left: auto;
  right: 0px;
}

.explanation img.horz {
  width: 35em;
}

.explanation img.vert {
  width: 20em;
}

.explanation .caption {
  clear: both;
}

.photobar .caption {
  margin-top: 0.5em;
  margin-bottom: 0.5em;
}