@charset "UTF-8";
/* CSS Document */

/* Class banner sets up the banner area and the  respective (by year) banner_img contains image for that year.
      Position = relative (vs Absolute) lets it float in container.
      Width is 100% to allow it to clip the right side when browsing - if a fixed number it forces the scroll bar - should use "AUTO" according to docs (looks the same).
	   */

/* global settings: */

body {
  background-image: url(images/IMG_4062.png);
}
/*added apr 20 and not to be confused with ID #menu used in the side-bar menu */
menu {
  background-color: #ccc;
  border-color: #000;
  border-style: solid;
  padding: 0 10px 10px;
  margin: 0;
}
/*added apr 20 to center text within above menu */
.content-wrapper {
  width: 90%;
  margin: 0 auto; /* top and bottom = 0, left and right = auto (centered)*/
}

#content {
  background-color: transparent;
}
#header {
  background-image: url(banners/woodpile.png);
}

#fs3 {
  background-image: url(banners/woodpile.png);
  height: 180px;
}

.banner {
  position: relative;
  height: 200px;
  width: auto;
  color: #000;
  background-repeat: no-repeat;
  padding: 5px;
}
.banner h1 {
  color: #fff;
  padding-top: 30px;
}
.banner_img_site {
  background-image: url(../Banners/clock-banner.png);
}

#header h4 {
  /*just a couple adjustments to main css. */
  color: #000;
  left: 80px;
}