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

.hidden 
{position:absolute;
left:-10000px;
top:auto;
width:1px;
height:1px;
overflow:hidden;}
body {
    font-family: Helvetica, Arial, "sans-serif";
	font-size: 80%;
	background-color: #F0F0F0;
}
#skipLink {
	position:absolute;
	left:-10000px;
	top:auto;
	width:1px;
	height:1px;
	overflow:hidden;
}
#skipLink:focus, #skipLink:active {
	position: absolute;
	display: block; 
	top: 0;
	left: 0;
	z-index:9999;
	width: 100%;
	height: auto;
	margin: 0 auto;
	padding: 15px 0;
	text-align: center;
	text-decoration: underline;
	background-color: rgb(255, 255, 255, .95);
	overflow: visible;
	font-weight: bold;
	font-size: 115%;
	
}
p, ul li, ol li { line-height: 120%; margin-top: .8rem;}
ul li ul li, ol li ol li {margin-top: .1rem;}
h1 {border-bottom: 2px solid #000; padding-bottom: 5px;}
h2 {border-bottom: 1px solid #999; padding-bottom: 5px;}

	header {
		padding: 40px 40px 0 40px;
		}
		header img {
			height: 50px;
			width: auto;
			}

	.nav, nav {
		box-shadow: 1px 1px 0 1px #000 inset;
		border: solid 2px #fff;
		background-color: #DDD080;
		padding: 10px;
		}
nav.breadcrumb {
	margin: 0 40px;
	padding: 0.8em 1em;
	border: 1px solid hsl(0, 0%, 90%);
	border-radius: 4px;
	background: hsl(300, 14%, 97%);
	font-size: 80%;
}

nav.breadcrumb ol {
  margin: 0;
  padding-left: 0;
  list-style: none;
}

nav.breadcrumb li {
  display: inline;
}

nav.breadcrumb li + li::before {
  display: inline-block;
  margin: 0 0.25em;
  transform: rotate(15deg);
  border-right: 0.1em solid currentColor;
  height: 0.8em;
  content: '';
}

nav.breadcrumb [aria-current="page"] {
  color: #000;
  font-weight: 700;
  text-decoration: none;
}
nav.breadcrumb a {
	font-weight: 200;
}
main {
	margin: 0 40px;
}
/*
[1]: All items a forced onto a single line, causing the overflow when necessary.
[2]: Automatic overflow means a scroll bar won’t be present if it isn’t needed
[3]: Make it smooth scrolling on iOS devices
[4]: Hide the ugly scrollbars in Edge until the scrollable area is hovered
[5]: Hide the scroll bar in WebKit browsers
*/
nav {
  display: block;
  white-space: nowrap; /* [1] */
  overflow-x: auto; /* [2] */
  -webkit-overflow-scrolling: touch; /* [3] */
  -ms-overflow-style: -ms-autohiding-scrollbar; /* [4] */ 
  }

/* [5] */
nav::-webkit-scrollbar {
  display: none; }
nav a {
	padding: 10px;
	text-decoration: none;
	font-face: Trebuchet MS;
	font-weight: bold;
	font-size: 120%;
}

footer {
	margin: 0 40px 40px 40px;
	padding-top: 5px;
	border-top: 1px solid #999;
	}
code {
	font-size: 100%;
	overflow-wrap: break-word;
	word-wrap: break-word;
	padding: .1rem .3rem .2rem;
	border-radius: .2rem;
	background-color:wheat;
	}
	h2 code {font-size: 135%; font-weight: normal; color:#800000;}
	p code, ul li code {font-size: 100%; font-weight: normal; color:#800000;}