/*
Navigation - Mega Drop-Down
-navigation-megadropdown.css
*/

/* Nav panel */

.nav_panel{
	display:none;
	position:absolute;
	width:876px; /* 936 - 10 - 50 */
	height:230px;
	left:0px;
	background:transparent url(/images/background/nav_panel_background.png) no-repeat bottom center;
	padding:30px 10px 0 50px;
	overflow:visible;
	z-index:15;
}
:root .nav_panel{ /* Hides this from IE 7 and 8. This is valid in CSS 3 but not 2.1 */
	background:transparent url(/images/background/nav_panel_background.png) no-repeat bottom center;
}

.add_ribbon .nav_panel{
	height:300px; /* 330 - 30 */
	background:transparent url(/images/background/nav_panel_background.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/list/bullet_blue_disc.png) no-repeat 0 2px;
	padding:0 0px 20px 18px;
}
.javascript_off #navigation li:hover .nav_panel{
	display:block;
	z-index:22;
}

.nav_p_heading{
	color:#003366;
	font-size:14px;
	font-weight:bold;
}
.nav_p_description{
	font-size:11px;
	padding-top:4px;
}

/* section_index changes */

.section_index .nav_panel{
	height:150px;
	background:transparent url(/images/background/nav_panel_background_square.png) no-repeat;
}
.section_index #navigation .nav_panel li{
	padding-bottom:10px;
}

.section_index #banner{
	position:relative;
	height:179px;
}

/* section_page changes */

.section_page .nav_panel{
	height:102px;
	background:transparent url(/images/background/nav_panel_background_square.png) no-repeat;
}
.section_page #navigation .nav_panel li{
	padding-bottom:1px;
}

.section_page #banner{
	position:relative;
	height:111px;
}

.section_page .nav_p_heading{
	font-size:10px;
}

.section_page .nav_p_description{
	font-size:10px;
}

.section_page .nav_panel{
	padding-top:10px;
}