DIV.TopNavCon
{
	background: var(--nav-top-bg);
	border-bottom: 1px var(--nav-top-border-bottom) solid;

	display: flex;
	color: var(--nav-top-clr);
	font-family: Lato,"Open Sans",sans-serif,Tahoma;
	font-size: 20px;
	font-weight: bold;
	/*border-top: 1px #136480 solid;*/
	padding: 0px 0 0 3px;
	box-shadow: 0 7px 8px -5px #555;
	margin: 0 0 8px;
	height: 43px;
	line-height: 40px;
	vertical-align: top;
	/*white-space: nowrap;*/
	/*right:0px;*/
	/*width:2400px;*/
	/*width:100%;*/
	/*overflow:scroll;*/
	/*overflow:hidden;*/
}

DIV.TopNavCon > *
{
	flex: 0 1 auto;
	white-space: nowrap;
	overflow: hidden;
	height: 100%;
}

DIV.TopNavCon > #id_nav_title
{
	flex: 1 1 auto;
	text-overflow: ellipsis;
	height: 100%;
	min-width: 85px;
}

#id_nav_title > IMG
{
	margin: 8px 10px 0 0;
	vertical-align: top;
	width: 24px;
	height: 24px;
}

#id_main_outer
{
	background: var(--main-bg);
	margin: 0;
	float: left;
	/*display: inline-block;*/
	min-height: 100vh;
	max-width: 100%;
	min-width: 100%;
	overflow: auto;
}

#id_main_middle
{
	margin-left: 0px;
	transition: margin-left 0.3s ease;
}

@media only screen and (min-width: 1280px)
{
	#id_side_nav_container
	{
		width: var(--nav-width);
	}

	#id_main_middle
	{
		margin-left: var(--nav-width);
	}
}

#id_main_container
{
	margin-bottom: 24px;
	overflow: auto;
	clear: both;
	padding-left: 8px;
	padding-right: 8px;
}

@media only screen and (max-width: 720px)
{
	#id_main_container
	{
		padding-left: 2px;
		padding-right: 2px;
	}
}

DIV.PageFooter
{
	background: var(--nav-top-bg);
	border-top: 1px solid var(--accent-clr);
	position: fixed;
	bottom:0px;
	height:23px;
	font-size: 11px;
	width:100%;
	overflow:hidden;
}

DIV.TopNavLink
{
	border: 1px #136480 solid;
	display: inline-block;
	margin: 0 10px 0;
	padding: 4px 8px;
	background: #DFE;
	font-weight: bold;
	text-decoration: none;
	font-size: 15px;
	color: #136480;
	box-shadow: 0 3px 5px -3px #555;
}

DIV.GhostBox
{
	background-image: linear-gradient(254deg, #fc7575, #ffff95);
	color:black;
	position: fixed;
	bottom: 20px;
	right: 20px;
	border: 1px #380000 solid;
	display: inline-block;
	padding: 4px 8px;
	font-weight: bold;
	text-decoration: none;
	font-size: 15px;
	box-shadow: var(--box-shadow--elevated-temp);
	height: auto;
}

DIV.TopNavLink A
{
	/*line-height:29px;*/
}

