h1 {
  color: #006;
  padding-bottom: 0.5em;
  padding-top: 0;
}
h2 {
  color: #000;
}
h2.main {padding-top:0;border-top:1px solid #000;padding-bottom:0.5em;color:#666}
h1.main {padding-bottom:0;}
h3 {
  color: #008;
}
h4 {
  color: #063b69;
}
h5 {
  color: #333; 
} 
caption {
  background-color: #466BB9 !important;
  color: white;
}
table {
  border-bottom-style: none;
}
th {
     font-size: 130%;
	 font-weight:bold;
	 color: #333333;
	 background-color:#FFFFFF;	
}
th.subhead {
  background-color:  #7f8994;
}
td {
	line-height:1.3em;
    background-color:#FFFFFF;
	border-bottom-style: none;
}
td.highlight {
  background-color: #e4e5ce;
  background-color: #f4f4f8;
}
table h3 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1.3em;
	 font-weight:bold;
	 color: #333333;
	 padding-top:0.5em;
}
table td.heading {
	border-bottom: 1px #F0F3E4 solid;
	padding:0.25em;
	text-align:left;
	vertical-align:top;}
	
p sup {font-size:0.75em}

#global {
  background: #2a5f8c url(/apps/water/wetlands/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: #7894cc url(/apps/water/wetlands/images/bg-button.gif) no-repeat 0 50%;
}
#header {
  background: #104b7d url(/apps/water/wetlands/images/bg-header.gif) repeat-x 100% 0;
}
#header img {
  padding-left: 12px;
  padding-top: 5px;
}
#header ul li {
  background: transparent url(/apps/water/wetlands/images/bg-access-repeat.gif) repeat-x 0 0; 
}
#header ul li.left-link {
  background: transparent url(/apps/water/wetlands/images/bg-access-left.gif) no-repeat 0 0;
}

 div.highlight {
  border:1px solid #abc;
  background:#f9f9ff;
  border-radius:6px;
  border-radius:6px;
  margin: 0.75em 0.5em 0.5em 0;
  padding: 0 0.5em 1em 0.5em;
}
  


select.fixedwidth
{
width:260px
}
.footnote {
  border-top: solid #999999 1px;
  padding: 0.1em 0.4em 0 0;
  margin-top:2em;
}
.footnote p { 
	color:#666666; 
	font-size:75%;
}

/* Controls navigation for anchor links and related page links 
----------------------------------------------------------------------------------------- */
#pagenav, 
#sectionnav
{
  background: transparent url(/apps/water/wetlands/images/bg-pagenav.gif) no-repeat 0 9px;
}

#pagenav h2, #sectionnav h2  {
  color: #063b69;
}
/*to style multiple sections of a page using a style like sectionnav
---------------------------------------------------------------------------------*/
 .subsection
{
  background: transparent url(/apps/water/wetlands/images/bg-pagenav.gif) no-repeat 0 9px;
  padding: 0 0.25em 1px 18px;
  margin: 0.5em 0.5em 1em 0; 
}
 .subsection h2
{
  color: #063b69;
  font-size: 100%;
  padding: 0.5em 0 0.5em 4px;
  margin: 0;
}


/* Left nav overrides
--------------------------------------------------------- */
#navigation li.level1 a,
#navigation li.level1 a:link,
#navigation li.level1 a:visited {
  background: transparent url(/apps/water/wetlands/images/bg-nav-heading.gif) no-repeat 0 0;
}


/* Image in navigation panel
----------------------------------------------------------------------------------------- */

#navigation-image {
  background: url(/apps/water/wetlands/images/bg-navigation.jpg) no-repeat 0 0;
  height: 160px;
  margin-top: 0;
}

/* Side navigation links down the right
----------------------------------------------------------------------------------------- */
#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, div.usability {
background-color: #FFFFFF !important;
border:1px solid #FFFFFF !important;
padding: 0.5em;
margin-bottom:1em;
}
#sidepanel h2.sidebox{
background-color: #FFFFFF !important;
color: #063B69 !important;
background-image: none !important; 
border-bottom: 3px solid #A4BD1D ;
padding:0.5em 0.5em 0.2em 0.5em !important;
margin-top:1em;
font-size:1.2em;
}
#sidepanel h2.usability{
background-color: #FFFFFF !important;
color: #333333 !important;
background-image: none !important; 
border-bottom: 2px solid #666666;
padding:0.5em 0.5em 0.2em 0.5em !important;
margin-top:1em;
font-size:1.1em;
}

#title {
  background: transparent url(/apps/water/wetlands/images/bg-feature.gif) no-repeat right 0;
  width: 750px;
  top: 28px;
}  
#title h1 {
  color: white;
  font-size: 170%;
  padding: 4px 0 0 0;
  margin-right: 150px;
}
#title h2 {
  color: #e2e5f0;
  font-size: 130%;
  margin-right: 144px;
}


/* areas titles */

.quality {
  background: transparent url(/apps/water/wetlands/images/bg-feature.gif) no-repeat right 0 !important;
}  

.environmental {
  background: transparent url(/apps/water/wetlands/images/bg-feature-environmental.gif) no-repeat right 0 !important;
}
.mdb {
  background: transparent url(/apps/water/wetlands/images/bg-feature-mdb.gif) no-repeat right 0 !important;
}  

.quality {
  background: transparent url(/apps/water/wetlands/bg-feature-quality.gif) no-repeat right 0 !important;
}  

/* Controls layout of map interface
----------------------------------------------------------------------------------------- */
#map-container {
  background: white url(/apps/water/wetlands/images/bg-map-thumbs.gif) repeat-y 0 0;
  float: left;
  width:100%;
  margin: 0 0 1em 0;
  padding: 0;
}
#map-container ul {
  background: white url(/apps/water/wetlands/images/bg-map-nav.gif) repeat-x 0 0; 
  font-size: 110%;
  height: 23px;
  list-style-type: none;
  padding: 0;
}
#map-container 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;
}
#map-container li a:visited {
  background-color: transparent;
  color: #039;
}
#map-container li a:hover {
  background-color: transparent;
  color: black;
}
#map-container li.activepage {
  border-bottom: 2px solid white;
}
#map-container li.all-map-list {
  background: none; 
  border: none;
  float: right;
}
#map-image img {
  float: left; 
  padding: 0;
  margin: 5px 0 0 5px;
}
#map-thumbs {
  clear: both;
  float: left;
  margin-top: 1em;
  padding: 0.5em 0 0.5em 5px;
  width: 60px;
}
#map-thumbs img {
  padding-bottom: 0.5em;
}
#map-content p {min-width:300px}
#map-content p.pdf {width:auto}
#map-content .photo {float:left; margin-top:0}
#map-content {margin-left:66px}


/* Controls UL list for map interface
----------------------------------------------------------------------------------------- */
#map-list {
  padding: 0 0 1em 0;
  background-color: #f7f7f0;
  border: 1px solid #efefe1;
  margin: 5px 0 0.5em 480px;
  
}
#map-list 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;
}
#map-list ol {
  padding: 0.5em 0.5em 0.5em 2em;
  margin: 0 0 0 0.5em;
  
}
#map-list ol li {
  background: none;
  list-style-type: decimal;
  padding: 0.2em 0 0.2em 0;
 }
#map-list ul {
  background: none; 
  font-size: 100%;
  height: 100%;
  list-style-type: none;
  padding: 0.5em 0.5em 0.5em 0;
}
#map-list ul li {
  background: transparent url(/apps/water/wetlands/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;
}

/* Water for future sidepanel promo
----------------------------------------------------------------------------------------- */
#sidepanel .future-promo ol {
  margin-left: -12px;
}
#sidepanel .future-promo li {
  background: 0;
  list-style-type: decimal;
  font-size: 95%;
}

/* Environmental Watering image display
----------------------------------------------------------------------------------------- */
div.ewatering-image {
  float: right;
  width: 325px;
  margin: 0 0 1em 0.5em;
}
div.ewatering-image p {
  background-color: white;
  border: 1px solid #a4b97f;
  color: #333;
  font-size: 80%;
  line-height: 1.3em;
  margin-bottom: 0.75em;
  margin-top: 1em;
  padding: 0 0 0.35em 0;
  text-align: center;
}



		
/*  Ramsar search sidepanel
--------------------------------------------------------------------------------------------------------*/


#sidepanel h2.ramsar-search{
background-color: #c0d1e2 !important;
color: #333333 !important;
font-weight:600;
border-left: 1px solid #4980b8;
border-right: 1px solid #4980b8;
border-top: 1px solid #4980b8;
border-bottom:none;
-moz-border-radius-topleft:15px;
padding:0.5em !important;
margin-top:1em;
font-size:1.0em;
}
#sidepanel div.ramsar-search{
background-color:#f6f8e8!important;
border-top:none;
border-left: 1px solid #4980b8;
border-right: 1px solid #4980b8;
border-bottom: 1px solid #4980b8;
padding: 0.5em 0.5em 0.5em 1em;
margin-bottom:1em;
}
/* Wide footer
----------------------------------------------------------------------------------------- */
#footer2 p { border:none;color:#333;text-align:center;font-size:0.8em}
#footer2 a { border:none;color:#333;text-align:center;font-size:0.9em;text-decoration:none}
#footer2 a:hover { text-decoration:underline}
#footer-wide .cols4 h2 {font-size:1.0em; font-weight:bold; color:#008; padding-top:1em; line-height:1.4em;}
#footer-wide .cols5 h2 {font-size:1.0em; font-weight:bold; color:#008; padding-top:1em; line-height:1.4em;}
#footer-wide .cols6 h2 {font-size:1.0em; font-weight:bold; color:#008; padding-top:1em; line-height:1.4em;}
#footer-wide .cols6 h2 a {font-size:1.0em; font-weight:bold; color:#008; padding-top:1em; line-height:1.4em;}
#footer-wide ul {
  list-style-type: none;
	padding-left:20px;
}

#footer-wide ul li {
  background: url(/includes/default/images/bullet.gif) no-repeat 0 0.6em; 
  font-size: 0.9em;
  padding: 0 0 0 15px;
}
#footer-wide a {text-decoration:none;color:#008;font-size:0.8em}
#footer-wide a:hover {text-decoration:underline;color:#800;}
.cols4 {float:left;margin-top:0px;width:22%;}
.cols5 {float:left;margin-top:0px;width:18%;}
.cols6 {float:left;margin-top:0px;width:14%;}

#footer-wide {
background:#fff;
border-top:3px solid #a4bd1d;
clear:both;
padding:3px 0 3px 0;

}
/* New styles
----------------------------------------------------------------------------------------- */
#maincontent {margin-left: 50px !important;}
body.wideright #sidepanel {background:transparent;border-left:2px solid #ddd; !important;}
body.wideright #sidepanel .sidebox {padding-left:20px}
body.wideright #sidepanel h3 {background-color:white;color:#9a0838;font-size:1.1em;border-bottom:2px dotted #800;padding-bottom:0px}
.youtube 
{
  background: url(/includes/default/images/ico-youtube32.png) no-repeat 0px 0.5em !important;
  list-style-type: none !important;
  padding: 5px 0 5px 25px !important;
  } 

div.imagegroup {
float:left;
margin:1em 0 0 0; 
padding:0 0 0.5em 0;  
border-top:1px solid #6f84d4; 
border-bottom:1px solid #6f84d4;
width:100%;background:#fff;
}
div.imagegroup p {
margin:0 0 0 0; 
color:#000;
font-size: 0.8em; 
font-family: sans-serif;
font-weight:normal;
width:auto;
text-align:left;
}

div.imagecaption {
float:left; width:260px; 
margin: 10px 5px 10px 5px; 
padding: 10px 10px 20px 10px; 
display:inline; 
text-align:center; 
border-color:#CCC #aebbeb #aebbeb #CCC; 
border-width:1px; 
border-style:solid; 
background: white;}

div.imagecaption img {
border-color:#aebbeb; 
border-width:1px; 
border-style:solid;}

div.imagecaption a {
font-size:1.3em;
font-weight:bold;
text-decoration:none;
color:#088
}
.alt-for-object
{position:absolute;
left:-10000px;
top:auto;
width:1px;
height:1px;
overflow:hidden;}

.table dt {
    clear: left;
    float: left;
    font-weight: bold;
    margin: 0;
    padding: 3px;
    width: 25%;

}

.table dd {
    background-image: none;
    margin: 0;
    padding: 3px;
}
/* Tab colour
----------------------------------------------------------------------------------------- */
ul#tabnav a:hover {
  background-color: #e9eff5;
  text-decoration:underline;
}



/*------------ BEGING CSS Popup Listing -----------*/

a.summary span {
	position: absolute;
	margin-left: -999em;
	padding: 4px;
	text-decoration:none;
}
a.summary:hover span, a.summary:focus span, a.summary:active span {
   display: block;
   position: absolute;
   float: right;
   border: 1px solid #A4BD1D;
   padding: 4px;
   width: 40%;
   left: 40%;
   margin: 4px;
   background: #F6F8EE;
   text-align: left;
   text-decoration:none;
   font-size:1em;
   color: #333;
}

/*------------ END CSS Popup Listing --------------*/
/*---ramsar-advanced search----*/
form.contact-form fieldset {
  background: #edf2f7 url(/apps/water/wetlands/images/bg-fieldset.gif) repeat-x 0 0;

 border-top-right-radius:6px;
 border-top-left-radius:6px;
  
}
form.contact-form fieldset.submit {
  background: #edf2f7 url(/apps/water/wetlands/images/bg-fieldset-submit.gif) repeat-x 0 0;

 border-top-right-radius:6px;
  border-top-left-radius:6px;
}
form.contact-form legend {
  
border-top-right-radius:6px;
border-top-left-radius:6px;
}
/*------diwa advanced search-----*/
select {font-size:85%;
        width:95%;
		border-style:none;
		border-collapse:collapse;
		margin-top:5px;
}