/*  **************
    Drop-down menu
**  **************  */
/* Loosely based on the TJK menus 
  See http://www.tjkdesign.com/articles/Pure_CSS_Dropdown_Menus.asp
*/

	/* Set KISS colors: the same in main and submenus */
  div#menu0a
  {
  	color:#9e9e9e;
	font-size:11px;
  }
  
    div#menu0a a
  {
  	color:#9e9e9e;
	}
	
	    div#menu0a a:hover
  {
  	color:#6699FF;
	}
  div#menu1 a { 
		color: #fff;
	}

  div#menu1 li a:hover,
  div#menu1 li a:focus,
  div#menu1 li a:active {
    color:#87b2d8;
    text-decoration:underline;
  }

  /* menu container */
	div#menu1 {
    position:relative;
		width: 100%;
    float: left;
		height: 22px;
		line-height: 22px;
		background-color: #fff;
		border-color:#fff;
		border-style:solid;
		border-width: 1px 0 1px 0;
		background-image:url(/s/menus/m1-bg.png);
		background-repeat:repeat-x;
		
    z-index:5; /* This is required to fix the IE6/7 z-index bug
	It moves the positioning context ABOVE the context of the elements under the dropdown menus */
	margin-bottom:10px;
	}

  /* top-level menu items */
  div#menu1 li {
    position: relative;
    border: 0 solid #fff;
    cursor: pointer;
    float: left;
    height: 22px;
	width:103px;
    line-height: 22px; /* Make sure that the li elements fill the vertical space */
    list-style-type: none;
    list-style-image: none;
  }
  
  /* Drop-down sub-menu blocks */
  /* TBD: optimize each width individually */
  div#menu1 li ul {
    position: absolute;
    left: -10px;
    top: 21px !important;
    height: auto;
    padding: 1px 10px 10px 10px; 
    display: none;
    cursor: default;
    background: url(/s/pix/shim.gif); /* 
    z-index: 64; /* Forces the drop-downs above other content */
  }

  /* Set drop-down menu item widths individually */
  div#menu1 li#m1prod ul { width:152px;  }
      div#menu1 li#m1prod ul li { width:140px; }
  div#menu1 li#m1solu ul { width:142px; }
	  div#menu1 li#m1solu ul li { width:120px; }
  div#menu1 li#m1serv ul { width:122px; }
	  div#menu1 li#m1serv ul li { width:100px; }
  div#menu1 li#m1part ul { width:116px; }
    div#menu1 li#m1part ul li { width:94px; }
  div#menu1 li#m1news ul { width:112px; }
    div#menu1 li#m1news ul li { width:90px; }
  div#menu1 li#m1even ul { width:3.0em; }
    div#menu1 li#m1even ul li { width:3.0em; }
  div#menu1 li#m1reso ul { width:112px; }
	  div#menu1 li#m1reso ul li { width:90px; }
  div#menu1 li#m1evid ul { width:102px ; } 
    div#menu1 li#m1evid ul li { width:80px; } 
  
  
  /* Display the drop-down menus when user mouses over the top menu items */
  div#menu1 li:hover ul,
  div#menu1 li.msieFix ul {
    display: block;
  }
  
  /* Drop-down sub-menu items */
  div#menu1 li ul li {
    font-size:12px;
    width:100%;
    height: auto;
    padding: 1px 10px 5px 10px ;
    line-height: 1.2em;
    background-color: #335098;
    border-style: solid;
    border-width: 0 1px 0 1px ; 
    border-color:#fff;
  }
  
  div#menu1 li ul li.first {
		padding-top: 3px; 
  }
  
  div#menu1 li ul li.last {
		border-width: 0 1px 1px 1px; 
  }
  
  /* All menu links */
  div#menu1 li a {
    cursor:default;
    text-decoration:none;
    display:block;
  }

  /* sub-menu Anchors */
  div#menu1 li ul li a {
    position: relative !important;   /* ie Mac */
    cursor: pointer !important;
    border: none;
    background-position: 0 50% !important;
  }

  /* "trigger" and "msieFix" classes */
  #menu1 li.msieFix a {
  }


/* We may not  need this accessibility stuff from the original scripts (for old browsers ? ) */

/* z-indexes are a fix for tabbing order in safari...dixit tjk
/* users can keep sub-menus up by from sub-menus to next top level  */
/* didn't find a solution for users going back from the last one. I prefer  */
/* to leave it like that vs. taking the last sub-menu *out of* the wrapper  */
/*
  #menu1 li#m1prod { z-index:19; }
  #menu1 li#m1solu { z-index:18; }
  #menu1 li#m1serv { z-index:17; }
  #menu1 li#m1part { z-index:16; }
  #menu1 li#m1news { z-index:15; }
  #menu1 li#m1even { z-index:14; }
  #menu1 li#m1reso { z-index:13; }
  #menu1 li#m1evid { z-index:12; }
*/

/* Keeping current menu accessible to JAWS */
/*
.AB #menu1 li#AB ul,
.CF #menu1 li#CF ul,
.GJ #menu1 li#GJ ul,
.KR #menu1 li#KR ul,
.ST #menu1 li#ST ul,
.UZ #menu1 li#UZ ul {
  display:block;
  top:-1000px
}
*/
/* If JS is OFF we need to style the links in the sub-menu of the current page     */
/* so they are accessible to keyboard users. Using a class on each link would let  */
/* us stick each link in the same place, but we would have to plug a lot of        */
/* attributes in the markup and many rules here, so...    
*/
/*
.AB #menu1 li#AB ul li a:focus,
.AB #menu1 li#AB ul li a:active,
.CF #menu1 li#CF ul li a:focus,
.CF #menu1 li#CF ul li a:active,
.GJ #menu1 li#GJ ul li a:focus,
.GJ #menu1 li#GJ ul li a:active,
.KR #menu1 li#KR ul li a:focus,
.KR #menu1 li#KR ul li a:active,
.ST #menu1 li#ST ul li a:focus,
.ST #menu1 li#ST ul li a:active,
.UZ #menu1 li#UZ ul li a:focus,
.UZ #menu1 li#UZ ul li a:active {
  position:absolute !important;
  top:1028px !important;
}
*/