@charset "utf-8";
/* CSS Document */

	#DropDownMenu,
    #DropDownMenu * { 
	  margin:0;
	  padding:0;
	}
	
	#DropDownMenu {
	  position:relative;
	  background:#ffffff no-repeat 100% 50%;
	  width:75em;
	  max-width:100%;
	  float:left;
	  margin-bottom:3.5em;
	  border-bottom:1px solid #666;
    }
	
	#DropDownMenu li ul {
	  width:14em !important;/* leaves room for padding */
	  cursor:default;
	  position:absolute;
	  height:auto;
	  display:none;
	  left:-10px;
	  padding:1px 10px 10px 10px;
	  background:url(/img/clear.gif);
	}
	
	#DropDownMenu li {
	position:relative;
	width:8.50em;
	max-width:16.5%;
	cursor:pointer;
	float:left;
	list-style-type:none;
	font-weight:bold;
    }
	
	#DropDownMenu li ul li {
	width:13em/*FF*/;
	padding:0;
	max-width:120%;
	border:1px solid #333;
	border-top:none;
    }
	
	#DropDownMenu li a {
	cursor:default;
	color:#666;
	border-left:1px solid #333;
	text-decoration:none;
	display:block;
	float:left;
	padding:0 .4em;
/*	width:7.47em; 
	height:2em;*/
	line-height:2em;
    }

    #DropDownMenu li ul li a {
	width:12em/*FF*/;
	position:relative !important; /* ie Mac */
	cursor:pointer !important;
	white-space:pre-line;
	line-height:1.5em;
	/*height:1.7em;*/
	font-weight:normal;
	border:1px solid #fff;
	color:#666;
	background-position:0 50% !important;
    }
	
	/* :hover and stuff */
    #DropDownMenu li a:hover,
    #DropDownMenu li a:focus,
    #DropDownMenu li a:active {color:#000}

	#DropDownMenu ul a:hover,
    #DropDownMenu ul a:focus,
    #DropDownMenu ul a:active {color:#fff !important;background:#bdcc00}
    
	/* display and z-index for the sub-menus */
    #DropDownMenu li:hover ul,
    #DropDownMenu li.msieFix ul {display:block;z-index:10;top:2em !important;}
    /* safari: 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  */
    #DropDownMenu li#QL {z-index:10;}
    #DropDownMenu li#CM {z-index:9;}
    #DropDownMenu li#AL {z-index:8;}
    #DropDownMenu li#IT {z-index:7;}
    #DropDownMenu li#AB {z-index:6;}
    #DropDownMenu li#CF {z-index:5;}
    #DropDownMenu li#GJ {z-index:4;}
    #DropDownMenu li#KR {z-index:3;}
    #DropDownMenu li#ST {z-index:2;}
    #DropDownMenu li#UZ {z-index:1;}

    .QL #DropDownMenu li#QL a,
    .CM #DropDownMenu li#CM a,
    .AL #DropDownMenu li#AL a,
    .IT #DropDownMenu li#IT a,
    .AB #DropDownMenu li#AB a,
    .CF #DropDownMenu li#CF a,
    .GJ #DropDownMenu li#GJ a,
    .KR #DropDownMenu li#KR a,
    .ST #DropDownMenu li#ST a,
    .UZ #DropDownMenu li#UZ a {color:#000;}
    /* Keeping current menu accessible to JAWS */
	.QL #DropDownMenu li#QL ul,
    .CM #DropDownMenu li#CM ul,
    .AL #DropDownMenu li#AL ul,
    .IT #DropDownMenu li#IT ul,
    .AB #DropDownMenu li#AB ul,
    .CF #DropDownMenu li#CF ul,
    .GJ #DropDownMenu li#GJ ul,
    .KR #DropDownMenu li#KR ul,
    .ST #DropDownMenu li#ST ul,
    .UZ #DropDownMenu li#UZ ul {display:block;top:-1000px}


    /* background colors 
    #AB,#AB li a {background-color:#e2facd;}
    #CF,#CF li a {background-color:#fffcd0;}
    #GJ,#GJ li a {background-color:#ffe1cc;}
    #KR,#KR li a {background-color:#fccae5;}
    #ST,#ST li a {background-color:#c9c9ff;}
    #UZ,#UZ li a {background-color:#ffcebe;}
	*/
	
	#QL,#QL li a {background-color:#ffffff;}
    #CM,#CM li a {background-color:#ffffff;}
    #AL,#AL li a {background-color:#ffffff;}
    #IT,#IT li a {background-color:#ffffff;}
	#AB,#AB li a {background-color:#ffffff;}
    #CF,#CF li a {background-color:#ffffff;}
    #GJ,#GJ li a {background-color:#ffffff;}
    #KR,#KR li a {background-color:#ffffff;}
    #ST,#ST li a {background-color:#ffffff;}
    #UZ,#UZ li a {background-color:#ffffff;}
	
	
    /* "trigger" and "msieFix" classes */
    #DropDownMenu li.msieFix a {}
    /* last nested UL. keeping it in */
    #DropDownMenu li#UZ ul {left:-2.3em !important;}

/* 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...                             */
.QL #DropDownMenu li#QL ul li a:focus,
.QL #DropDownMenu li#QL ul li a:active,
.CM #DropDownMenu li#CM ul li a:focus,
.CM #DropDownMenu li#CM ul li a:active,
.AL #DropDownMenu li#AL ul li a:focus,
.AL #DropDownMenu li#AL ul li a:active,
.IT #DropDownMenu li#IT ul li a:focus,
.IT #DropDownMenu li#IT ul li a:active,
.AB #DropDownMenu li#AB ul li a:focus,
.AB #DropDownMenu li#AB ul li a:active,
.CF #DropDownMenu li#CF ul li a:focus,
.CF #DropDownMenu li#CF ul li a:active,
.GJ #DropDownMenu li#GJ ul li a:focus,
.GJ #DropDownMenu li#GJ ul li a:active,
.KR #DropDownMenu li#KR ul li a:focus,
.KR #DropDownMenu li#KR ul li a:active,
.ST #DropDownMenu li#ST ul li a:focus,
.ST #DropDownMenu li#ST ul li a:active,
.UZ #DropDownMenu li#UZ ul li a:focus,
.UZ #DropDownMenu li#UZ ul li a:active {position:absolute !important;top:1028px !important;}