/*** 
---------------------------
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
***/

/* This part determines the properties of the parent menubar */
.cdc-rc-container {
	  /*width:auto;*/
	  width:100%;
  }
  
#cdc-nav-module {
  position:relative;
/*  margin-top:1px;*/
/*  background:url(sitearea-nav.jpg) repeat-x top left; */
  background:url(/staticcontentassets/images/flyouts/button_M1.gif) repeat-x top left;  
/*  background-color:#708CA1; */

  }
 

#cdc-nav-module .nav-container  {
  /*width:756px;*/
 	width: 100%;
}
  /* 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; */
	cursor:pointer;
/* 	border-right:1px solid #8AA4BB; */
  padding-left:0px;
  padding-right:0px;	
}

#cdc-nav-module .lastnav { border-right:0 solid #ccc; }

#cdc-nav-module .nav:hover, #cdc-nav-module .hover {
	background:url(/staticcontentassets/images/flyouts/button_M2.gif) repeat-x top left;	
  }

#cdc-nav-module .navImg{
	background:url(/staticcontentassets/images/flyouts/button_R1.gif) no-repeat top left;	
  }

#cdc-nav-module .navImg:hover{
	border:2px solid;
	background:url(/staticcontentassets/images/flyouts/button_R2.gif) no-repeat top left;	
  }
  
/* This part changes font of the parent menu text */
#cdc-nav-module .nav a {
  display:block;
  padding:0px; /* req */
  height:auto; /* req: min auto. Not 100% */
  color:#010101;
  background-color:transparent;
  font-size:12;
  line-height:1.13em; /* equiv: 4px line-height; */
  font-weight:bold;
  text-align:center; 
  text-decoration:none;
  margin-left:-20px;
  margin-right:-20px;		
/*  border:1px solid;*/
  }

/* Remove outline from anchor tags */
a:visited {
	outline-style:none;
}

/* 
This part changes the color of the parent menu text to black
on mouse over
*/

#cdc-nav-module .nav:hover a, #cdc-nav-module .hover a { 
	color:#010101;
}

#cdc-nav-module .selectedTopnav{ 
	background:url(/staticcontentassets/images/flyouts/button_M2.gif) repeat-x top left;	
}

#cdc-nav-module .selectedTopnav a{ 
	color:#010101;
}

#cdc-nav-module .navImg{ 
	background:url(/staticcontentassets/images/flyouts/button_R1.gif) repeat-x top left;	
}

#cdc-nav-module .plainTopNavImg{ 
	background:url(/staticcontentassets/images/flyouts/button_plain_R1.gif) repeat-x top left;	
}

#cdc-nav-module .selectedTopnavImg{ 
	background:url(/staticcontentassets/images/flyouts/button_R2.gif) repeat-x top left;	
}

#cdc-nav-module .selectedPlainTopnavImg{ 
	background:url(/staticcontentassets/images/flyouts/button_plain_R2.gif) repeat-x top left;	
}

/***
----------------------------------------
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; 
  border:0px;
	  }
  * html .menuFrame { margin-left:1px; } /* req: IE 6 extra 1 pixel margin */

.menu {
  position:relative;
  font-size:11px; /* This part changes the font size of the text within drop down menus */
  padding-left:0px;
  overflow:hidden;
  border-bottom:1px outset;
  border-bottom-color:#737A7F;
  }

.menu ul{
  overflow:hidden; 	
  padding:0px;
  margin-top:0px;
  margin-bottom:0px;
  margin-left:0px; 
  border:1px outset;  /* The 'outset' part resulted in a surrounding box around the menu */
  
  border-left-color:#FFFFFF;
  border-top-color:#FFFFFF;
  border-right-color:#737A7F;
  
 } 

  
.menu li {
  display:block; 
  cursor:pointer;	
 
  }
  * 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 li:hover {
	background-color:#FFFFFF;
	font-size:11px;
	color:#000000;
	display:block;

    }
.menu a:link, .menu a:visited {
/*  line-height:108%; */
  color:#010101;
  padding:2px 10px 3px;
  text-decoration: none;
	font-size:11px;
  display:block;
/*  background-color:#708CA1;*/
  width:auto;
height:18px;
  }
  * html .menu li a:link, * html .menu li a:visited {
   font-size:11px;
color:#000000;
    display:block;
    }
  * html .menu li a:hover {
/*  	background-color:#DFECF5; *//* This part changes the color of the drop down menu item on mouse over */
/*  	background:url(/staticcontentassets/images/flyouts/button_M2.gif) repeat-x top left;*/
    background-color:#FFFFFF;
	font-size:11px;
  	color:#010101;
   display:block;
    }

.menu a:hover, .menu .subhover {
  display:block;
    font-size:11px;
/*  background-color:#ABBF4A;	*/
/*  background-color:#DFECF5; */
    background-color:#FFFFFF;
    margin-bottom:-3px; /* IE has 1 extra pixel at top of each li */
	margin-left:-6px;
	padding-left:12px;
	margin-right:-6px;
height:18px;
color:#000000;
	}
	


.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; 
  }
  
.moduleName{
	FONT-FAMILY: Helvetica;
	color:#FFFFFF;
	padding-left:18px;
}

.topRightNavLinksDisplay{
	font-size:12;
    FONT-face:"Arial, Helvetica, sans-serif";
    color:"#ffffff";
}
.menu .menuItemEven {
    width:auto;
	background-color:#B6D4EE;
	padding-left:6px;
	padding-right:6px;
}
/* For Alternate color scheme of top navigation fly-down menu */
.menuItemEven a{
    width:auto;
	
    font-family: Arial, Helvetica, sans-serif;
	font-size:11px; 
    color:#000000;
    height:18px;
	padding-left:6px;
	padding-right:6px;
}
.menu .menuItemEvensubhover{
    width:auto;
    background-color:#FFFFFF;
	padding-left:6px;
	padding-right:6px;
	}
.menuItemEvensubhover a{
	width:auto;
	font-family: Arial, Helvetica, sans-serif;
    background-color:#FFFFFF;
	font-size:11px;
	color:#000000;
	height:18px;
	padding-left:6px;
	padding-right:6px;
	}
/* For Alternate color scheme of top navigation fly-down menu */
.menu .menuItemOdd{
	width:auto;
	background-color:#CBE0F1;	
	padding-left:6px;
	padding-right:6px;
}
.menuItemOddsubhover a{
	width:auto;
	font-family: Arial, Helvetica, sans-serif;
	background-color:#FFFFFF;
	font-size:11px;
	color:#000000;
	height:18px;
	padding-left:6px;
	padding-right:6px;
	}
.menu .menuItemOddsubhover{
	width:auto;
	background-color:#FFFFFF;
	padding-left:6px;
	padding-right:6px;
	}
.menuItemOdd a{
	width:auto;	
	font-family: Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#000000;
	height:18px;
	padding-left:6px;
	padding-right:6px;
}

/* For Alternate color scheme of Home and Search menus */
.highlightMenuItem{
	background-color:#FFFFFF;	

}
.headerMenuDark{
	background-color:#C6D1DA;
}
.headerMenuLight{
	background-color:#E2E8EC;
}

.headerMenu{
	border-left:1px outset;  /* The 'outset' part resulted in a surrounding box around the menu */
	border-right:1px outset;
	border-bottom:1px outset;
	border-left-color:#FFFFFF;
	border-top-color:#FFFFFF;
	border-right-color:#737A7F;
	border-bottom-color:#737A7F;		
}

