html {
			height:100%;
		}
		
		body {
			font-family: Helvetica, Arial, sans-serif;
			font-size:12pt;
			margin:0 0;
			background:linear-gradient(to bottom, #ccc, #fff);
			min-height:100%;
			background-attachment:fixed;
		}
		
		p, h1, h2, h3, h4 {
			margin:0 0;
			padding-bottom:20px;
		}
		
		p {
			line-height:140%;
			font-family: Georgia, Times, serif;
		}
		
		p.footnote {
			position:relative;
			top:-10px;
			color:#666666;
			font-size:10pt;
		}
		
		p.footnote.right {
			text-align:right;
		}
		
		a {
			color:#0088ff;
			text-decoration:none;
		}
		
		a:hover {
			text-decoration:underline;
		}
		
		p.left img {
			float:left;
			margin:10px;
		}
		
		input {
			background:linear-gradient(to bottom, #ddd, #fff);
			border:1px solid #888;
			border-radius:4px;
			box-shadow: 0 2px 4px #0004 inset, 0 1px 0 #fffa;
			padding: 0 10px;
			transition:0.1s;
		}
		
		input:focus {
			background:linear-gradient(to bottom, #ddd, #fff);
			border:1px solid #888;
			border-radius:4px;
			box-shadow: 0 2px 4px #0008 inset, 0 1px 0 #fffe;
			outline:none;
			border-color:#48f;
		}
		
		.page-outer {
			max-width:1200px;
			margin:0 auto;
			overflow:hidden;
			border-left:1px solid #222;
			border-right:1px solid #000;
		}
		
		.header {
			position:relative;
			height:100px;
		}
		
		.header .bottom-fade {
			background: linear-gradient(to bottom, transparent, #222);
			height:32px;
			width:100%;
			position:absolute;
			bottom:0;
		}
		
		.header .name-mark {
			position:absolute;
			bottom:10px;
			left:10px;
			font-family:Georgia, Times, serif;
			font-size:32px;
			text-align:center;
			padding:10px;
			width:220px;
			background:#44444444;
			backdrop-filter:blur(2px);
			border-radius:4px;
			color:#eeeeee;
			text-decoration:none;
			border-radius:12px;
			box-shadow:0 1px 3px #0008;
			z-index:10000;
		}
		
		.header form.search {
			position:absolute;
			bottom:14px;
			right:10px;
		}
		
		li {
			margin-bottom:15px;
		}
		
		form.search {
			position:relative;
		}
		
		form.search input {
			height:24px;
			width:100px;
			border-radius:4px 0 0 4px;
			border-right:none;
			position:absolute;
			right:40px;
		}
		
		form.search button {
			border-radius:0 4px 4px 0;
			height:26px;
			width:40px;
			position:absolute;
			top:0;
			right:0;
		}
		
		.navigation.top {
			background:linear-gradient(to bottom, #222, #000);
			text-align:right;
			padding:4px 0 0 0;
			box-shadow: 0 2px 8px #0004;
			position:relative;
			z-index:1000;
		}
		
		.navigation.top a {
			display:inline-block;
			padding:4px;
			margin-right:8px;
			text-decoration:none;
			color:#fff;
		}
		
		.navigation a.selected {
			color:#dd88ff;
		}
		
.subnav {
  position: relative;
}
.navbar {
	position: relative;
	justify-items: right;
  	background:linear-gradient(to bottom, #222, #000);
				padding:4px 0 0 0;
			box-shadow: 0 2px 8px #0004;
			z-index:1000;
}

.navbar .inner{
	right:0;
	display: flex;
	align-items: center;
	height: 46px;
}

.navbar a {
  font-size: 16px;
  color: white;
  text-align: center;
  padding: 14px 16px;
  text-decoration: none;
}
.subnav .subnavbtn {
  
  font-size: 16px;  
  border: none;
  outline: none;
  color: white;
  padding: 14px 16px;
  background-color: #0000;
  font-family: inherit;
  margin: 0;
}
.subnav-content {
  top:46px;
  display: none;
  position: absolute;
  right: 0;
  background-color: rgb(190, 33, 33);
  width: 100%;
  z-index: 666;
  min-width: 180px;
  flex-direction: column;
}

.subnav-content a {
  color: white;
  text-decoration: none;
  display: block;
}
.navbar a:hover, .subnav:hover .subnavbtn {
  background-color: rgb(106, 0, 0);
}
.subnav:hover .subnav-content, .subnav-content:hover {
  display: flex;
}
		
		span.icon {
			color:transparent;
			display:inline-block;
			height:18px;
			width:18px;
		}
		
		span.icon.search {
			background:url('icons/search.png');
		}

		.document {
			padding:20px 10px;
			background:#fff;
			color:#000;
		}
		
		.document .inner {
			max-width:1000px;
			margin:0 auto;
		}
		
		.inner > img {
			display:block;
			margin:auto;
			max-width:100%;
			max-height:300px;
			box-shadow:0 1px 3px #0002;
			border-radius:4px;
			margin-bottom:10px;
		}
		
		.document-row {
			display:flex;
			padding:10px;
			flex-wrap:wrap;
			margin-bottom:20px;
			width: 100%;
		}

		.document-row .bob {
			flex:1;
			text-align: center;
		}

		.document-row .meat {
			flex:1;
			min-width:300px;
		}
		
		.document-row .profile {
			margin-right:20px;
			flex:1;
			min-width:300px;
		}
		
		.document .inner p {
			padding-right:10px;
		}
		
		.profile img {
			max-width:100%;
			max-height:450px;
			margin:0 auto 20px;
			display:block;
			position:relative;
			float:none;
		}
		
		.profile.border img {
			border-radius:8px;
			border:1px solid #888;
			box-shadow: 0 1px 3px #0002;
		}
		
		.footer {
			background:linear-gradient(to bottom, #222, #000);
			color:#ddd;
			border-top:1px solid #000;
			font-size:9pt;
			text-align:center;
			padding:20px;
		}
		
		.footer .links a {
			color:#bbb;
		}
		
		.read-more {
			text-align:center;
			padding:0 15px;
			padding-bottom:20px;
		}
		
		.image-well {
			padding:20px 30px;
			gap:25px;
			display:flex;
			align-items:center;
			text-align:center;
			border-bottom:1px solid #888;
			background:linear-gradient(to bottom, #666, #aaa);
			box-shadow:0 4px 8px #000 inset;
			overflow-x:scroll;
		}
		
		.image-well a img {
			max-height:200px;
			max-width:200px;
			border-radius:2px;
			border:1px solid #444;
			box-shadow:0 2px 4px #000;
		}