/**
 * Navigation styles/colours for Make Your Mark
**/

/* Main navigation */

#nav ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

#nav li {
  margin: 0;
  padding: 0;
}

#nav li a {
  background-color: #333;
  border-left: 10px solid #999;
  color: #FFF;
  display: block;
  font-size: 1.2em;
  font-weight: bold;
  padding: 0.75em 10px;
  text-decoration: none;
  width: 190px;
}

#nav li a:hover {
  background-color: #666;
  border-left-color: #666;
}

/* - Sub-levels */

#nav li li {
  list-style: none;
  margin: 0;
}

#nav li li a {
  background-color: #333 !important;
  border-bottom: 1px dotted #444;
  border-left-width: 0;
  color: #EEE;
  font-size: 1em;
  font-weight: normal;
  padding: 0.25em 10px 0.25em 30px;
  width: 180px;
}

#nav li li a:hover {
  color: #FFF;
}

#nav li li a.active {
  color: #FFF;
  font-weight: bold;
}

#nav li li li a {
  border: none !important;
  font-size: 0.85em;
  line-height: 1.529;
  padding-left: 40px;
  width: 170px;
}

#nav li li li li a {
  padding-left: 50px;
  width: 160px;
}

#nav li li li li a {
  padding-left: 60px;
  width: 150px;
}

#nav li li li li li a {
  padding-left: 70px;
  width: 140px;
}

/*  Sub navigation (now moved to the footer) */

#sub-nav ul {
  margin: 0 0 1em 0;
  padding: 0;
  overflow: hidden;
  width: 95%;
}

#sub-nav li {
  border-right: 1px solid #333;
  border-left: 1px solid #666;
  color: #999;
  float: left;
  line-height: 1em;
  list-style: none;
  margin: 0;
  padding: 0 0.5em;
}

#sub-nav li.first {
  border: none;
  padding-left: 0;
}

#sub-nav a {
  color: #999;
}

#sub-nav a:hover {
  color: #FFF;
}