/*-----------------------------------------------------------------------------------------|
|  Styles to cascade from http://www.deh.gov.au/includes/default.css               |
|-----------------------------------------------------------------------------------------*/

blockquote {
  color: #666;
  font-style: italic;
  font-size: 100%;
}
body {
  background: white url(/includes/images/bg-nav.gif) repeat-y left;
}
h1 {
  color: #b5341a;
}
h2 {
  font-size: 130%;
}
h2, h3, h4 {
  color: #3d7d4d;
}
h5 {
  color: #666; 
} 
caption {
  background-color: #0c5d2e !important;
  color: white;
}
th {
  background-color: #e5e9be;
  border-bottom: 1px solid #f3f0e4;
  color: black;
  font-weight: normal;
}
th.subhead {
  background-color: #d8dcb2;
  color: black;
}
td {
  background-color: #f7f7f0;
  border-bottom: 1px solid #c8c3b4;
}
td.highlight {
  background-color: #f0f0e4;
}
#layout td {
  background-color: transparent;
  border-bottom: 1px solid white;
}

#global {
  background: #003300 url(/includes/images/bg-global.gif) repeat-x 180px 2px;
  border-top: 1px solid #53b36f;
}
#global li {
  background: #003300 url(/includes/images/bg-button.gif) no-repeat 0px 50%;
}
#global .search-label {
  position: absolute;
  left: -2000px;
}
#header {
  background: #003300 url(/includes/images/bg-header.gif) repeat-x 0px 0px;
}
#header img {
  padding-top: 8px;
}
#header ul a,
#header ul a:visited {
  color: #e5e9be; 
}
#header ul li {
  background: transparent url(/includes/images/bg-access-repeat.gif) repeat-x 0px 0px; 
}
#header ul li.left-link {
  background: transparent url(/includes/images/bg-access-left.gif) no-repeat 0px 0px;
}  

/* Controls navigation for anchor links and related page links 
----------------------------------------------------------------------------------------- */
#pagenav, #sectionnav {
  border: 1px solid #c6c8a7;
}
#pagenav h2, #sectionnav h2 {
  color: #6d5c10;
}
  
--------------------------------------------------------- */
#navigation {
  font: 90%/1.4em Arial, Geneva, sans-serif;
  left: 0;
  position: absolute;
  top: 101px;
  width: 170px;
  z-index: 5;
}

/* 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 {
  border-bottom: 1px solid #b1c8a7 !important;
  color: white;
  text-decoration: none;
}
#navigation ul li a:hover {
  text-decoration: underline;
}
#navigation ul li.selected a {
  background-color: #fff !important;
  border-top: 1px solid #ddd !important;
  border-bottom: 0 !important;
  border-right: 1px solid #fff !important;
  color: black !important;
}
#navigation ul li.selected li a {
  background-color: #f5f9ef !important;
  border-bottom: 1px solid #b1c8a7 !important;
  color: #253d07 !important;
}

/* Controls left nav lists
--------------------------------------------------------- */
#navigation li.level1 a,
#navigation li.level1 a:link,
#navigation li.level1 a:visited {
  background: transparent url(/includes/images/bg-nav-heading.gif) no-repeat 0 0;
  border-top: 0;
  color: white;
  font-weight: bold;
  display: block;
  padding: 0.75em 0 0.75em 7px;
  text-decoration: none;
  width: 163px;
}
#navigation li.level1 a:hover {
  text-decoration: underline;
}
#navigation li.level2 a,
#navigation li.level2 a:link,
#navigation li.level2 a:visited {
  background-color: #e0edd1;
  border-top: 1px solid white;
  background-image: none;
  color: #253d07 !important;
  font-weight: normal;
  display: block;
  padding: 0.6em 0 0.6em 13px;
  width: 155px;
}
#navigation li.level3 a,
#navigation li.level3 a:link,
#navigation li.level3 a:visited {
  background-color: #f5f9ef;
  border-bottom: 1px solid #b1c8a7 !important;
  color: white;
  display: block;
  padding: 0.6em 0 0.6em 20px;
  width: 148px;
}
#navigation li.level4 a,
#navigation li.level4 a:link,
#navigation li.level4 a:visited {
  background-color: #f5f9ef;
  border-bottom: 1px solid #b1c8a7 !important;
  color: white;
  display: block;
  padding: 0.5em 0 0.5em 28px;
  width: 140px;
}

/* Flyout lists
--------------------------------------------------------- */
#navigation ul.nav-items {
  background-color: #f5f9ef;
  border-bottom: 1px solid #297236;
  border-right: 1px solid #297236;
  border-top: 1px solid #297236;
  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;
  border-top: 1px solid #46c186;
  color: white !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: #297236 !important;
  background-image: none; 
  color: white !important;
  display: block;
  text-decoration: none;
}
#navigation-image {
  background: url(/includes/images/bg-navigation-image.jpg) no-repeat 0 0;
  height: 160px;
  margin-top: 0;
}

/* Side navigation links down the right
----------------------------------------------------------------------------------------- */
#sidepanel {
  background: url(/includes/images/bg-design.gif) no-repeat 0px 150px; 
}
#sidepanel div.sidebox {
  background-color: #faf7eb;
  border-left: 1px solid #d24023;
  border-right: 1px solid #d24023;
  border-bottom: 1px solid #d24023;
}
#sidepanel h2.sidebox {
  background-color: #d24023;
  background-image: url(/includes/images/bg-panel-heading.gif); 
  color: white;
}
#sidepanel div.usability {
  background-color: #f0f3e4;
  border-left: 1px solid #949494;
  border-right: 1px solid #949494;
  border-bottom: 1px solid #949494;
}
#title {
  background: transparent url("/includes/images/bg-feature.gif") no-repeat right 0px; 
  height: 80px;
  width: 750px;
  top: 19px;
}  
#title h1 {
  color: white;
  font-size: 160%;
  line-height: 1.2em;
  padding: 0px; 
  margin-top: 14px;
  margin-right: 75px;
}
#title h2 {
  color: #faf7eb;
  font-size: 130%;
  margin-right: 69px;
}

/* Controls layout of boxed content on home pages
--------------------------------------------------------- */

 /* Wraps individual box */
.home-featurebox {
  background-color: #f7f7f0;
  border: 1px solid #c3e1b2;
  margin-bottom: 1.5em;
  margin-right: 12px;
  padding: 0 10px 10px 10px;
}


 /* Wraps home-featurebox body */
.home-featurebox-body {
  background-color: #f0f3e4;
  border-bottom: 1px solid #4980b8;
  border-left: 1px solid #4980b8;
  border-right: 1px solid #4980b8;
  margin: 0 0 0 0;
  padding: 14px 0 0 0;
}
.home-featurebox-body p {
  padding: 5px 7px 10px 15px;
}
/* Wraps all boxes */
.home-featurebox-container {
  clear: both;
  margin-top: 1em;
  width: 100%;
}
 /* Wraps left column */
.home-featurebox-left {
  float: left;
  width: 47%;
}
 /* Wraps right column */
.home-featurebox-right {
  margin-left: 47%;
}
/* Wraps home-featurebox body */
.home-featurebox-body {
  background-color: transparent;
  border: 0;
  margin: 0;
  padding: 5px 0 0 0;
}
.home-featurebox h2 {
  color: #8dc63f;
  font-size: 130%;
  line-height: 1.2em;
  padding: 0;
  margin: 0;
}
.home-featurebox h3 a,
.home-featurebox h3 a:visited {
  color: #3d7d4d;
}
.home-featurebox h3 a:hover {
  color: black;
}
.home-featurebox h3 {
  font-size: 120%;
  padding-bottom: 0;
}
.home-featurebox-body p {
  padding: 5px 0 10px 0;
}
.home-featurebox img {
  border: 2px solid #c3e1b2;
  float: left;
  margin-right: 5px;
  margin-top: 3px;
}
.home-featurebox ul {
  margin-left: -5px;
}
.home-featurebox ul.clear-image { /* use this to clear an 80px image */
  height: 90px;
  margin-left: 85px;
}
.home-featurebox li {
  background-position: 0.1em 0.8em !important;
  padding-bottom: 2px !important;
  padding-top: 2px !important;
}

/* Disclaimer text at bottom of search pages
--------------------------------------------------------- */
.disclaimer {
  border-top: 1px dashed #999;
  color: #666;
  margin: 1em 1em 0.5em 0;
}
.disclaimer h3 {
  color: #999;
}

