body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,strong,th,var{font-style:normal;font-weight:normal;}ol,ul {list-style:none;}caption,th {text-align:left;}q:before,q:after{content:'';}

/*** 
---------------------------
Site Area Navigation Styles
---------------------------
. features overrides to generic rounded corners css 
. defines border and the corners. 
. content to define height & keep the corner positioning correct 
. legend:
    cdc-nav-module : wrapper div
    nav-container  : table
    nav            : table column cells
***/
.header-container {
  background: #FFFFFF;
  margin-top: 5px;
  width:auto;
}
.cdc-rc-container {
  border:1px solid #ccc;
  width:auto;
  padding-top: 0px;
}
  
#cdc-nav-module {
  margin-top:1px;
  background:url(../images/sitearea-nav.jpg) repeat-x top left;
  z-index:10;  /* req: flydowns */
  }
  /* IE requires height. FF1.0 takes literally */
  * html #cdc-nav-module { height:1%; }

#cdc-nav-module .nav-container  {
  margin-top:0px; 
  width:800px;
  }
  /* IE6 moves flydown 1 pixel down to not overlap nav */    
  * html #cdc-nav-module .nav-container { margin-bottom:-1px; }

#cdc-nav-module .nav { 
  padding:6px 7px 6px 8px;
  border-right:1px solid #ccc;
  position: inherit;
    
  }
  /* IE hover alternative */
  * html #cdc-nav-module .nav {
  behavior: expression( 
    this.onmouseenter=new Function("this.className+=' hover'"),
    this.onmouseleave=new Function("this.className=this.className.replace(' hover','')"),
    this.style.behavior=null);
    } 

#cdc-nav-module .lastnav { border-right:0 solid #ccc; }

#cdc-nav-module .nav:hover, #cdc-nav-module .hover {
  background:url(../images/sitearea-nav.jpg) repeat-x 0 -100px; 
  }

#cdc-nav-module .nav a {
  display:block;
  padding:0; /* req */
  height:auto; /* req: min auto. Not 100% */
  color:#2f6681; 
  background-color:transparent;
  font-size:90%;
  line-height:1.13em; /* equiv: 4px line-height; */
  font-weight:bold;
  text-align:center;
  text-decoration:none;
  }

#cdc-nav-module .nav:hover a, 
#cdc-nav-module .hover a { color:#fff; }
/*******/

/***
----------------------------------------
Package: Basic text formatting for menus            
----------------------------------------
 . Change colors, fonts, borders, etc.
***/

.menuFrame {
  overflow:hidden; 
  position:absolute;
  display:none;
  /* IE require -1px top to remove doubleline with flydown, 
     Safari is couple pixels off  */
  %margin-top:-1px; 
  }
  * html .menuFrame { margin-left:1px; } /* req: IE 6 extra 1 pixel margin */

.menu {
  position:relative;
  width:100%;
  height:100%;
  border:1px outset;
  border-top-width:0;
  font-size:100%;
  }

.menu li {
  display:inline; 
  %margin-bottom:-1px; /* IE has 1 extra pixel at top of each li */
  }
  * html body .menu li {
    behavior: expression( 
      this.onmouseenter=new Function("this.className+=' subhover'"),
      this.onmouseleave=new Function("this.className=this.className.replace(' subhover','')"),
      this.style.behavior=null); 
    }

.menu a:link, .menu a:visited {
  line-height:1.5em;
  color:#2f6681;
  padding:2px 10px 3px;
  text-decoration: none;
  border-top:1px solid #d5e0e6;
  border-right:1px solid #c9cbcd;
  display:block;
  background:url(../images/sitearea-nav-bg.png) repeat-x;
  width:185px;
  }
  * html .menu li a:link, * html .menu li a:visited {
    background:none;
    background-color:#fff;
    filter:alpha(opacity=97); /* req: IE 6 & 7, ignored by rest */
    }
  * html .menu li a:hover {
    background-color:#d5e0e6;
    filter:alpha(opacity=97); /* req: IE 6 & 7, ignored by rest */
    }

.menu a:hover, .menu .subhover {
  display:block;
  position: inherit;
  background-position: 0 -250px; 
  }

.link-group { font-weight:bold; }

.menu .link-group a:link, .menu .link-group a:visited,
.menu .link-group a:hover, .menu .link-group a:active { 
  border-top:1px solid #acc2cd; 
  border-right:1px solid #c9cbcd;
  font-weight:bold !important; 
  }

#aboutFrame { %margin-left:-1px; } /* IE 7 positioning offset */
  * html #aboutFrame { margin-left:0; } /* restore IE 6 position */

/* Partner menu opens inwards */
#conservationFrame { 
  margin-right:-1px; /* FF Fix. */
  left:588px !important; 
  }
  * html #conservationFrame { 
    left:587px !important; 
    width:201px; 
    }