canvas { -ms-touch-action: double-tap-zoom }
body { background-color:#c3c3c3 }
a { color:Purple }
br { clear:both }
hr { color:Black }
h1 { text-align:center }
h2 { text-align:center }
img { border-color:transparent }
#nav {
	margin-left: 300px;
	margin-top:0;
	padding: 7px 6px 0;
	background: #2b2b2b;
	line-height: 100%;
	display: inline-block;
}

#nav li {
	margin: 0 5px;
	padding: 0 0 8px;
	float: left;
	position: relative;
	list-style: none;
}


#nav a {
	font-weight: bold;
	color: #e7e5e5;
	text-decoration: none;
	display: block;
	padding: 8px 20px;
	margin: 0;
}

#nav a:hover {
	background: #000;
	color: #fff;
}


#nav .current a, #nav li:hover > a {
	background: #ddd;
	color: #666;
	border-top: solid 2px #df631f;
}


#nav ul li:hover a, #nav li:hover li a {
	background: none;
	border: none;
	color: #666;
}

#nav ul a:hover { color: black !important; }

/* dropdown */
#nav li:hover > ul { display: block; }

/* level 2 list */
#nav ul {
	display: none;
	margin: 0;
	padding: 0;
	width: 185px;
	position: absolute;
	top: 35px;
	left: 0;
	background: #ddd;
	border: solid 1px #b4b4b4;
}

#nav ul li {
	float: none;
	margin: 0;
	padding: 0;
}

#nav ul a {	font-weight: normal; }
/* level 3+ list */
#nav ul ul { left: 185px; top: -1px; }