/* GLOBAL STYLES
-------------------------------------------------- */
/* Padding below the footer and lighter body text */




/* CUSTOMIZE THE NAVBAR
-------------------------------------------------- */

/* Special class on .container surrounding .navbar, used for positioning it into place. */
.navbar-wrapper {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  z-index: 20;
}

/* Flip around the padding for proper display in narrow viewports */
.navbar-wrapper .container {
  padding-right: 0;
  padding-left: 0;
}
.navbar-wrapper .navbar {
  padding-right: 15px;
  padding-left: 15px;
}


/* CUSTOMIZE THE CAROUSEL
-------------------------------------------------- */

/* Carousel base class */
.carousel {
 border-bottom:2px solid #fff;
}
/* Since positioning the image, we need to help out the caption */
.carousel-caption {
  z-index: 10;
  background:#004477;
  text-align:left;
  padding:10px 20px;
  border-top:2px solid #fff
}

.carousel-control .icon-next, .carousel-control .glyphicon-chevron-right {
    right: 17%;
}

.carousel-control .icon-prev, .carousel-control .glyphicon-chevron-left {
    left: 17%;
}

.carousel-control .icon-prev, .carousel-control .icon-next, .carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right {
    display: inline-block;
    position: absolute;
    top: 43%;
    z-index: 5;
}


.carousel-indicators .active {
    background-color: #ffffff;
	    border: 1px solid #ffffff;
    height: 7px;
    margin: 1px;
    width: 7px;
}
.carousel-indicators li {
    background-color: #9db7d1;
    border: 1px solid #9db7d1;
    border-radius: 10px;
    cursor: pointer;
    display: inline-block;
    height: 7px;
    margin: 1px;
    text-indent: -999px;
    width: 7px;
}



/* Declare heights because of positioning of img element */
.carousel .item {

  background-color: #777;
}
.carousel-inner > .item > img {
  position:static;
  top: 0;
  left: 0;
  min-width: 100%;
  max-height: 587px;
  width:auto
}


.carousel-inner strong{ color:#FEDC00; font-size:28px; line-height:32px; padding:0 10px 0 0; text-transform:uppercase; text-shadow:none}
.carousel-inner strong a{color:#FEDC00!important; text-decoration:none}
.carousel-inner strong a:hover{text-decoration:underline!important}

.carousel-inner p{ padding:0; margin:0; font-family: Helvetica, sans-serif; font-size:16px; line-height:18px;}
.carousel-indicators{ right:10px;  left:auto; margin:0; width:auto}
.carousel-indicators{ bottom:27px}

/* RESPONSIVE CSS
-------------------------------------------------- */

@media (min-width: 768px) {


}