/*  CSS Document                             */
/*  Written by Chris Converse for Lynda.com  */

/* Style */
/* Dropdown Menus */
nav {
/*		background-color: #CFF;*/
	background-color: #A7CFDF;
	font-size: 150%;
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	text-align: left;/*	padding: 5px;*/
	padding: 2% 0%;	
}
	.nav_menu { position: relative; z-index: 1000; margin: 0px; padding: 0px;}

	/* drop menu */
	.nav_menu .dropmenu { margin: 0; padding: 0; height: 28px; display: none; /* displays after menu load */ }
	
	/* all items  */
	.nav_menu ul.dropmenu li { height: 35px; }
	.nav_menu ul.dropmenu li:hover { background-color: #006699; }
	.nav_menu ul.dropmenu li.selected { background-color: #700203; }
	.nav_menu ul.dropmenu li a { color: #333333; text-decoration: none; padding: 0px; line-height: 12px; }
	.nav_menu ul.dropmenu li.selected a { color: #000000; }
	
	/* topitems */
	.nav_menu ul.dropmenu { margin: 0px; padding: 5px 0px;}
	.nav_menu ul.dropmenu a.toplevel {
	height: auto;
	margin: 7px 20px 7px 20px;
	padding: 4px;

	color: #09F;
	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 {  }
	
	/* subitems */
	.nav_menu ul.dropmenu li ul { background-color:#006699; color: #fff; margin-top; 10px; border-top: 1px solid #fff; }
	.nav_menu ul.dropmenu li ul li a.sublevel { color: #fff; width: 300px; padding: 5px 5px 5px 20px; margin: 0px; }
	.nav_menu ul.dropmenu li ul li a.sublevel.hover { color: #fff; background-color: #700203; }
	.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; }