/**
 * Uses Suckerfish Menu method to implement dropdown navigation.
 *
 * Dark Blue #002D62
 * Light Blue #00AEEF
 * Slightly Darker Light Blue  #00A3E3
 * Orange #FBB040
 * Blue Grey #8095B0
 */
 
/**
 * Fixes bug #130 - IE8 menus sticking 
*/ 
#menu li:hover, #menu li.hover {
  position: static;
} 

/**
 * Needed to override css rules in Dojo.  Without
 * this rule, the main menu items are too thick.
 */

#menu li, #menuright li {
  line-height: 1.7em;	
  margin: 0;
}

/** 
 * basic styles for menu
 */
#menu, #menu ul, #menuright, #menuright ul {
  list-style: none;
  color: #FFFFFF;
  font-weight: bold;
  padding: 0;
  margin: 0;
}

#menuright, #menuright ul {
  float: right;
}

#menu a, #menuright a {
  font-family: Arial, sans-serif;;
  font-size: 12px;
  font-weight: bold;	
  display: block;
  padding: 5px 20px;
  color: #FFFFFF; 
  background-color: #002D62;
  text-decoration: none;
}

#menu li:hover, #menu li.sfhover, #menuright li:hover, #menuright li.sfhover {
  color: #FFFFFF; 
  background-color: #002D62;
  text-decoration: none;
}

#menu li, #menuright li {
  float: left;
  padding: 0;
}


/** 
 * styles for top of menu
 */
#menu a.top {	
	border-right: 1px solid #FFFFFF;
  background: url(../images/navBGgif.gif);
  text-transform: uppercase;  
}

#menu a.top:hover { 
  text-align: left;
  color: #FBB040; 
	border-right: 1px solid #FFFFFF;
  background: url(../images/navBGgif.gif);
  text-transform: uppercase;
}

#menu a.top_static { 
  border-right: 1px solid #FFFFFF;
  background: url(../images/navBGgif.gif);
}

#menuright a.top {	
	border-left: 1px solid #FFFFFF;
  background: url(../images/navBGgif.gif);
  text-transform: uppercase;  
}

#menuright a.top:hover { 
  text-align: left;
  color: #FBB040; 
	border-left: 1px solid #FFFFFF;
  background: url(../images/navBGgif.gif);
  text-transform: uppercase;  
}

/**
 * drop down list
 */
#menu li ul {
  position: absolute;
  z-index: 2;    
  left: -999em;
  height: auto;
  width: 140px; 
  font-weight: normal;
  border: 1px solid #74AED6;
  background-color: #00AEEF;
  margin: 0;
}
#menu li li {
  padding: 0;
  width: 140px; 
}
#menu li ul a {
  padding: 5px 10px;
  width: 120px;
}

/** 
 * 1st level dropdown color definition 
 */
#menu li ul.drop a {
  line-height: 1em;		
  color: #fff;
  background: #00AEEF;
  font-weight: bold;
  z-index: 1;    
}

#menu li ul.drop a:hover {
  color: #fff;
  background-color: #FBB040;
}

#menu li ul.drop li a.parent:hover {
  background: url(../images/drop.gif) no-repeat right center;
}

/* 
 * 2nd level dropdown color definition 
 */
#menu li ul.drop li:hover a.parent, #menu li ul.drop li.sfhover a.parent {
  color: #fff;
}

#menu li ul.drop li:hover, #menu li ul.drop li.sfhover {
  color: #fff;
  background-color: #FBB040;
}

/**  
 * flyout locations of 1st level drop down
 */
#menu li ul ul {
  margin: -2em 0 0 136px;
}

#menu li:hover ul ul, #menu li:hover ul ul ul, #menu li.sfhover ul ul, #menu li.sfhover ul ul ul {
  left: -999em;
}

/* following hover code no longer used to show menu now is done by javascript in menu.js file
   uncommenting this and removing javascript would go back to entirely css based menu system
#menu li:hover ul, #menu li li:hover ul, #menu li li li:hover ul, #menu li.sfhover ul, #menu li li.sfhover ul, #menu li li li.sfhover ul {
  left: auto;
}
*/

/**
 * Submenu for application page
 */
#sub-nav {
  width: 894px;
  height: 25px;
  padding: 0;
  margin: 0;
}

#submenu, #submenu ul {
  list-style: none;
  padding: 0;
  margin: 0;
}
#submenu li {
  float: left;
  padding: 0;
  font-size: 8pt;
}
#submenu li.disabled {
  color:#AAAAAA;
  text-decoration:underline;
  font-size: 8pt;
}
#submenu a, #submenu li.disabled {
  display: block;
  padding: 0px 5px;
  border-right: 1px solid #AAAAAA;
  font-weight:bold;
}

#submenu li:first-child a, #submenu li.disabled:first-child {
  border-left: 1px solid #AAAAAA;
}

#submenu a {
  color: #00A3E3;
}
#submenu a:hover {
  color: #FBB040;
}