@charset "utf-8";
/* CSS Document */

<style>
a:link {color:#FF0000;}    /* unvisited link */
a:visited {color:#00FF00;} /* visited link */
a:hover {color:#999;}   /* mouse over link */
a:active {color:#0000FF;}  /* selected link */
a.ex3:hover,a.ex3:active {background:red;}



/* */

body {
	margin: 0px;
	padding: 0px 20px;
	background-color: #666;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
}
nav { background-color: rgba(0,0,0,.3); }
article { margin: 0px; padding: 25px; background-color: #fff; }


/* Dropdown Menus */

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

	/* drop menu */
	.nav_menu .dropmenu {
	margin: 0;
	padding: 0;
	height: 28px;
	display: block; /* displays after menu load */
}
	
	/* all items  */
	.nav_menu ul.dropmenu li {
	height: 28px;
	float: left;
	margin: 0px 0px 0px 0px;
	width: 85px;
}
	.nav_menu ul.dropmenu li:hover {
	background-color: #FC0;
}
	.nav_menu ul.dropmenu li.selected {
	background-color: #000;
}
	.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; }
	
	/* topitems */
	.nav_menu ul.dropmenu { margin: 0px; padding: 0px; }
	.nav_menu ul.dropmenu a.toplevel { height: auto; margin: 7px 20px 7px 20px; padding: 0px 0px 4px 0px; 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: #f7ad0b; }
	.nav_menu ul.dropmenu a.toplevel.hover.selected {  }
	
	/* subitems */
	.nav_menu ul.dropmenu li ul {
	background-color: #000;
	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: #000;
}
	.nav_menu ul.dropmenu li ul li a.sublevel.selected { color: #f7ad0b; }
	.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; }