.wrapper {
    /*width: 360px;*/
    width:100%;
    margin: auto;
}

.carousel-wrapper {
    margin: 20px auto;
    position: relative;
   /* border: 10px solid #fff;
    -webkit-border-radius: 5px;
       -moz-border-radius: 5px;
            border-radius: 5px;
    -webkit-box-shadow: 0 0 2px #999;
       -moz-box-shadow: 0 0 2px #999;
            box-shadow: 0 0 2px #999; */
}


.carousel-wrapper .photo-credits {
    position: absolute;
    right: 15px;
    bottom: 0;
    font-size: 13px;
    color: #fff;
    text-shadow: 0 0 1px rgba(0, 0, 0, 0.85);
    opacity: .66;
}

.carousel-wrapper .photo-credits a {
    color: #fff;
}

/** Carousel **/

.carousel {
    overflow: hidden;
    /*width: 360px;*/
	width:100%;
	position:relative;
    height: 16.5rem;
}

.imageCarousel {
    height: 322px;
}

.sys_span8 .imageCarousel {
    height: 357px;
}

.carousel ul {
    width: 20000em;
    position: absolute;
    list-style: none;
    margin: 0;
    padding: 0;
}

.carousel li {
    float: left;
    padding-right: 10px;
    width: 8.75rem;
}

#subjectAreasCarousel li { padding-right: 16px; width: 260px; }

.imageCarousel li {
    float: left;
    padding-right: 16px;
    width: 398px;
}

.imageCarousel li a:hover {
	cursor: -webkit-zoom-in;
	cursor: zoom-in;
}

.sys_span6 .imageCarousel li {
    width: 398px;
}

.sys_section-content .sys_span6 .imageCarousel li {
    width: 471px;
}

.sys_span8 .imageCarousel li {
    width: 536px;
}

.sys_section-content .sys_span8 .imageCarousel li {
    width: 509px;
}

/** Carousel Controls **/

.carousel-wrapper .carousel-control-prev,
.carousel-wrapper .carousel-control-next {
    position: absolute;
    top: 55px;
    width: 36px;
    height: 36px;
    text-align: center;
    background: #fff;
    color: #999;
    text-decoration: none;
    text-shadow: 0 0 1px #000;
    font: 28px/30px Arial, sans-serif;
    /*-webkit-border-radius: 30px;
       -moz-border-radius: 30px;
            border-radius: 30px;
    -webkit-box-shadow: 0 0 2px #999;
       -moz-box-shadow: 0 0 2px #999;
            box-shadow: 0 0 2px #999;*/
	/* image replacement additions */
	background: url('../gif/image-slider-left-36px.gif') no-repeat top left;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
}

.carousel-wrapper .carousel-control-next {
	background: url('../gif/image-slider-right-36px.gif') no-repeat top left;
}

.sys_grey .carousel-control-prev {
	background: url('../gif/image-slider-left-grey36px.gif') no-repeat top left;
}

.sys_grey .carousel-control-next {
	background: url('../gif/image-slider-right-grey36px.gif') no-repeat top left;
}

.imageCarousel-prev,
.imageCarousel-next {
    position: absolute;
    top: 0px;
    width: 40px;
    height: 100%;
    text-align: center;
    color: #999;
    text-decoration: none;
    text-shadow: 0 0 1px #000;
    font: 28px/30px Arial, sans-serif;
    /*-webkit-border-radius: 30px;
       -moz-border-radius: 30px;
            border-radius: 30px;
    -webkit-box-shadow: 0 0 2px #999;
       -moz-box-shadow: 0 0 2px #999;
            box-shadow: 0 0 2px #999;*/
			
	/* image replacement additions */
	background: url('../gif/image-slider-left-30px.gif') no-repeat center left;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
}

.imageCarousel-next { 
	background: url('../gif/image-slider-right-30px.gif') no-repeat center right;
}

.sys_section-content .imageCarousel-prev { 
	background: url('../gif/image-slider-left-grey30px.gif') no-repeat center left;
}

.sys_section-content .imageCarousel-next { 
	background: url('../gif/image-slider-right-grey30px.gif') no-repeat center right;
}

.sys_grey .imageCarousel-prev { 
	background: url('../gif/image-slider-left-grey30px.gif') no-repeat center left;
}

.sys_grey .imageCarousel-next { 
	background: url('../gif/image-slider-right-grey30px.gif') no-repeat center right;
}

.sys_grey .sys_section-content .imageCarousel-prev { 
	background: url('../gif/image-slider-left-30px.gif') no-repeat center left;
}

.sys_grey .sys_section-content .imageCarousel-next { 
	background: url('../gif/image-slider-right-30px.gif') no-repeat center right;
}

.carousel-control-prev {
    left: 0px;
}

.carousel-control-next {
    right: 0px;
}

.carousel-control-prev.imageCarousel-prev {
    left: 0px;
}

.carousel-control-next.imageCarousel-next {
    right: 0px;
}

.carousel-control-prev:hover span,
.carousel-control-next:hover span {
    display: block;
}


/* signpost styles for carousels */

.sys_signposts .carousel h4, .sys_signposts .carousel h3 { font-size: 1em; color: #5f5f5f; margin: 0; line-height: 1.3em; border: none; }
.sys_signposts .carousel h4 a, .sys_signposts .carousel h3 a { background: url('../png/go-header-link-bg-round-18px.png') no-repeat right 3px; padding-right: 20px }
.sys_signposts .carousel h4.sys_link-arrow, .sys_signposts .carousel h3.sys_link-arrow { background: url('../png/go-header-link-bg-round-18px.png') no-repeat right 3px; padding-right: 20px; }
.sys_signposts .carousel h4 a, .sys_signposts .carousel h3 a { display: block; color: #5f5f5f; text-decoration: none; }
.sys_signposts .carousel h4 a:hover, .sys_signposts .carousel h3 a:hover { text-decoration: underline;  }
.sys_signposts .carousel img { padding-bottom: 8px; border-bottom: none; }

/* image sliders */
.imageCarousel-lightbox .fancybox-skin { border-radius: 0px; }
.imageCarousel-lightbox .fancybox-skin .fancybox-title-over-wrap { right: 0px; }
.imageCarousel-lightbox .fancybox-next span, .imageCarousel-lightbox .fancybox-prev span { background-position: 0px 0px; }
.imageCarousel-lightbox .fancybox-nav span { visibility: visible; width: 30px; height: 30px; }
.imageCarousel-lightbox .fancybox-next span { background: url('../gif/image-slider-right-30px.gif') no-repeat scroll left top transparent; right: 0px; }
.imageCarousel-lightbox .fancybox-prev span { background: url('../gif/image-slider-left-30px.gif') no-repeat scroll left top transparent; left: 0px; }
.imageCarousel-lightbox .fancybox-skin { background: none repeat scroll 0% 0% #FFF; }

section .carousel a:has(img) {
  display: block;
  text-decoration: none;
  border-bottom: none;
}