/* Copyright 2026 Virtual Interconnect Software, LLC.  All rights reserved. */
body
{
	font-family: Helvetica, Arial, sans-serif;
	font-size: 80%;
}

#DesignTopNav, #DesignPageTop, #DesignMain, #DesignQuickText, #DesignCopyright
{
	width: 990px;
	margin: 0 auto;
}

#DesignTopBar
{
	position: relative;
}

#DesignTopBarLine
{
	height: 0.75em;
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	z-index: 1;
}

#DesignTopNav
{
	position: relative;
	z-index: 2;
	margin-bottom: -1px;
}

#DesignTopNav ul
{
	margin: 0;
	padding: 0 1.5em;
	display: block;
	list-style: none;
}

#DesignTopNav ul li
{
	display: block;
	float: left;
	margin-right: 0.75em;
	margin-top: 1em;
	margin-bottom: -1px;
}

#DesignTopNav ul li a
{
	font-size: 90%;
	display: block;
	padding: 0.375em 0.75em 0.375em 0.75em;
	text-decoration: none;
	-webkit-border-top-left-radius: 0.5em;
	-webkit-border-top-right-radius: 0.5em;
	min-width: 7.25em;
	text-align: center;
}

#DesignPageTop
{
	position: relative;
}

#DesignLogo
{
	width: 250px;
	float: left;
}

#DesignSecondNav
{
	position: absolute;
	left: 250px;
	bottom: 0;
	right: 0;
}

#DesignSecondNav ul
{
	margin: 0;
	padding: 0;
	list-style: none;
	display: block;
}

#DesignSecondNav ul li
{
	display: block;
	float: left;
	position: relative;
}

#DesignSecondNav ul li:before
{
	content: ".";
	color: transparent;
	position: absolute;
	width: 1px;
	height: 1.2em;
}

#DesignSecondNav ul li:first-child:before
{
	background: transparent;
}

#DesignSecondNav ul li a
{
	display: block;
	padding: 0 1.5em;
	min-width: 5em;
	font-weight: bold;
	text-decoration: none;
	text-align: center;
	border-bottom: 1.5em solid transparent;
}

#DesignSecondNav ul li.Current a:after,
#DesignSecondNav ul li a:hover:after
{
	content: "▲";
	position: absolute;
	text-align: center;
	left: 0;
	width: 100%;
	bottom: -0.2em;
	line-height: 1em;
}

#DesignMainContainer
{
	margin-top: 1em;
}

#DesignQuickTextContainer
{
	background-color: #444;
}

#DesignSideBar
{
	width: 330px;
	float: right;
}

#DesignPageGraphic
{
	position: relative;
	overflow: hidden;
	margin-bottom: 1em;
}

#DesignContentContainer
{
	float: left;
	width: 655px;
}

#DesignContentContainer, #DesignPageGraphicCaption, #DesignQuickText, #DesignSideContent
{
	line-height: 150%;
}

#PageFullscreenGraphicExpanded
{
	position: fixed;
	z-index: 100;
	top: 64px;
	bottom: 0;
	height: auto;
	_height: expression((this.parentNode.clientHeight - 64) + "px");
}

@media all and (max-width: 1000px)
{
	#DesignTopNav, #DesignPageTop, #DesignMain, #DesignQuickText, #DesignCopyright
	{
		width: auto;
	}
	
	#DesignMain
	{
		display: flex;
		flex-wrap: wrap-reverse;
		flex-direction: row-reverse;
		justify-content: center;
	}
}

@media all and (max-width: 860px)
{
	#DesignLogo
	{
		width: 125px;
		float: none;
	}
	
	#DesignSecondNav
	{
		left: 125px;
	}
}

@media all and (max-width: 700px)
{
	#DesignLogo
	{
		margin: 0 auto;
		text-align: center;
	}
	
	#DesignSecondNav
	{
		position: static;
		left: 0;
		clear: both;
		padding-top: 1em;
	}
	
	#DesignSecondNav ul
	{
		display: flex;
		justify-content: center;
		align-content: space-between;
		flex-wrap: wrap;
	}
	
	#DesignSecondNav ul li.Current a:after,
	#DesignSecondNav ul li a:hover:after
	{
		bottom: 0.5em;
	}
	
	#DesignSecondNav ul li
	{
		float: none;
	}
	
	#DesignContentContainer
	{
		width: 100%;
	}
	
	#DesignContent
	{
		margin: 0.5em;
	}
}

@media all and (min-width: 1101px) and (max-width: 1664px)
{
}

@media all and (min-width: 801px) and (max-width: 1100px)
{
}

@media all and (max-width: 800px)
{
}