body{
  background-color: #AAAAAA;
}

.hiddenContainer{
  margin-top: 25px;
  display: none;
}

.headerTable{
  margin-top: 30px;
  margin-left: auto;
  margin-right: auto;
  font-size: 120%;
}
.sliderTable{
  margin-top: 150px;
  margin-left: auto;;
  margin-right: auto;;
  margin-bottom: 25px;
}

.headerTable-entry{
  color: white;
  padding: 20px;
}

.sliderSub{
  text-align: center;
  font-size: 150%;
  color: white;
}
.sliderTable-entry{
  padding: 20px;
}

a{
  color: white;
}
a:link{
  text-decoration: none;
  color: white;
}
a:visited{
  text-decoration: none;
  color: white;
}
a:hover{
  text-decoration: none;
  color: black;
}
a:active{
  text-decoration: none;
  color: white;
}
a:focus{
    outline: 0 !important;
}
.sliderSub-link:hover{
  color: white;
}
#peterBaronLink{
  color: black;
  text-align: center;
}

button{
  color: white;
  background: none !important;
  border: none;
  padding: 0 !important;
}
button:hover{
  color: black;
}
button:focus{
    outline: 0 !important;
}

h1{
    color: white;
    text-align: center;
    margin-top: 50px;
}

.text-quote-source{
    font-weight: bold;
}

/* ---BOOTSTRAP--- */

/* Dropdown */

#dropdown-btn{
    color: white;
    text-decoration: none;
}
#dropdown-btn:hover{
    color: black;
    text-decoration: none;
}
#dropdown-btn:focus{
    text-decoration: none !important;
    outline: 0 !important;
}

#dropdown-title{
    color: black;
    font-weight: normal;
    text-align: center;
}

.dropdown-menu{
    background-color: #BBBBBB;
}

.divider{
    background-color: #999999 !important;
}

#dropdown-back{
    font-size: 80%;
    text-align: center;
}

.thumbnail{
    background-color: #AAAAAA;
    margin-top: 50px;
    margin-left: 70px;
    border: 0px;
    align:  center;
    margin-bottom: 6px;
}

.container-fluid{
    margin-top: 30px !important;
    margin-right: 10px;
    margin-bottom: 50px;
}

.modal{
    margin-top: 100px;
}

.modal-dialog{
    position: relative;
    display: table;
    overflow-y: auto;    
    overflow-x: auto;
    width: auto;
}

.modal-content{
    background-color: #AAAAAA;
}


.img-responsive{
    border: 1px solid #ccc;
}

.img-responsive:hover{
    border: 1px solid #777;
}

#thumb-large{
    border: 0px !important;
    cursor: pointer;
}

.thumb{
    width: auto;
    max-height: 90px;
}
    
div.img {
    margin: 5px;
    border: 1px solid #ccc;
    float: left;
    width: 180px;
}

div.img:hover {
    border: 1px solid #777;
}

div.img img {
    width:  100%;
    height: auto;
}

.text-col{
    margin-top: 30px;
}