body
{
  /* background-color:#FEE; */
  background-image:url(../images/abalone.png);
}

.container
{
  margin-top: 100px;
}

.navbar-default .navbar-brand
{
  padding:0px;
  padding-top:12px;
  padding-left:10px;
}

.navbar-default .navbar-nav
{
  width:inherit;
}

.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus
{
    font-weight:bold;
    background-color: inherit;
}

.carousel-control .icon-prev,
.carousel-control .icon-next,
.carousel-control .glyphicon-chevron-left,
.carousel-control .glyphicon-chevron-right
{
  position:absolute;
  /* Chris Biddle 06/04/2017 - Using a percentage instead of pixel value causes
   * the chevron arrows to move up and down if the carousel frame expands and
   * contracts vertically. This occurs when we zoom in and the text enlarges,
   * pushing the bottom of the carousel frame. I want it to stay fixed, so I
   * am using an absolute pixel value.
   */
  top: 200px;
  /* top: 50%; */
  z-index: 5;
  display: inline-block;
  margin-top: -10px;
  border-color:#000;
}