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

body {
  background: white url(/includes/images/bg-nav.gif) repeat-y left;
}
h1 {
  color: #31742a;
  padding-bottom: 0.5em;
  padding-top: 0;
}
h2 {
  color: #333;
}
h3 {
  color: #333;
}
h4 {
  color: #31742a;
}
h5 {
  color: #333; 
} 
th {
  background-color: #31742a;
  border-bottom: #608f58;
  color: white;
}
table caption {
  background-color: #f0f3e4;
}
td {
  background-color: #f0f3e4;
  border-bottom: 1px solid #c9cac0;
}
td.highlight {
  background-color: #e4e5ce;
}


#global {
  background: #fbfbf6 url(/includes/images/bg-global.gif) repeat-x 180px 2px;
}
#global a,
#global a:link,
#global a:visited {
  background-color: transparent;
  color: #252514;
  text-decoration: none;
}
#global li {
  background: #fbfbf6 url(/includes/images/bg-button.gif) no-repeat 0 50%;
}
#header {
  background: #fbfbf6 url(/includes/images/bg-header.gif) repeat-x 0 0;
}
#header img {
  padding-left: 12px;
  padding-top: 2px;
}
#header ul li {
  background: transparent url(/includes/images/bg-access-repeat.gif) repeat-x 0 0; 
}
#header ul li.left-link {
  background: transparent url(/includes/images/bg-access-left.gif) no-repeat 0 0;
}  

/* Controls navigation for anchor links and related page links 
----------------------------------------------------------------------------------------- */
#pagenav, #sectionnav {
  background-color: #f7f7f0;
  border: 1px solid #c6c8a7;
}
#pagenav h2, #sectionnav h2 {
  color: #31742a;
}
  
#maincontent p.previous {
  background: white url(http://www.deh.gov.au/includes/default/images/ico-previous.gif) no-repeat 0 16px;
  padding-left: 16px;
  margin: 0;
}

/* Navigation bar down the left
----------------------------------------------------------------------------------------- */
#navigation h2 {
  background: url(/includes/images/bg-nav-heading.gif) no-repeat 0 0; 
  text-size: 110%;
}
#navigation h2 a,
#navigation h2 a:link,
#navigation h2 a:visited {
  background-color: inherit; 
  color: white;
  padding-left: 2px;
}
#navigation h2 a:hover {
  color: white;
  text-decoration: underline;
}
#navigation h3 {
  border-right: 1px solid #336;
}
#navigation a,
#navigation a:link,
#navigation a:visited {
  color: #515124;
}
#navigation p {
  color: #e5e5c0;
}
#navigation ul {
  border-bottom: 1px solid white;
}
#navigation ul li {
  background-color: #f0f3e4;
  border-bottom: 1px solid #c6c8a7;
  border-top: 1px solid white;
  color: #cc9;
}
#navigation ul li ul li.activepage2 {
  background: url(/includes/images/bullet2.gif) no-repeat 0 0.85em; 
  color: #31742a;
}
#navigation ul li ul li.activepage2 a,
#navigation ul li ul li.activepage2 a:link,
#navigation ul li ul li.activepage2 a:visited {
  background-color: transparent;
  color: #31742a;
}

/* Controls flyout menu
----------------------------------------------------------------------------------------- */
#navigation ul.nav-items {
  background: url(/includes/images/bg-flyout.gif) no-repeat 0 0; 
  border-bottom: 1px solid #31742a;
} 
#navigation ul.nav-items a:hover {
  background-color: #31742a;
  color: white;
}

/* Side navigation links down the right
----------------------------------------------------------------------------------------- */
#sidepanel {
  background: url(/includes/images/bg-design.gif) no-repeat 0 150px; 
}
#sidepanel a,
#sidepanel a:link,
#sidepanel a:visited {
  background-color: transparent;
  color: #515124;
  text-decoration: underline;
}
#sidepanel a:hover {
  background-color: transparent;
  color: black;
}
#sidepanel div.sidebox {
  background-color: #f0f3e4;
  border-left: 1px solid #ffbb00;
  border-right: 1px solid #ffbb00;
  border-bottom: 1px solid #ffbb00;
}
#sidepanel h2.sidebox {
  background-color: #ffbb00;
  background-image: url(/includes/images/bg-panel-heading.gif); 
  color: black;
}
#sidepanel div.usability {
  background-color: #f0f3e4;
  border-left: 1px solid #a8a99c;
  border-right: 1px solid #a8a99c;
  border-bottom: 1px solid #a8a99c;
}

#title {
  background: transparent url("/includes/images/bg-feature.gif") no-repeat right 0;
  width: 750px;
  top: 28px;
}  
#title h1 {
  color: #646344;
  font-size: 180%;
  padding: 0;
  margin-right: 150px;
}
#title h2 {
  color: #898871;
  margin-right: 145px;
}

/* Envirofund specific
----------------------------------------------------------------------------------------- */
table.envirofund caption {
  font-size:1.25em;
  font-weight:normal;
  background:#9c3;
  color:#000;
}
table.envirofund {
  border:1px solid #9c3;
  margin-top:0;
}
table.envirofund th {
  background: #9c3;color:black;border:0;
  }

/* Boxed content within main content area
----------------------------------------------------------------------------------------- */
#maincontent p.previous {
  background: white url(http://www.deh.gov.au/includes/default/images/ico-previous.gif) no-repeat 0 16px;
  padding-left: 16px;
  margin: 0;
}
/*#maincontent ul.pagination {
  background: 0;
  margin: 1em 0 0 0;
}
#maincontent ul.pagination li,
#maincontent ul.pagination li.previous {
  border: 0;
  text-align: left;
  float: none;
  clear: both;
}*/
#maincontent .storybox {
  background-color: white;
  border: 1px solid #efefe1;
  float: left;
  margin: 0 0 1em 0;
  padding: 0 0 1em 0;
  width: 39%;
}
#maincontent .storybox img {
  float: left;
  padding: 0 0.5em 0 0;
  clear: left;
}
#maincontent .storybox p {
  padding: 0.5em;
  margin-left: 3px;
}
#maincontent .storybox p.more {
  clear: both;
  margin: 0 0 1em 0;
  padding: 0 0.5em 0.5em 0.75em;
}
#maincontent .storybox h2 {
  background-color: #efefe1;
  font-size: 100%;
  font-weight: bold;
  padding: 0.25em 0.25em 0.5em 0.5em;
}
#maincontent .storybox h2 a,
#maincontent .storybox h2 a:link,
#maincontent .storybox h2 a:visited {
  color: #515124;
  text-decoration: none;
}
#maincontent .storybox h2 a:hover {
  background-color: inherit;
  color: black;
  text-decoration: underline;
}
#maincontent .storybox h2.h2-clean {
  background-color: white;
  border-top: 1px dashed #efefe1;
  color: black;
  padding-top: 0.75em;
}
#maincontent .storybox ul {
  padding: 0;
  margin-left: 0;
}
#maincontent .storybox li {
  list-style-type: none;
  font-size: 85%;
  margin: 0 0.5em 0 0.75em;
  padding-left: 50px;
}
#maincontent .storybox-right {
  float: right;
  margin-right: 0.25em;
  width: 55%;
}
#maincontent .storybox-right ul {
  margin: 0.5em 0 0.5em 0;
}
#maincontent .storybox-right li {
  padding-left: 15px;
}


/* mosaic styles for envirofund assessments section
----------------------------------------------------------------------------------------- */
#mosaic-content {
  float: left;
  height: 100%;
  margin: 1em 0 0 0;
  padding: 0;
  width: 85%;
}
#mosaic-content h2 {
  margin: 0;
  padding: 0;
}
#mosaic-content div.project-image {
  float: none;
  width: 452px;
  margin: 1em 0 0 0.5em;
}
#mosaic-content div.project-image-thumb {
  float: right;
  width: 152px;
  margin: 1em 0 0 0.5em;
}
#mosaic-content div.project-image p,
#mosaic-content div.project-image-thumb p {
  background-color: white;
  border: 1px solid #9a8941;
  color: #666;
  font-size: 80%;
  line-height: 1.3em;
  margin-bottom: 0.75em;
  margin-top: 1em;
  padding: 0 0 0.35em 0;
  text-align: center;
}
#mosaic-content ul {
  background-image: none !important;
}
#mosaic-content ul li {
  background: transparent url(/includes/images/bullet.gif) no-repeat 0 0.7em !important; 
  border: none !important;
  font-size: 80% !important;
  float: none !important;
  margin: 0.5em 0.25em 0.5em 1em !important;
  padding: 0 0.75em 0 1em !important;
  text-align: left !important;
}  
#mosaic-home {
  background-color: white;
  border: 1px solid #efefe1;
  float: right;
  padding: 0.5em;
  width: 55%;
}
#mosaic-home h2 {
  padding: 0 0 0.5em 0;
  margin: 0;
}
#mosaic-mainmap img {
  float: left;
  padding: 0;
  margin: 5px 0 0 0;
}
#mosaic-maps {
  background: white url(/includes/images/bg-mosaic-thumbs.gif) repeat-y 0 0;
  border-bottom: 1px solid #efefe1;
  border-left: 1px solid #efefe1;
  float: left;
  margin: 0;
  padding: 0;
}
#mosaic-maps ul {
  background: white url(/includes/images/bg-mosaic-nav.gif) repeat-x 0 0; 
  font-size: 110%;
  height: 23px;
  list-style-type: none;
  padding: 0;
}
#mosaic-maps ul li {
  background-color: white;
  background-image: none;
  border-bottom: 1px solid #efefe1;
  border-right: 1px solid #efefe1;
  border-top: 1px solid #efefe1;
  color: #182d48;
  float: left;
  list-style-type: none;
  margin: 0;
  padding: 0.1em 0.75em 0.4em 0.75em;
  text-align: center;
}
#mosaic-maps li a:visited {
  background-color: transparent;
  color: #039;
}
#mosaic-maps li a:hover {
  background-color: transparent;
  color: black;
}
#mosaic-maps li.activepage {
  border-bottom: 2px solid white;
}
#mosaic-maps li.all-projects {
  background: none; 
  border: none;
  float: right;
}
#mosaic-thumbs {
  clear: both;
  float: left;
  margin-top: 1em;
  padding: 0.5em 0 0.5em 5px;
  width: 60px;
}
#mosaic-thumbs img {
  padding-bottom: 0.5em;
}
#projects {
  background-color: #f7f7f0;
  border: 1px solid #efefe1;
  height: 100%; /* fixes redraw error of map getting half hidden when mouse over project LI. Delete this when tested.*/
  margin: 5px 0 0.5em 405px;
  padding: 0 0 1em 0;
}
#projects h2 {
  background-color: #efefe1;
  font: 100%/1.4em Arial, Verdana, Geneva, sans-serif;
  font-weight: bold;
  padding: 0.25em 0.25em 0.5em 0.5em;
  margin: 0;
}
#projects ol {
  padding: 0.5em 0.5em 0.5em 2em;
  margin: 0 0 0 0.5em;
}
#projects ol li {
  background: none;
  list-style-type: decimal;
  padding: 0.2em 0 0.2em 0;
}
#projects ul {
  background: none; 
  font-size: 100%;
  height: 100%;
  list-style-type: none;
  padding: 0.5em 0.5em 0.5em 0;
}
#projects ul li {
  background: transparent url(/includes/images/bullet.gif) no-repeat 0 0.7em; 
  border: none;
  color: #182d48;
  float: none;
  list-style-type: none;
  margin: 0.5em 0.25em 0.5em 1em;
  padding: 0 0.75em 0 1em;
  text-align: left;
}
#projects ul li.project-search {
  background: transparent url(/includes/images/ico-search.gif) no-repeat 0 0.7em;
  padding-left: 15px;
  padding-top: 3px;
  font-weight: bold;
}  
#projects ol li.project-search {
  background: transparent url(/includes/images/ico-search.gif) no-repeat 0 0.7em;
  list-style-type: none;
  padding-left: 20px;
  padding-top: 3px;
  margin-left: -20px;
  font-weight: bold;
}