/*-----------------------------------------------------------------------------------------|
|  Styles to cascade from http://www.deh.gov.au/includes/default/css/default.css           |
|-----------------------------------------------------------------------------------------*/

/* Left navigation

Requires 4 colour variations of a chosen hue:
1 darkest (hover on flyouts, same as bg-nav right border)
1 darker (border-bottom colour for 3D effect)
1 medium (for level 1 and 2 backgrounds - ensure sufficient text contrast)
1 light  (for level 3 to 7 backgrounds - slightly lighter than medium)

--------------------------------------------------------- */
#navigation {
  font: 90%/1.4em Arial, Geneva, sans-serif;
  left: 0;
  position: absolute;
  top: 101px;
}

/* Generic list behaviour
--------------------------------------------------------- */
#navigation ul {
  list-style-type: none;
  font-family: Arial, Helvetica, sans-serif;
}
html #navigation ul li { /* needed for ie */
  display: inline;
}
#navigation ul li a,
#navigation ul li a:link,
#navigation ul li a:visited {
  background-color: #f0f3e4;
  color: #336;
  text-decoration: none;
}
#navigation ul li a:hover {
  text-decoration: underline;
}
#navigation ul li.selected a {
  background-color: white !important;
  border-top: 1px solid #ddd !important;
  color: black !important;
}
#navigation ul li.selected li a {
  background-color: #f0f3e4 !important;
  border-top: 1px solid white  !important;
  color: #336 !important;
}

/* Controls left nav lists
--------------------------------------------------------- */
#navigation li.level1 a,
#navigation li.level1 a:link,
#navigation li.level1 a:visited {
  background: transparent url(/includes/default/images/bg-nav-heading.gif) no-repeat 0 0;
  border-top: 0;
  color: white;
  display: block;
  padding: 0.75em 0 0.75em 7px;
  text-decoration: none;
  width: 163px;
}
#navigation li.level1 a:hover {
  background-color: inherit;
  color: white;
  text-decoration: underline;
}
#navigation li.level1 li a,
#navigation li.level1 li a:link,
#navigation li.level1 li a:visited {
  color: #336;
}
#navigation li.level1 li a:hover {
  background-color: inherit;
  color: black;
}
#navigation li.level2 a,
#navigation li.level2 a:link,
#navigation li.level2 a:visited {
  background-color: #e9edd9;
  background-image: none;
  border-bottom: 1px solid #c6c8a7;
  border-top: 1px solid white;
  display: block;
  padding: 0.6em 0 0.6em 14px;
  width: 155px;
}
#navigation li.level3 a,
#navigation li.level3 a:link,
#navigation li.level3 a:visited {
  border-bottom: 1px solid #c6c8a7;
  border-top: 1px solid white;
  display: block;
  padding: 0.6em 0 0.6em 14px;
  width: 155px;
}
#navigation li.level4 a,
#navigation li.level4 a:link,
#navigation li.level4 a:visited {
  background-color: #f5f7ee;
  border-bottom: 1px solid #c6c8a7;
  border-top: 1px solid white;
  display: block;
  padding: 0.5em 0 0.5em 28px;
  width: 141px;
}
#navigation li.level5 a,
#navigation li.level5 a:link,
#navigation li.level5 a:visited {
  background-color: #f0f3e4;
  border-bottom: 1px solid #c6c8a7;
  border-top: 1px solid white;
  display: block;
  padding: 0.35em 0 0.35em 35px;
  text-decoration: none;
  width: 134px;
}
#navigation li.level5 a:hover {
  text-decoration: underline;
}
#navigation li.level6 a,
#navigation li.level6 a:link,
#navigation li.level6 a:visited {
  background-color: #f0f3e4;
  border-bottom: 1px solid #c6c8a7;
  border-top: 1px solid white;
  display: block;
  padding: 0.35em 0 0.35em 42px;
  text-decoration: none;
  width: 127px;
}
#navigation li.level6 a:hover {
  text-decoration: underline;
}
#navigation li.level7 a,
#navigation li.level7 a:link,
#navigation li.level7 a:visited {
  background-color: #f0f3e4;
  border-bottom: 1px solid #c6c8a7;
  border-top: 1px solid white;
  display: block;
  padding: 0.35em 0 0.35em 49px;
  text-decoration: none;
  width: 120px;
}
#navigation li.level7 a:hover {
  text-decoration: underline;
}

/* Flyout lists
--------------------------------------------------------- */
#navigation ul.nav-items {
  background-color: #f0f3e4;
  border-bottom: 1px solid #1b4e81;
  border-right: 1px solid #1b4e81;
  border-top: 1px solid #1b4e81;
  display: none;
  left: 0;
  list-style-type: none;
  overflow: hidden;
  position: absolute;
  top: 0;
  visibility: hidden;
  width: 190px !important;
  z-index: 1;
} 
#navigation ul.nav-items li a {
  background-image: none !important; 
  color: #336 !important;
  display: block;
  font-size: 95%;
  padding: 0.3em 0.25em 0.3em 0.3em !important;
  width: 188px !important;
  text-decoration: none !important;
}
#navigation ul.nav-items a:hover {
  background-color: #1b4e81 !important;
  background-image: none; 
  color: white !important;
  display: block;
  text-decoration: none;
}

/* Image under nav
--------------------------------------------------------- */
#navigation-image {
  background: url(/includes/default/images/bg-navigation-image.gif) no-repeat 0 0;
  height: 200px;
  margin-top: 10px;
}