.anythingSlider { width: 565px; height: 305px; position: relative; margin: 0; float: left; border: 1px solid #D4E9F9; background-color: #fff; } /* was w=941, h=313 */

.anythingSlider .wrapper { width: 543px; overflow: auto; height: 283px; margin: 5px; position: absolute; top: 0; left: 0; border: 6px solid #d4e9f9; }

/* Width below is max for Opera */

.anythingSlider .wrapper ul { width: 32700px; list-style: none; position: absolute; top: 0; left: 0; background: #fff; margin: 0; }

.anythingSlider .wrapper ul li { display: block; float: left; padding: 0; height: 218px; width: 543px; margin: 0; text-align: right; }

.anythingSlider .wrapper ul li img { margin-top: 4px; }

.infoBox, .infoBox1 {
  position: absolute;
  text-align: left;
  z-index: 4;
  background-color: #fff;
  padding: 4px 4px;
  top: 0;
  width: 231px; /* width of wrapper minus width of images minus left and right padding of infobox is equal to space available for infobox */
  font-size:12px;
  height: 155px; /* height of wrapper minus available height for text box */
  font-family: helvetica;
  margin-left: -544px; /* this hides the next or previous slide */
  /*border: 1px solid #f00;*/
}

.infoBox h3 {
  font-size: 18px; /* was 20px */
  color: #3689ce;
  /*new */
  margin-bottom: .25em; /* overwrites the h3 margin-bottom specified from the top of the style sheet */
}

/* new */
.infoBox br+br { display: none; }  /* the xml file adds too much space for the "see more" link. This hides the extra br. */
.infoBox img { margin-top: .75em; } /* but this will add just a little space back */
.infoBox a:focus img, .infoBox a:hover img { border: 1px dashed #ccc; }
.infoBox h3 a { text-decoration: none; }

.thumbNav { min-width: 241px; position: absolute; top: 239px; z-index: 2; background-color: #d4e9f9; display:inline-block; left: 7px; padding-top: 9px; width: 547px; } /* this is the box that holds the panel number links */

.thumbNav ul { margin-left: 1px; }

.thumbNav li { display: inline; }

.thumbNav a { display: inline-block; padding: 8px 7px; height: 16px; margin: 0 4px 0 0; text-align: center; border: 1px solid #03579d; font-family: verdana; color: #03579d; text-decoration: none; }

.thumbNav a:hover { background-image: none; background: #5f9cce; color: #d4e9f9; text-decoration: underline; }

.thumbNav a.cur { background: #5f9cce; color: #d4e9f9; }

.start-stop { z-index: 0; background: #f2f6f9; color: #000; /*background-color: #f00; padding: 2px 5px;*/ width: 1px; text-align: center; position: absolute; right: 45px; top: 235px; display: none; }

.start-stop.playing { background-color: #f2f6f9; }

.start-stop:hover { background-image: none; color: #f2f6f9; }

div.anythingSlider a.start-stop { color: #5f9cce; } /* new - keeps the start-stop link on the screen but very well hidden */ /* #f2f6f9 */

/* Prevents */

.anythingSlider .wrapper ul ul { position: static; margin: 0; background: none; overflow: visible; width: auto; border: 0; }
.anythingSlider .wrapper ul ul li { float: none; height: auto; width: auto; background: none; }
.wrapper ul li a img { border: 1px solid transparent; }
.wrapper ul li a:focus img, .wrapper ul li a:hover img { border: 1px dashed #ccc; }