/*
Navigation - Mega Drop-Down
*/

.nav_panel{
	display:none;
	position:absolute;
	width:876px; /* 936 - 10 - 50 */
	height:230px;
	left:0px;
	background:transparent url(/images/navigation/nav_panel_background.png) no-repeat bottom center;
	padding:30px 10px 0 50px;
	overflow:visible;
}
:root .nav_panel{ /* Hides this from IE 7 and 8. This is valid in CSS 3 but not 2.1 */
	background:transparent url(/images/navigation/nav_panel_background_with_alpha.png) no-repeat bottom center;
}
.add_ribbon .nav_panel{
	height:300px; /* 330 - 30 */
	background:#e5e5e5 url(/images/navigation/nav_shadow.png) repeat-x;
}
.nav_panel ul{
	width:290px;
	float:left;
	background-color:#e5e5e5; /* Needed when images are turned off */
}
#navigation .nav_panel li{
	float:none;
	background:transparent url(/images/bullet_blue_disc.png) no-repeat 0 2px;
	/* Change bottom value, reduced by 5px to fix unattainable list item - KK */
	padding:0 0px 15px 18px;
}
.javascript_off #navigation li:hover .nav_panel{
	display:block;
	z-index:2;
}
.nav_p_heading{
	color:#003366;
	font-size:14px;
	font-weight:bold;
}
.nav_p_description{
	font-size:11px;
	padding-top:4px;
}