/*  CSS Document          menu_dropdown.css  toplevel                  */
/*  Written by Chris Converse for Lynda.com  */
.clear { 
	clear: both; 
	line-height: 0; }
/* Dropdown Menus */
.nav_menu { 
	position: relative; 
	z-index: 1000; 
	margin: 0px; 
	padding: 0px; }

	/* drop menu */
.nav_menu .dropmenu {
	 margin: 0; 
	 padding: 0; 
	 height: 30px; 
	 display: none; /* displays after menu load */
	 font-size: .9em;  }
	
	/* all items  */
.nav_menu ul.dropmenu li { 
	height: 30px;
	}
.nav_menu ul.dropmenu li:hover {
	background-color: #006699;
}
.nav_menu ul.dropmenu li.selected {/*does nothing??*/
	color: #00CCCC;
}
.nav_menu ul.dropmenu li a { 
	color: #fff; 
	text-decoration: none; 
	padding: 0px; 
	line-height: 20px; }
.nav_menu ul.dropmenu li.selected a {
	color: #000000;
}
	/* topitems */
.nav_menu ul.dropmenu { 
	margin: 0px; 
	padding: 0px; }

.nav_menu ul.dropmenu li ul {
	background-color: #006699;
	border-top: 1px solid #fff;
}	
.nav_menu ul.dropmenu a.toplevel {
	height: auto;
	margin: 10px 20px 7px 15px;
	padding: 0px 0px 4px 0px;
	color: #FFFFFF;
	font-weight: bold;
	text-decoration: none;
}
.nav_menu ul.dropmenu a.toplevel.hover { 
	color: #fff; }
.nav_menu ul.dropmenu a.toplevel.selected {
	color: #000000;
}
.nav_menu ul.dropmenu a.toplevel.hover.selected { 
	color: #000000;	 }/* subitems */

.nav_menu ul.dropmenu li ul li a.sublevel {
		color: #fff;
		width: 300px;
		padding: 5px 5px 2px 5px;
		margin: 0px;
}
.nav_menu ul.dropmenu li ul li a.sublevel.hover {
	color: #000 Important!;
	background-color: #00496C;
/*	font-size: larger;
	font-style: italic;*/
	font-weight: bolder;
}
.nav_menu ul.dropmenu li ul li a.sublevel.selected {
	color: #000000;
}
.nav_menu ul.dropmenu li ul li a.sublevel.hover.selected {
	
	  }
	
	/* sub subitems */
.nav_menu ul.dropmenu li ul ul { 
	left: -10px; 
	border: none; 
	border-left: 1px solid #fff; }
	
	/* Sub Menu Indicators */
.nav_menu ul.dropmenu a.indicator { 
	background: url(../images/arrow_right.gif) no-repeat right 50%; }
.nav_menu ul.dropmenu a.toplevel.indicator { 
	background: url(../images/arrow_down.gif) no-repeat 0px bottom; }