#slideshow {
  border: 1px solid #dcdcdc;
  width: 567px;
  height: 295px;
}

#slides {
  width: 567px;
  height: 263px;
  position: relative;
}

#slides .slide {
  position: absolute;
}

#slides img {
  vertical-align: bottom;
}

#slide_nav {
  width: 543px; /* total width = width + left/right padding = 567px */
  height: 16px; /* total height = height + top/bottom padding = 32px */
  background-color: #b5b5b6;
  padding: 8px 12px;
  text-align: center;
}

#slide_nav #nav_arrow_left {
  float: left;
}

#slide_nav #nav_arrow_right {
  float: right;
}

#slide_nav #slide_nav_links {
  display: inline-block; /* to center the slide_navigation_links element which has variable width
                            depending on number of slides, 1) set display to inline-block and
                            2) set parent element text-align to center */ 
}

#slideshow #slide_nav_links li {
  float: left;
  margin-right: 6px;
}

#slideshow #slide_nav_links a {
  display: block;
  height: 17px;
  width: 17px;
  background: url('/images/home_page/carousel_dkbluesquare.png') no-repeat;
  border: 1px solid #b5b5b6;
}

#slideshow #slide_nav_links a:hover, #slideshow #slide_nav_links a.current  {
  background: url('/images/home_page/carousel_greensquare.png') no-repeat;
}