/***************************************************
# CSS_JS_MENU
***************************************************/
#navigation {
	margin:0; 
	padding:5px 0 0; 
	background:#013367 url(../../images/nav-bar.gif) 0 100% no-repeat; 
	height:25px;
	width:822px;	
}
#navigation ul {
	position:absolute;
	width:1000px;
	margin:0; 
	padding:0;
	left:12px;
}

#nav {
	position:absolute;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:69%; /* 11px approx */
	color:#fff;	
}
#nav * {
	margin:0;
	padding:0;
}
#nav a {
	display:block;
	color: #fff;
	text-decoration:none;
	font-weight:normal;
	font-size:1em;
	padding:5px 20px;
}
#nav li {
	padding-bottom:1px;
}
#nav li li {
	padding-left:2px;
	padding-right:2px;	
}

#nav .bottomShadow {
	visibility:inherit;
	position:absolute;
	width:100%;
	height:4px;
	left:0;
	bottom:0;	
	margin-bottom:-4px;
	background:url(../../images/menu/165/menu_bottom.png) 0 0 no-repeat;		
}
#nav, #nav ul {
	float:left;
	width:100%;
	list-style:none;
	z-index:1000000;
}
#nav li.level1 {
	float:left;
	position:relative;
	background:url(../../images/menu/menu_vseparator.gif) 100% 50% no-repeat;
	width:165px;
}
#nav li.level1 div {
	width:100%;
}
#nav li.level1:hover div {
	z-index:1;
}
li.level1:hover>div {
	background:url(../../images/menu/165/menu_top.png) 50% 0 no-repeat;
}
#nav li a.top {
	font-weight:bold; 
	font-size:1.1em;	
} 
#nav li a.top:hover {
	font-weight:bold; 
} 
#nav li ul {
	position:absolute;
	left:-999em;
	height:auto;
	font-weight:normal;
}
#nav li div>ul, #nav li>ul {
	background:url(../../images/menu/165/menu_bg.png) 50% 0 repeat-y;
}
#nav li ul ul {
	margin-left:80%;
	margin-top:-2.5em;
}
#nav li ul li {
	background:url(../../images/menu/165/menu_separator.gif) 50% 100% no-repeat;
}
#nav li.lastNav { 
	background-image:none; 
}
#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:auto;
}
#nav li li:hover a:hover, #nav li li.sfhover a:hover {
	background:url(../../images/menu/165/menu_bg-over.gif) 50% 0 repeat-y;
}

#nav .menu_vseparator {
	float:left;
	background: url(../../images/menu/menu_vseparator.gif) 50% 50% no-repeat;
	width:1px;
	height:2em;
	padding:0 5px;
}

/*
 * This is a BIG hack!!! 
 * Set variable menu widths here
 */

/* End Of Day specific styles */
li#navEndOfDay.level1 {
	width:115px;
}
li#navEndOfDay .bottomShadow {
	background:url(../../images/menu/115/menu_bottom.png) 0 0 no-repeat;
}
li#navEndOfDay.level1:hover>div {
	background:url(../../images/menu/115/menu_top.png) 50% 0 no-repeat;
}
li#navEndOfDay div>ul, #navEndOfDay li>ul {
	background:url(../../images/menu/115/menu_bg.png) 50% 0 repeat-y;
}
li#navEndOfDay ul li {
	background:url(../../images/menu/115/menu_separator.gif) 50% 100% no-repeat;
}
li#navEndOfDay li:hover a:hover, li#navEndOfDay li.sfhover a:hover {
	background:url(../../images/menu/115/menu_bg-over.gif) 50% 0 repeat-y;
}

/* Research & Commentary specific styles */
li#navResearch.level1 {
	width:205px;
}
li#navResearch .bottomShadow {
	background:url(../../images/menu/205/menu_bottom.png) 0 0 no-repeat;
}
li#navResearch.level1:hover>div {
	background:url(../../images/menu/205/menu_top.png) 50% 0 no-repeat;
}
li#navResearch div>ul, #navResearch li>ul {
	background:url(../../images/menu/205/menu_bg.png) 50% 0 repeat-y;
}
li#navResearch ul li {
	background:url(../../images/menu/205/menu_separator.gif) 50% 100% no-repeat;
}
li#navResearch li:hover a:hover, li#navResearch li.sfhover a:hover {
	background:url(../../images/menu/205/menu_bg-over.gif) 50% 0 repeat-y;
}