#banner {
	height: var(--banner-height);
	background-color: var(--pure-black);
	border-bottom: none;
}
#masthead {
	height: var(--masthead-height);
	background-color: var(--black);
	border-top: 2px solid var(--gray);
}
#frame {
	width: 100%;
	min-width: var(--min-frame-width);
	height: var(--frame-height);
	border-top: none;
	border-bottom: none;
}
#wide-gutters {
	display: flex;
	height: var(--frame-height);
	max-width: var(--max-wide-gutters-width);
	margin: 0 auto;
	overflow: hidden;
}
#left-title-area {
	position: relative;
	left: var(--vertical-title-width);
	width: 0px;
}
#left-title-area .vertical-title {
	border-top: 1px var(--pure-black) solid;
	border-bottom: 1px var(--dark-gray) solid;
}
#right-title-area {
	position: relative;
	left: var(--vertical-title-width);
	width: 0px;
}
#right-title-area .vertical-title {
	border-top: 1px var(--dark-gray) solid;
	border-bottom: 1px var(--pure-black) solid;
}
.vertical-title {
	position: absolute;
	bottom: 0;
	transform-origin: bottom left;
	transform: rotate(-90deg);
	height: var(--vertical-title-width);
	width: calc(100vh - var(--banner-height) - var(--masthead-height));
	overflow: hidden;
	font-family: var(--sans-serif-font);
	font-weight: 300;
	font-size: 14pt;
	letter-spacing: 1px;
	text-align: center;
	margin: 0;
	line-height: 1.6;
	background-color: var(--black);
	color: var(--light-gray);
	box-sizing: border-box;
	border-left: none;
	border-right: none;
}
#dashboard {
	width: var(--dashboard-width);
	height: 100%;
	background-color: var(--background-color);
}
#masthead {
	background-color: var(--black)  !important;
}
#masthead div#centermast p {
	color: var(--light-gray) !important;
	font-size: 12pt !important;
	font-weight: 300;
	letter-spacing: 1px;
}
a:focus {
	outline: none;
}