body {
  font: 17px "Lucida Grande", Helvetica, Arial, sans-serif;
  color: #FFFFFF;
  background-attachment: fixed;
  background-image: url("../images/hands.png");
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  max-width: 100%;
  height: auto;
  z-index: 1;
  background-color: hsla(0,0%,100%,0.70);
  background-repeat: no-repeat;
  background-size: cover;
  object-fit: scale-down;
  overflow-y: scroll;
}

.col-sm-4{
   padding-right: 1.25em;
   padding-left: 1.25em;
   padding-top: 1.125em;
}

a {
  color: #FF6644;
  font-weight: bold;
  text-decoration: none;

  overflow-wrap: break-word;
  word-wrap: break-word;
  word-break: break-word;
  /* Adds a hyphen where the word breaks, if supported (No Blink) */
  hyphens: auto;
}

a:hover {
  color: #FF0000;
  font-weight: bold;
  text-decoration: none;
  cursor: pointer;
}

h1 {
  color: #FFFFFF;
  width: 100%;
}

h4 {
  color: #FFFFFF;
}

p {
  color: #FFFFFF;
  font-weight: bold;

  overflow-wrap: break-word;
  word-wrap: break-word;
  word-break: break-word;
  hyphens: auto;
}

label {
    color: #FFFFFF;
    font-weight: bold;
}

span {
    font-weight: bold;
}

.form-group {
    padding: 0.313em;
}

.hide{
  display: none;
}

#searchresultsformdiv {
  background-color: hsla(0,0%,100%,0.07);
} 

#alternativesearchform {
  background-color: hsla(0,0%,100%,0.07);
} 

#li-googlesearch {
  color: #000000;
  background-color: #FFFFFF;
} 

#footer{
    text-align: center;
}

#msg{
    text-align: center;
} 

#searchmsg{
    text-align: center;
} 

#contactsimg {
  width:1.35em;
  height:1.35em;
} 

#googleimg {
  width:3.75em;
  height:1.25em;
} 

#centertext {
  text-align:center;
}

#smalltext {
  font-size:0.8em;
  line-height: 1.1em;
  display: block;
}  

#lbltext {
  font-style:italic; 
  padding-left:0.188em; 
  padding-top:1.063em;
}

#menubar {
  background-color: transparent;
  border-style: none;
  font-weight: bold;
  padding-right: 0.625em;
  padding-left: 0.625em;
} 

#menubar a {
  color: #FFFFFF;
} 

#searchresultsbuttondiv {
    text-align: center;
}

#searchresults {
    list-style-type: none;
    color: #FFFFFF;
    font-weight: bold;
} 

#statsresults {
    list-style-type: none;
    color: #FFFFFF;
    font-weight: bold;
} 

#btnSubmit {
    border-color: #700; 
}

#btnSearch {
    border-color: #700; 
}

#imgorg {
    padding-bottom:0.438em;
    height: 100%; 
    width: 100%; 
    object-fit: contain;
}

#clockdiv {
    background-repeat: no-repeat;
    background-size: cover;
    text-align: center;
    padding-bottom: 0.25em;
    font-weight: bold;
}

.time-text{
    text-align:center;
}

.analog-clock{
    width:8.75em;
    height:8.75em;
}

#clock-face{
    stroke:black;
    stroke-width:0.0625em;
    fill:white;
}

#clocknum{
    font-size:0.875em;
}

#h-hand, #m-hand, #s-hand, #s-tail{
    stroke:blue;
    stroke-linecap:round;
}

#h-hand{
    stroke-width:0.09375em;
}

#m-hand{
    stroke-width:0.0625em;
}

#s-hand{
    stroke-width:0.03125em;
}

