/************************************************************************/
/* Header
/************************************************************************/

#header {
  background: #000;
  height: 88px;
font: 13px/16px Helvetica, Arial, sans-serif;
}

#header a {
  color: #fff;
}

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

#header ul, #header ol {
  list-style: none;
  position: absolute;
  bottom: 0;
  right: 0;
  margin: 0;
  padding: 0;
  padding-bottom: 16px;
  margin-right: -5px;
}

#header ul li, #header ol li {
  display: inline;
}

#header ul li a, #header ol li a {
  font-size: 16px;
  padding: 0 5px 16px;
  text-decoration: none;
}

#header .wrapper {
  height: 88px;
  overflow: hidden;
}


#account {
  position: absolute;
  top: 20px;
  right: 0;
  color: #b3b3b3;
  font-size:13px;
}


#logout {
  font-size: 11px;
}


#account a {
  padding-left: 10px;
}


#account a:hover {
  color: #ff8800;
}


#header a.selected {
  background-position: center bottom;
  background-repeat: no-repeat;
}

/* Section keylines */

#wn-insurance #header, #wn-adventures #header, #wn-journals #header {
  border-bottom: 8px solid #1890dc;
}


#wn-safety #header {
  border-bottom: 8px solid #ff9f1a;
}


#wn-footprints #header {
  border-bottom: 8px solid #b51f8e;
}

/* Hover colours and selected arrows */

#header-home:hover {
  color: #CDCDCD;
}


#header-home.selected {
  background-image: url('i/nav-home-arrow.png?1283391212');
  color: #CDCDCD;
}


#header-safety:hover {
  color: #ff9f1a;
}


#header-safety.selected {
  background-image: url('i/nav-safety-arrow.png?1283391257');
  color: #ff9f1a;
}


#header-insurance:hover, #header-journals:hover, #header-adventures:hover {
  color: #1890dc;
}


#header-insurance.selected, #header-journals.selected, #header-adventures.selected {
  background-image: url('i/nav-journals-arrow.png?1283392344');
  color: #1890dc;
}


#header-footprints:hover {
  color: #df42b6;
}


#header-footprints.selected {
  background-image: url('i/nav-footprints-arrow.png?1283391929');
  color: #b51f8e;
}


#header-answers:hover {
  color: #4adfff;
}


#header-answers.selected {
  background-image: url('i/nav-answers-arrow.png?1283392061');
  color: #4adfff;
}

#header .wrapper, #footer .wrapper {
  margin-left: auto;
  margin-right: auto;
  width: 960px;
  width: 940px;
  *zoom: 1;
  position: relative;
}
#header .wrapper:after, #footer .wrapper:after {
  content: "\0020";
  display: block;
  height: 0;
  clear: both;
  overflow: hidden;
  visibility: hidden;
}
.section-nav { width:920px;}