/*  List styling for navigation links/rollovers */
/* I am deeply grateful to Patrick Griffiths and Dan Webb for the Suckerfish Dropdowns: http://www.htmldog.com/articles/suckerfish/dropdowns/ */

/*link styles for top level */
#nav li a:link { font-family:Arial, Helvetica, sans-serif; font-size: 8pt; font-weight:bold; color:#EDEDD5; text-decoration:none; padding: 2px 0px; }
#nav li a:visited { font-family:Arial, Helvetica, sans-serif; font-size: 8pt; font-weight:bold; color:#EDEDD5; text-decoration:none; padding: 2px 0px; }
#nav li a:hover { font-family:Arial, Helvetica, sans-serif; font-size: 8pt; font-weight:bold; color:#FFFFFF; text-decoration:none; padding: 2px 0px; }
#nav li a:active { font-family:Arial, Helvetica, sans-serif; font-size: 8pt; font-weight:bold; color:#FFFFFF; text-decoration:none; padding: 2px 0px; }

/*link styles for 2nd level */
#nav li ul li a:link {font-family:Arial, Helvetica, sans-serif; font-size: 8pt; font-weight:bold; color:#000000; text-decoration:none; padding: 2px 0px; }
#nav li ul li a:visited { color:#000000; }
#nav li ul li a:hover { color:#180E55; }
#nav li ul li a:active { color:#180E55; }

/*link styles for 3rd level */
#nav li ul li ul li a:link { font-family:Arial, Helvetica, sans-serif; font-size:11px; font-weight:bold; color:#000; text-decoration:none;  background-color: #DFE8FF; padding: 3px 5px; border-top: 1px solid #4463B0; border-left: 1px solid #4463B0; border-right: 1px solid #4463B0; }
#nav li ul li ul li a:visited { font-family:Arial, Helvetica, sans-serif; font-size:11px; font-weight:bold; color:#000; background-color:#DFE8FF; padding: 3px 5px; border-top: 1px solid #4463B0; border-left: 1px solid #4463B0; border-right: 1px solid #4463B0; }
#nav li ul li ul li a:hover { font-family:Arial, Helvetica, sans-serif; font-size:11px; font-weight:bold; color: #000; background-color: #DFE8FF; padding: 3px 5px; border-top: 1px solid #4463B0; border-left: 1px solid #4463B0; border-right: 1px solid #4463B0; }
#nav li ul li ul li a:active { font-family:Arial, Helvetica, sans-serif; font-size:11px; font-weight:bold; color:#000; background-color:#DFE8FF; padding: 3px 5px; border-top: 1px solid #4463B0; border-left: 1px solid #4463B0; border-right: 1px solid #4463B0; }
a.last { border-bottom: 1px solid #4463B0; }

/* first level stuff ***********************************************/
#nav {position: relative;}
#nav, #nav ul { 
	padding: 0;
	margin: 0; /* lining up with logo */
	list-style: none;
	width: 745px;	/* Even multiple of a width times # elements */
					/* specified this so could have a bgcolor bar, which works in IE. */
					/* In Moz this color only goes length of list, regardless of width. */
					/* Apparently, width of UL determines width of sub-uls? Huh. */  
	text-indent: 0; 
	height: 20px;
	
	}

#nav li { 
	float: left;
	text-align: center;
	padding-left: 0px ; 
	width: auto;  /* width needed or else Opera goes nuts */
	height: 20px; 
	}

#nav a {
	display: block;
	width: 95px;
	height: 20px; 
	padding: 0;
	line-height: 1.5; 	/* this is what centers the text in the block in IE6Win; */ 
					 	/* and in others if padding all sides is zero*/
	}

/* need to override with of 95px above */
#nav a#abouta {width: 121px;}
#nav a#expertsa {width: 116px;}
#nav a#programsa {width: 120px;}
#nav a#pubsa {width: 150px;}
#nav a#eventsa {width: 110px;}
#nav a#resourcesa {width: 127px;}


/* second level stuff ***********************************************/
#nav li ul { 
	position: absolute;
	left: -999em; 	/* using left instead of display to hide menus */
					/* because display: none isn't read by screen readers */
					/* height not needed because of #nav li ul a below */
	width: 745px; 	/* needed to get IE6/Win & Opera7/Win to display horizontally; */
					/* same as list above */
	
	}
	
#nav li ul li { 
	display: inline; 
	float: left;
	padding: 2px 0 0 0; 
	margin:  -4px 0 0 0px;
	height: 18px;
	width: auto;  
	text-align: center; 
	}
	

#nav li ul a { 
	display: block;
	width: 50px; /* must be in pix or will display vert. */
	height: 40px;
	line-height: 1.6; /* set differently from previous level blocks because more text must fit here */
	padding: 0px; 
	}
	
/* override 50 px width set above to custom space different #s of items */	
#nav li ul a#whoa {width: 155px;}
#nav li ul a#employa {width: 169px;}
#nav li ul a#confa {width: 173px;}
#nav li ul a#fellowa {width: 213px;}

#nav li ul a#exalphaa{width: 250px;}
#nav li ul a#exproga{width: 250px;}
#nav li ul a#exexa {width: 200px;}

#nav li ul a#chinaa {width: 155px;}
#nav li ul a#globala {width: 190px;}
#nav li ul a#russiaa {width: 190px;}
#nav li ul a#othera {width: 180px;}

#nav li ul a#pubshomea {width: 160px;}
#nav li ul a#booksa {width: 130px;}
#nav li ul a#policya {width: 150px;}
#nav li ul a#papersa {width: 150px;}
#nav li ul a#articlesa {width: 155px;}

#nav li ul a#eventshomea {width: 250px;}
#nav li ul a#evproga {width: 250px;}
#nav li ul a#evlivea {width: 200px;}

#nav li ul a#mediaa {width: 70px;}
#nav li ul a#policymakersa {width: 125px;}
#nav li ul a#studentsa {width: 169px;}
#nav li ul a#newslettersa {width: 106px;}
#nav li ul a#liba {width: 109px;}
#nav li ul a#regionsa {width: 80px;}
#nav li ul a#topicsa {width: 79px;}


/* third level stuff ***********************************************/
#nav li ul li ul { 
	position: absolute;
	top: 18px;
	left: -999em; 	/* using left instead of display to hide menus because */ 
					/* display: none isn't read by screen readers */
	height: auto;
	width: 180px; /* needed not auto to get IE6/Win & Opera7/Win to display horizontally */
	z-index: 2; /* this was z-index 1; will making it 2 fix Safari's bug? */
	}
	
	
#nav li ul li ul li { 
	height: auto;
	width: auto; 
	text-align: left;
	padding: 0;
	
	margin:0;
	}
	
#nav li ul li ul li a {
	height: auto;
	padding: 0; 
	margin:0;
	width: 180px; 
	
	}
	* html #nav li ul li ul li a { /* Tan Hack for IE browsers; only matters if there are borders and/or padding) */
		width: 183px; 	/* IE5.x/win = width+pad+bord */
		w\idth: 180px; 	/* IE6/win not in quirks; IE5/mac */
	}

	
		
/* where to display the lists while being hovered  ***********************************************/		
#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul
{ left: -999em; }

#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul,  #nav li li li.sfhover ul { left: 0; z-index: 1; }

#nav li li:hover ul#about, #nav li li.sfhover ul#about { left: 0px; }

#nav li li:hover ul#programs, #nav li li.sfhover ul#programs { left: 0px; }

#nav li li:hover ul#pubs, #nav li li.sfhover ul#pubs { left: 0px; }

/*where to display third levels in NS, FF*/
#nav li ul li:hover ul#who { left: 0px;}

#nav li ul li:hover ul#global { left: 205px;}

#nav li ul li:hover ul#other { left: 575px;}

#nav li ul li:hover ul#pubshome { left: 20px;}

/*need hack for IE to display under right one for these third levels*/
#nav li li.sfhover ul#who {left: 0px; }
#nav li li.sfhover ul#global {left: 205px; }
#nav li li.sfhover ul#other {left: 575px; }
#nav li li.sfhover ul#pubshome {left: 20px; }

/* reiterate widths of lis that are above specified as corresponding a */
li#aboutli a {width: 121px;}
li#expertsli a {width: 116px;}
li#programsli a {width: 120px;}
li#pubsli a {width: 150px;}
li#eventsli a {width: 110px;}
li#resourcesli a {width: 127px;}

li#wholi a {width: 135px;}
li#employli a {width: 149px;}
li#confli a {width: 153px;}
li#libli a {width: 136px;}
li#fellowli a {width: 153px;}

li#exalphali a {width: 250px;}
li#exprogli a {width: 250px;}
li#exexli a {width: 200px;}

li#chinali a {width: 155px;}
li#globalli a {width: 190px;}
li#russiali a {width: 190px;}
li#otherli a {width: 180px;}

li#pubshomeli a {width: 160px;}
li#booksli a {width: 130px;}
li#policyli a {width: 150px;}
li#papersli a {width: 150px;}
li#articlesli a {width: 155px;}

li#eventshomeli a {width: 250px;}
li#evprogli a {width: 250px;}
li#evliveli a {width: 200px;}

li#mediali a {width: 80px;}
li#policymakersli a {width: 109px;}
li#studentsli a {width: 159px;}
li#newslettersli a {width: 106px;}
li#releasesli a {width: 119px;}
li#regionsli a {width: 80px;}
li#topicsli a {width: 79px;}

li a#groupa {width: 156px;}
li#groupli a {width: 156px;}
#nav li ul li ul#other {width: 156px;}
#nav li ul li ul li a#groupa {width: 156px;}

* html #nav li ul li ul li a#groupa { /* Tan Hack for IE browsers; only matters if there are borders and/or padding) */
		width: 156px; 	/* IE5.x/win = width+pad+bord */
		w\idth: 157px; 	/* IE6/win not in quirks; IE5/mac */
	}

ul.navilayer {position: absolute;
	top: 1px;
	visibility: hidden;
	width: auto;
}


ul a:visited {
	background-color: transparent;
}