/****** HEADER ******/
#header {
  background-color: #333;
  color: #aaa;
  }

#header #topNavBar {
  background-color: #111;
  margin: 0;
  padding: 0.3em 1em;
  text-align: right;
  text-transform: lowercase;
  }

#topNavBar a:link, #topNavBar a:visited {
  
  }

#topNavBar a:active, #topNavBar a:hover {
  color: #5f84c5;
  }

#header h1 {
  background: url(/images/site/mist-panoramic.jpg) no-repeat top center;
  height: 212px;
  margin: 0;
  padding: 0;
  }

#header h1 a {
  background: url(/images/site/ccdo.png) no-repeat 1.5em 0.7em;
  display: block;
  height: 212px;
  text-indent: -200em;
  }

#header h1 a:hover {
  color: #b5b5aa;
  text-decoration: none;
  }


/****** navmenu ******/

#header #bottomNavBar {
  background-color: #222;
  margin: -2.8em auto 0 auto;
  width: 64em;
  }

#header #navMenu {
  border-top: 1px solid #555;
  margin: 0;
  padding: 0;
  }

#navMenu ul {
  display: inline;
  float: left;
  list-style-type: none;
  margin: 0;
  padding: 0 1em 0 0;
  }

#navMenu ul li {
  border-right: 1px solid #555;
  float: left;
  font-family: Georgia, serif;
  font-size: 0.9em;
  letter-spacing: 0.2em;
  margin: 0;
  padding: 0;
  text-transform: uppercase;
  }

#navMenu ul a {
  color: #b5b5aa;
  display: block;
  float: left;
  font-weight: normal;
  padding: 1em;
  text-decoration: none;
  }

#navMenu ul a:link, #navMenu ul a:visited {
  background-color: transparent;
  }

#navMenu ul a:active, #navMenu ul a:hover {
  background-color: #111;
  }

/****** highlight active section ******/

#homePage #homeLink,
#aboutPage #aboutLink,
#archivePage #archiveLink,
#reviewsPage #reviewsLink,
#galleryPage #galleryLink {
  background-color: #111;
  padding: 1em;
  }

#homePage #homeLink:hover,
#aboutPage #aboutLink:hover,
#archivePage #archiveLink:hover,
#reviewsPage #reviewsLink:hover,
#galleryPage #galleryLink:hover {
  background-color: #222;
  padding: 1em;
  }