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

/* Style */



/* Menu */
nav { background-color: rgba(0,0,0,.3); }

#menu {
	width: 1000px;
	height: 33px;
	margin: 10px auto 0 auto;
	text-align: center;
}

#menu ul {
	margin: 0;
	padding: 0;
	list-style: none;
	line-height: normal;
}

#menu li {
	display: inline;
}

/*#menu a {
	margin-right: 1px;
	padding: 10px 20px 10px 20px;
	text-decoration: none;
	
	font-family: 'Abel', sans-serif;
	font-size: 18px;
	font-weight: normal;
	color: #000000;
	border: none;
}*/

#menu .current_page_item a {
	background: #60AFFE; 
	box-shadow: 0 0 10px rgba(0,0,0,0.4); 
}


/* Dropdown Menus */

	.nav_menu { position: relative; z-index: 1000; margin: auto; padding: 0px; }

	/*drop menu */
	.nav_menu .dropmenu { margin: 0px; padding::0px; height:28px; width:auto; display:none; /*displays after menu load*/}
	/*all items*/
	.nav_menu ul.dropmenu li { height:28px; }
	.nav_menu ul.dropmenu li:hover { background-color: #8a3769; }
	.nav_menu ul.dropmenu li.selected { background-color:#700203; }
	.nav_menu ul.dropmenu li a { color: #fff; text-decoration:none; padding:0px; line-height: 12px; }
	.nav_menu ul.dropmenu li.selected a { color:: #ffd200; }
	
	/*top items*/
	.nav_menu ul.dropmenu { margin:0px; padding:0px; }
	.nav_menu ul.dropmenu a.toplevel { height:auto; margin: 0px 0px 0px 7px; padding:7px 30px 7px 23px; color:#fff; font-weight:bold; text-decoration:none; }
	.nav_menu ul.dropmenu a.toplevel.hover { color: #fff; }
	.nav_menu ul.dropmenu a.toplevel.selected { color: #C2E0FF; }
	.nav_menu ul.dropmenu a.toplevel.hover.selected { }
	
	/*sub items*/
	.nav_menu ul.dropmenu li ul { background-color:#8a3769; border-top: 1px solid #fff; }
	.nav_menu ul.dropmenu li ul li a.sublevel { color:#fff; width: 150px; padding: 5px 5px 5px 20px; margin:0px; }
	.nav_menu ul.dropmenu li ul li a.sublevel.hover { color:#fff; background-color: #ad548a;}
	.nav_menu ul.dropmenu li ul li a.sublevel.selected { color: #C2E0FF; }
	/*color: #f7ad0b;*/
	.nav_menu ul.dropmenu li ul li a.sublevel.hover.selected { }
	
	/*sub sub items*/
	.nav_menu ul.dropmenu li ul ul { left:-10px; border: none; border-left: 1px solid}
	
	/*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; }