/*
 * NAVBAR
 *
 * this stylesheet positions and styles the main navbar at the top of the page and also the sidebar nav
 *
 * there is also a little css in hoover.js, which is needed to overcome IE6/7 issues
 *
 */

#navigation-menu a:link,
#navigation-menu a:visited {
	text-decoration: none;
	color: #ffffff;
	border: 0;
}

#navigation-menu a:hover {
	color: #e7d19a; /* sandstone */
}

#navigation-menu a:active {
	color: #cccccc;
}

#navigation-menu li a.menu-button:link,
#navigation-menu li a.menu-button:visited {
  color: #3c3623;
  border: 0;
}

#navigation-menu {
  position: relative;
  z-index: 100;
  float: left;
  list-style-type: none;
  margin: 0;
  padding: 0;
}

/* assign class twolines to the <> if the text is long and needs to be on two lines */
#navigation-menu li.twolines {
	line-height: 18px; /* should be half of {#navigation-menu li height} */
}

#navigation-menu li {
  color: #3c3623;
  border: 1px solid #3c3623;
  width: 119px;
  height: 36px;
  line-height: 36px;
  float: left;
  margin-right: -1px;
  text-align: center;
  vertical-align: middle;
  background-color: #c2b7a1;
/*  text-shadow: 2px 2px 2px #999999; */
  display: block;
}

#navigation-menu li:hover,
#navigation-menu li.over {
  background-color: #990000; /* cardinal */
}

#navigation-menu li:hover a.menu-button:link,
#navigation-menu li:hover a.menu-button:visited,
#navigation-menu li.over a.menu-button:link,
#navigation-menu li.over a.menu-button:visited {
  color: #e7d19a; /* sandstone */
/*	text-shadow: 2px 2px 2px #333333; */
}

#navigation-menu li:hover div.menu-content,
#navigation-menu li.over div.menu-content {
  display: block;
}

#navigation-menu div.menu-content {
  position: absolute;
  top: 37px;  /* should be (2 * {#navigation-menu li height}) + 1 */
  left: 0;
  width: 959px;
  border: 1px solid #3c3623;
  border-top: 0;
  background-color: #990000; /* cardinal */
  line-height: 1.5em;
  text-align: left;
  z-index: 100;
  box-shadow: rgba(0, 0, 0, 0.4) 10px 10px 10px;
/*  text-shadow: 2px 2px 2px #333333; */
  display: none;
}

#navigation-menu div.menu-content div.column {
  margin-right: 0.5em;
  padding: 0.5em;
  float: left;
  clear: none;
  color: #bbbbbb;
}

#navigation-menu div.menu-content.right div.column {
  float: right;
}

#navigation-menu div.menu-content div.column a {
  display: block;
  border: 0;
}

/* ============ end main nav bar/start side nav bar ====================== */

.sidebar-nav {
  margin: 0;
  padding: 0.5em;
  font-size: small;
}

.sidebar-nav li {
  list-style-type: none;
  line-height: 1.2em;
  padding: 0.2em 0;
}

/* ================== end side nav bar ====================== */