[an error occurred while processing this directive]
<!-- **************************************************************** -->
<!-- Begin JavaScript Variable to Set Active Tab - Change the "defaultMainList" value to match the name of the page as listed in the navigation include unordered list -->
<script type="text/javascript">
					<!--
					 var defaultMainList = "Ecosystem Health";
					// -->
					</script>
<!-- End JavaScript Variable to Set Active Tab -->
<!-- **************************************************************** -->
<!--  ************* Start Content ************************************************************  -->



<!--slider code-->
<script type="text/javascript" src="../../graphics/jquery-1.6.min.js"></script>
    <script type="text/javascript">
$(document).ready(function() {
        var cwidth = parseInt($("#container").css("width").replace("px", ""));
        var img_count = $("#img_container").children().length;
		
        //var img_width = $("#img1").width();
		//initial width is set for first image, reset for fixed
		//var img_width = 358;
		var img_width = 362;
        var divider = cwidth / img_count;
        var small_space = (cwidth - img_width) / (img_count - 1);

        // set position
        var cssleft = Array();
        $("#img_container img").each(function(index) {
            cssleft[index] = new Array();
            // set default position
            cssleft[index][0] = (index * divider) - (index * img_width);
            $(this).css("left", cssleft[index][0] + "px");

            // set left position
            cssleft[index][1] = (index * small_space) - (index * img_width);

            // set right position
            var index2 = index;
            if (index2 == 0) {
                index2++;
            }
            cssleft[index][2] = cssleft[index2 - 1][1];
        });
		
		
		//MAYBE COPY THIS CODE, REPLACE FOR MOUSE DOWN, SET LINK TO NEW PAGES.

        // image hover 
        $("#img_container img").mouseenter(function() {
            var img_id = parseInt($(this).attr("id").replace("img", "")) - 1;

            if ($(this).attr("id") != "img1") {
                $(this).animate({ 
                    left: cssleft[img_id][1] 
                }, 300);
            }                
            loopNext(this);
            loopPrev(this);
        });

        // image container hover out back to default position
        $("#img_container").mouseleave(function() {
            $("#img_container img").each(function(index) {
                $(this).animate({
                    left: cssleft[index][0]
                }, 300);
            });
        });

        function loopPrev(el) {
            if ($(el).prev().is("img")) {
                var imgprev_id = parseInt($(el).attr("id").replace("img", ""));

                if ($(el).prev().attr("id") != "img1") {
                    $(el).prev().animate({
                        left: cssleft[imgprev_id - 2][1]
                    }, 300);
                }
                loopPrev($(el).prev());
            }
        }

        function loopNext(el) {
            if ($(el).next().is("img")) {
                var imgnext_id = parseInt($(el).attr("id").replace("img", ""));

                $(el).next().animate({
                    left: cssleft[imgnext_id][2]
                }, 300);
                loopNext($(el).next());
            }
        }
    });
function MM_openBrWindow(theURL,winName,features) { //v2.0
  window.open(theURL,winName,features);
}
</script>
    <style type="text/css">
	/*
    body {
        margin: 0;
        padding: 0;
        font-family: Arial, "Free Sans";
    }
	*/
    #main {
        background: #0099cc;
        margin-top: 0;
        padding: 2px 0 1px 0;
        text-align: center;
    }
    #main a {
        color: #ffffff;
        text-decoration: none;
        font-size: 12px;
        font-weight: bold;
        font-family: Arial;
    }
    #main a:hover {
        text-decoration: underline;
    }
    #container {
        margin: 0 auto;
        margin-top: 50px;
		
        width: 700px;
        height: 200px;
		
		/*width: 330px;
		width: 90%;
        height: 175px; */
        overflow: hidden;
        border: 1px solid #000;
        -webkit-border-radius: .5em;
        -moz-border-radius: .5em;
        border-radius: .5em;
    }
    #img_container {
        width: 4000px;
		
    }
    #img_container img {
        position: relative;
        -moz-box-shadow: -5px 0 10px #000;
        -webkit-box-shadow: -5px 0 10px #000;
        box-shadow: -5px 0 10px #000;
        width: 360px;
		/* set margin-right to hide black background */
		margin-right:-3px;
		/*change width to fit all of the photos*/
    }
    #img1 { z-index: 0; }
    #img2 { z-index: 1; }
    #img3 { z-index: 2; }
    #img4 { z-index: 3; }
    #img5 { z-index: 4; }
	#img6 { z-index: 5; }

    </style>





<title>My Water Quality: Aquatic Ecosystem Health - Wetlands</title>

<link href="../../../../../css/waterboards_designview.css" rel="stylesheet" type="text/css" />
<table width="99%" border="0" cellspacing="0" cellpadding="0">
  <tr valign="bottom">
    <th width="77%" rowspan="2" align="left"><h1>What Types of Wetlands Are There?</h1></th>
    <th width="23%"><img src="../../../../images/ecohealth/wetlands5_147w70h.jpg" alt="wetland" width="147" height="70" align="top" /></th>
  </tr>
  <tr>
    <td><br /></td>
  </tr>
</table>
<div id="container" style="margin-top:12px;">
<div id="img_container" style="background-color:#000000">


    
    <img src="http://www.mywaterquality.ca.gov/images/wetlands/e_depressional_204h.jpg" height="204px" id="img1" onClick="window.location.href = 'depressional.shtml'";/> 

        
      
<img id="img2" src="http://www.mywaterquality.ca.gov/images/wetlands/e_lacustrine2_204h.jpg" height="204px" style="border-left-color:#FFFF00;  border-left-width:thick; border-left-style:ridge;" onClick="window.location.href = 'lacustrine.shtml'";/>

        <img id="img3" src="http://www.mywaterquality.ca.gov/images/wetlands/e_marine_204h.jpg" height="204px" style="border-left-color:#FFFF00;  border-left-width:thick; border-left-style:ridge;" onClick="window.location.href = 'marine.shtml'";/>
        
        
<img id="img4" src="http://www.mywaterquality.ca.gov/images/wetlands/e_estuarine_204h.jpg" height="204px" style="border-left-color:#FFFF00;  border-left-width:thick; border-left-style:ridge;"  onClick="window.location.href = 'estuarine.shtml'";/>
        
        <img id="img5" src="http://www.mywaterquality.ca.gov/images/wetlands/e_riverine_204h.jpg" height="204px;" style="border-left-color:#FFFF00;  border-left-width:thick; border-left-style:ridge;" onClick="window.location.href = 'riverine.shtml'";/> 
        
    <img id="img6" src="http://www.mywaterquality.ca.gov/images/wetlands/e_slope_204h.jpg" height="204px;" style="border-left-color:#FFFF00;  border-left-width:thick; border-left-style:ridge;" onClick="window.location.href = 'slope.shtml'";/> 

       
  </div>
        
    </div>
    <center class="footer">Hover over one of the images above, then click on the open image to jump to that topic.</center>

<p>California  has a great diversity of wetlands. Different  types of wetlands can provide different functions and services. This is also  true for the same kinds of wetlands in different regions or environmental  settings. Different wetland types   provide different <a href="services.shtml">services</a>&nbsp;and support diverse wildlife, such as water birds, birds of prey, otters, bears, deer, and a wealth  of fish species. Wetland management strategies must, therefore, be customized  based on wetland type and location. California has recently adopted a wetland  <a href="classifications.shtml">classification system</a> to help guide wetland management. </p>
<p>The  broad categories used to classify California&rsquo;s wetlands are <a href="lacustrine.shtml">lacustrine</a> (wetlands  associated with lakes and reservoirs), <a href="riverine.shtml">riverine</a> (wetlands associated with rivers and  streams), <a href="depressional.shtml">depressional</a> (shallow wetlands confined to  topographic basins or hollows), <a href="estuarine.shtml">estuarine</a> (wetlands associated with estuaries),  &nbsp;<a href="marine.shtml">marine</a> (wetlands along the coast), and <a href="slope.shtml">slope</a> (wetlands that depend on groundwater but  are not confined to topographic basins).  A number of factors distinguish these types, but the most important are  the sources of the water supporting the wetland, the depth of water in the  wetland, and its environmental setting. </p>

<span class="footer">( Updated 
<!-- #BeginDate format:Am2 -->9/20/13<!-- #EndDate --> )</span>
<p>&nbsp;</p>

<!--  ************* End Content **************************************************************  --> 
[an error occurred while processing this directive]