/* Global colours */

/* Panel colour */
#global-header, .dropdown-column>ul>li>ul>li>a:hover {
  background-color:#99938a;
}

/* Panel + 10% white */
.dropdown-container, .menu-bar>li:hover>a {
  background-color:#a39e96;
}

/* Panel + 20% white */
 .dropdown-column>ul>li>a  {
  background-color:#ada9a1;
}

.menu-bar li {
  border-color:#ada9a1;
}

/* Panel + 90% white */
.search-field, #global-footer *, .menu-bar a {
  color:#f5f4f3;
}

/* Panel + 20% black */
.search-box {
  background-color:#7a766e;
}

.sitemap-column {
  border-color:#7a766e;
}

/* Panel + 65% black */
#global-sitemap {
  background-color:#363330;
}

/* Navigation text */
#global-sitemap a {
  color:#d7d5d2;
}

/* Charcoal */
body {
  color:#333333
}

/* Dark grey */
body, #global-footer {
  background-color:#666666;
}

/* Mid grey */
#navigation a {
  color:#999999;
}

/* Pale grey */
#mainForm, hr {
  background-color:#e7e7e7;
}

#navigation li, #navigation>ul>li>ul>li>ul>li.parent>ul, #content-column, #content-body td {
  border-color:#e7e7e7;
}

/* White */
#global-sitemap h3, #brand-header .spot-tab a, .menu-bar .active, .menu-bar a:hover, .menu-bar>li:hover>a, .dropdown-container a, #content-body th {
  color:white;
}

.panel, .spot-tab-bar {
  background-color:white;
}

#global-header .search-field {
  border-color: white;
}

/* Global background images */

#container {
  background-image:url(global-container-background.gif);
}

#global-header {
  background-image:url(global-header-background.jpg);
}

.search-button {
  background-image:url(global-search-button.png);
}

.dropdown-column>ul>li>ul>li>a { /* Menu subheadings */
  background-image:url(global-menu-arrow.png);
}

.spot-tab a {
  background-image:url(global-spotlight-tab.png);
}

#content-primary .panel {
  background-image:url(global-content-footer.jpg);
}

#navigation>ul>li>ul>li>a { /* Second level link image */
  background-image:url(global-nav-arrow-right.gif);
}

#navigation>ul>li>ul>li.parent>a { /* Second level link image (active) */
  background-image:url(global-nav-arrow-down.gif);
}

#navigation>ul>li>ul>li>ul>li>a { /* Third level link image */
  background-image:url(global-nav-dash.gif);
}

#content-secondary .panel {
  background-image:url(global-side-panel-footer.jpg);
}

#did-you-know.panel, #facebook.panel {
  background-image:url(global-did-you-know-footer.jpg);
}

#get-involved.panel, #myparx.panel {
  background-image:url(global-get-involved-footer.jpg);
}

#global-sitemap {
  background-image:url(global-sitemap-background.png)
}

#global-footer {
  background-image:url(global-footer-background.png)
}


/* Global font styles */

body {
  font-size:11px;
}

#content-body {
  font-size:12px;
}

#content-body p, #content-body ul, #content-body ol {
  margin-top:8px;
  margin-bottom:8px;
}

#content-body table p {
  margin:0;
  padding:0;
}

#navigation li, .news-column h3  {
  font-size:11px;
}

.menu-bar, #navigation>ul>li {
  font-size:12px;
}

.panel-inlay, .news-column h3, .menu-bar .active, .dropdown-column>ul>li>a, #navigation .active, #navigation li.parent, #navigation .active, #navigation>ul>li {
  font-weight:bold;
}

#global-sitemap h3, .dropdown-column>ul>li>ul>li>a, #navigation li {
  font-weight:normal;
}

#global-sitemap h3 {
  font-size:13px;
  margin:0;
  margin-bottom:9px;
}

#related-links ul {
  margin:0;
  padding-left:19px;
}


/*Global layout */

body {
  margin:0;
}

img {
  display:block;
  border:0;
}

table, th, td {
  border-collapse:collapse;
  padding:4px;
}

table {
  border-style:none;
}

th, td {
  border-style:solid;
}

th {
  border-width:0;
  border-left-width:1px;
}

td {
  border-width:1px;
}

#no_table_style th, #no_table_style td, table.noBorderTable th, table.noBorderTable td, table.floraListFilter th, table.floraListFilter td {
  border:none;
}

.JS table, .JS th, .JS td {
  padding:1px;
}

#container, #global-footer {
  width:1244px;
  margin-left:auto;
  margin-right:auto;
}

#print-header {
  display:none;
}

#global-header, #mainForm, #global-sitemap {
  width:1224px;
  margin-left:auto;
  margin-right:auto;
}

#global-header {
  overflow:visible;
  height:138px;
  background-repeat:no-repeat;
}

#denr-header {
  float:left;
  height:60px;
  margin:17px;
  margin-bottom:24px;
}

/* Menu bar layout */
.menu-bar {
  position:relative;
  clear:left;
  z-index:3;
  height:37px;
  width:950px;
  margin:0;
  padding:0;
  list-style:none;
}

.menu-bar li{
  float:left;
  position:relative;
  border-right-style:solid;
  border-right-width:1px;
}

.menu-bar li.last {
  border-right-style:none;
}

.menu-bar a{
  display:block;
  padding:11px;
}

.dropdown-container {
  position:absolute;
  display:none;
  overflow:visible;
  left:-1px;
  width:537px;
  padding-bottom:11px;
  -webkit-box-shadow: 3px 12px 12px rgba(0,0,0,0.3);
    -moz-box-shadow: 3px 12px 12px rgba(0,0,0,0.3);
      box-shadow: 3px 12px 12px rgba(0,0,0,0.3);
}

.dropdown-container.last {
  left:auto;
  right:-1px;
}

li.last .dropdown-container {
  left:auto;
  right:0px;
}

.dropdown-column {
  float:left;
  width:263px;
  margin-right:11px;
}

.dropdown-container ul{
  list-style:none;
  margin:0;
  padding:0;
  position:relative;
  height:100%;
  left:0px;
}

.dropdown-container ul>li {
  position:relative;
  float:none;
  border-style:none;
  background:none;
}

.menu-bar li:hover .dropdown-container { /* Display the dropdown on hover */
  display:block;
}

.dropdown-column>ul>li>a { /* Menu headings */
  margin-top:11px;
  margin-bottom:5px;
  padding-top:5px;
  padding-bottom:5px;
}

.dropdown-column>ul>li>ul>li>a { /* Menu subheadings */
  margin:0;
  padding:1px 0 1px 30px;
  background-position:10px 5px;
  background-repeat:no-repeat;
}

.search-box {
  float:right;
  height:21px;
  margin-top:68px;
  margin-right:11px;
  right:11px;
  bottom:11px;
}

.search-box fieldset {
  margin:0;
  padding:0;
  border:none;
}

.search-field {
  float:left;
  width:226px;
  margin:0;
  padding:0;
  padding-top:3px;
  padding-bottom:2px;
  padding-left:5px;
  height:16px;
  border:none;
  background:none;
  border-right-style:solid;
  border-right-width:1px;
}

.search-button {
  width:22px;
  height:21px;
  margin:0;
  padding:0;
  border-width:0;
  background-color:transparent;
}

.search-button:hover {
  cursor:pointer;
}

#mainForm {
  position: relative;
  overflow:hidden;
  margin-top:0;
  margin-bottom:0;
}

#brand-header {
  overflow: hidden;
}

#spotlight, #theme {
  position:relative;
  height: 287px;
}

#spotlight, #content-primary {
  width:773px;
}

#theme, #content-secondary {
  width:451px;
}

#theme img {
  float:right;
  margin-bottom:11px;
}

#spotlight, #theme, .spot-tab, #content-primary, #content-secondary, .panel, .news-column, #navigation, .sitemap-column, #sitemap-denr, #sitemap-gov-logo {
  float:left;
}

#spotlight-overylay {
  position:absolute;
  right:0;
  z-index:1;
}
    
.spot-tab {
  position:relative;
  height:27px;
  width:128px;
  margin-top:260px;
  margin-right:1px;
  z-index:2;
}

.spot-tab-bar {
  height:4px;
  width:100%;
  opacity:0;
  filter: alpha(opacity = 0);
}

.spot-tab a {
  position:absolute;
  bottom:0;
  display:block;
  height:19px;
  width:123px;
  padding-top:4px;
  padding-left:5px;
}

.spot-image {
  position:absolute;
  top:0;
  left:0;
  display:none;
}

#spotlight .js-warning {
    background-color: white;
    font-size: 16px;
    height: 207px;
    left: 0;
    padding: 40px;
    position: absolute;
    top: 0;
    width: 693px;
}

#banner {
  overflow:hidden;
  width:1224px;
  height:195px;
}

#content-primary {
  /* IE7 workaround - should use bottom margin on #content */
  padding-bottom:11px;
}

.panel {
  position:relative;
  clear:both;
  margin-top:11px;
  margin-left:11px;
  padding:11px;
  padding-top:63px;
  padding-bottom:26px;
  background-position:left bottom;
  background-repeat:no-repeat;
}  

.panel img.header {
  position:absolute;
  top:0;
  left:0;
}

.panel .overlay {
  position:absolute;
  top:0;
  right:0;
}

#content-primary .panel {
  width:740px;
}

#content-secondary .panel {
  width:407px;
}

#facebook.panel, #myparx.panel {
  padding-top:11px;
}

#did-you-know.panel, #get-involved.panel, #facebook.panel, #myparx.panel {
  clear:none;
  width:187px;
}

#where-is-it.panel {
  display:none; /* hide the where-is-it panel so the user doesn't see it if they don't have javascript enabled */
}

#news.panel {
  height:238px;
  margin-bottom:157px;
  padding-top:43px;
}

#content.panel {
  padding-top:10px;
  padding-bottom:16px;
}

#navigation {
  width:198px
}

#navigation * {
  margin-top:2px;
  margin-bottom:3px;
  background-repeat:no-repeat;
}

#navigation a {
  display:block;
}

#navigation ul, #global-sitemap ul {
  margin:0;
  padding:0;
  list-style-type:none;
}

#global-sitemap ul {
  line-height:140%;
}

#navigation li, #navigation>ul>li>ul>li>ul>li.parent>ul { /* All list items, and bottom level ul */
  border-bottom-style:solid;
  border-bottom-width:1px;
}

#navigation li.parent, #navigation>ul>li>ul>li>ul>li>ul li { /* All active li, and fourth level li onwards */
  border-style:none;
}

#navigation>ul>li>ul>li>* { /* Second level positioning */
  padding-left:18px;
  background-position:1px 3px;
}

#navigation>ul>li>ul>li.parent>* { /* Second level positioning (parent) */
  background-position:4px 2px;
}

#navigation>ul>li>ul>li>ul>li>* { /* Third level positioning */
  padding-left:11px;
  background-position:1px 6px;
}

#navigation>ul>li>ul>li>ul>li>ul>li>* { /* Fourth level positioning */
  padding-left:11px;
}

#navigation>ul>li>ul>li>ul>li>ul>li>ul>li>* { /* Fifth level positioning */
  padding-left:11px;
}

#did-you-know .panel-inlay, #get-involved .panel-inlay {
  height:57px;
}

.news-column {
  width:115px;
  margin-right:10px;
}

.news-column h3 {
  display:block;
  height:20px;
  margin:0;
}

.news-icon {
  margin-bottom:4px;
  overflow:hidden;
}

.news-link {
  position:absolute;
  bottom:27px;
  left:11px;
}

#content-column {
  float:right;
  width:520px;
  min-height:350px;
  margin-bottom:0;  /* Was set to -10000px to ensure navigation separator was sufficiently long, but this caused scrolling issues */
  padding-left:11px;
  padding-bottom:11px; /* Was set to 10011px to ensure navigation separator was sufficiently long, but this caused scrolling issues */
  border-left-style:solid;
  border-left-width:1px;
}

#content-column a {
  text-decoration: underline;
}

p.breadCrumb {
  margin:0;
}

#content-body img {
  display:inline;
}

#content-footer {
  position:relative;
  width:742px;
  height:19px;
  margin-left:-11px;
  padding:10px;
  clear:both;
}

#map {
  height:300px;
}

#related-links {
  clear:both;
}

.panel-inlay {
  position:relative;
  display:block;
  overflow: hidden;
  height:100%;
  padding:11px;
  padding-top:10px;
}

#related-links .panel-inlay {
  min-height:150px;
}

#image-gallery .panel-inlay {
  padding:0;
}

#facebook-button, #twitter-button {
  float:right;
  margin-left:4px;
}

#people {
  position:absolute;
  bottom:0;
  left:11px;
}

#global-footer {
  height:94px;
  background-repeat:no-repeat;
}

#leaves {
  clear:both;
  overflow:hidden;
  margin-top:11px;
  margin-left:11px;
  padding-top:1px;
  padding-bottom:4px;
}

#leaves img {
  float:left;
}

#contact {
  clear:both;
  overflow:hidden;
  margin-top:11px;
  margin-left:11px;
  padding-top:11px;
}

#contact .panel-inlay {
  padding-top:11px;
}

#contact img {
  float:left;
}

#contact .seq0, #contact .seq1 {
  padding-bottom:11px;
}

#contact .seq0, #contact .seq2 {
  margin-right:-100%;
  clear:left;
}

#contact .seq1, #contact .seq3 {
  margin-left:207px;
}

#contact .seq2, #contact .seq3 {
  border-top: solid 1px #d7d5d2;
  padding-top: 11px;
}

#global-sitemap {
  position:relative;
  height:241px;
  width: 844px;
  padding-left: 380px;
}

#sitemap-denr {
  margin-left:17px;
  margin-right:60px;
  margin-top:26px;
}

.sitemap-column {
  width:154px;
  height:214px;
  margin-top:27px;
  padding-left:11px;
  border-left-style:solid;
  border-left-width:1px;
}

#sitemap-gov-logo {
  position:absolute;
  right:11px;
  top:22px;
}

#global-footer {
  position:relative;
}

#global-footer img {
  float: left;
  margin-left: 24px;
}

#footer-text {
  float:right;
  padding-top:5px;
  padding-right:24px;
}

#facebook-icons {
  position:absolute;
  height:0;
  width:0;
  overflow:hidden;
}

#facebook-icons img {
  visibility:hidden;
}

.sortDesc,.sortAsce {
  background-color:transparent;
  width: 10px;
  height: 10px;
  display:inline-block;
  cursor: pointer;
  border:none;
  background-repeat:no-repeat;
}

.sortDesc {
   background-image: url('desc.gif');
}

.sortAsce {
  background-image: url('asce.gif');  
}

.clear {
  clear:both;
}

.left {
  float:left;
}

.right {
  float:right;
}

.last {
  margin-right:0;
  margin-bottom:0;
}

hr {
  width:100%;
  margin:0;
  height:1px;
  border:0;
}

.dewnr-gallery .fancybox-skin {
  border-radius:0;
    -moz-border-radius:0;
    -webkit-border-radius:0;
}

#fancybox-thumbs ul li, #fancybox-thumbs ul li.active {
  opacity: 1;
}

#fancybox-thumbs ul li:hover, #fancybox-thumbs ul li.active:hover {
  border: 1px solid white;
  padding:0;
}

#fancybox-thumbs ul li.active {
  border-color:#ccc;
}

.eway-payment-form td {
    border-style: none;
}

/* Containers for embedding responsive iFrames */
.container-embed-16x9, .container-embed-4x3 {
  height: 0;
  padding: 0;
  position: relative;
  width: 100%;
}

.container-embed-16x9 {
  padding-bottom: 56.25%;
}

.container-embed-4x3 {
  padding-bottom: 75%;
}

.container-embed-16x9 iframe {
  height: 100%;
  position: absolute;
  width: 100%;
}

  .landing-modules {
    width: 532px;
    float: left;
    margin: 0 0 6px -12px;
  }

  .landing-modules_row {
    width: 532px;
    float: left;
  }

  #content-column a.landing-module {
    width: 254px;
    display: block;
    text-decoration: none;
    border: none;
    float: left;
    margin: 0 0 12px 12px;
    padding: 0 0 12px;
    background: #e7e7e7;
    min-height: 224px;
    }
    #content-column a.landing-module:hover {
      text-decoration: underline;
    }

  #content-column .landing-module_title {
    font-size: 15px;
    color: #333;
    margin: 0 0 8px;
    padding: 12px 12px 0;
  }

  #content-column .landing-module_text {
    color: #333;
    margin: 0;
    padding: 0 12px;
    line-height: 1.3;
  }