/*** 
---------------------------
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
***/

#menu-inner {
  position:relative;
  /*margin-top:1px;
  background:url(/swa/i/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 .menu-link-container  {
  margin-top:-3px; 
  width:795px;
  }
  /* IE6 moves flydown 1 pixel down to not overlap nav */    
  * html #cdc-nav-module .nav-container { margin-bottom:-1px; }

#cdc-nav-module .menu-link { 
  padding:6px 7px 6px 8px;
  border-right:1px solid #ccc;  
  }
  /* IE hover alternative */
  * html #cdc-nav-module .menu-link {
  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 .menu-link:hover, #cdc-nav-module .hover {
  background:url(/swa/i/sitearea-nav.jpg) repeat-x 0 -100px; 
  }

.menu-link 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 .menu-link: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; 
  padding-width:0;
  border-width:0;
  margin:0;
  text-align:left;
  }
  * 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; 
  padding-width:0;
  font-size:8pt;
  border:1px solid #d3dff2;
  border-top-width:0;
  }

.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 ul {
  }

.menu a:link, .menu a:visited {
  line-height:108%;
  color:#333333;
  font-family: verdana, 'trebuchet ms', sans-serif;
  /*font-weight:bold !important;*/
  padding:5px 10px 4px;
  text-decoration: none;
  /*border-top:1px solid #d3dff2;*/
  /*border-right:1px solid #d3dff2;*/
  display:block;
  background:url(/images/sitearea-nav-bg.png) repeat-x;
  filter:alpha(opacity=97);  /* req: IE 6 & 7, ignored by rest */
  width:185px;
  }

.menu a:hover, .menu .subhover {
  display:block;
  background: url('/images/menu_bg_hover.jpg') repeat-x;
  background-position:0 -19px;
  }

.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; 
  }