@import 'default/';
	
/* All Viewer Devices */

@media (min-width: 0px)
	{
	/* General Website */
	html
		{
		background-color: var(--default-field-background-color-230);
		color: var(--base-color-00);
		overflow-y: scroll;
		}
	/* Main Container */
	div#container
		{
		margin: auto;
		padding: var(--spacing-general-2);
		width: 100%;
		}
	/* Header Section */
	div#container header#header > *
		{
		display: table;
		width: 100%;
		}
	div#container header#header > div
		{
		background-color: var(--default-field-background-color-250);
		border: 1px solid var(--default-border-color-200);
		padding: var(--spacing-general-2);
		}
	div#container header#header > div > div
		{
		display: table-cell;
		vertical-align: top; /* Fix the Internet Explorer issue where one column is at the baseline and the other is at the top. */
		}
	div#container header#header div#logo
		{
		padding-right: calc(var(--spacing-general-2) / 2);
		}
	div#container header#header div#logo a
		{
		float: left;
		}
	div#container header#header div#logo a img
		{
		border-radius: var(--border-radius);
		}
	div#container header#header div#logo a:hover img
		{
		background-color: var(--failure-field-background-color-240);
		border: 1px solid var(--failure-border-color-200);
		box-sizing: content-box;
		}
	div#container header#header div#logo a:not(:hover) img
		{
		border-top-right-radius: 0;
		}
	div#container header#header div#panel
		{
		padding-left: calc(var(--spacing-general-2) / 2);
		}
	div#container header#header div#panel > div
		{
		float: right;
		}
	div#container header#header div#panel > div > div:first-child
		{
		display: table;
		}
	div#container header#header div#panel > div > div:last-child
		{
		float: right;
		margin-top: var(--spacing-general-2);
		}
	div#container header#header div#panel div#panel_search input
		{
		float: left;
		}
	div#container header#header div#panel div#panel_search input[type=text]
		{
		border-right: none;
		}
	div#container header#header div#panel div#panel_search input[type=submit]
		{
		width: calc(4 * var(--spacing-general-1) - 2px);
		}
	div#container header#header div#panel div#header_profile
		{
		background-color: var(--success-color-100);
		padding: 0 4%;
		text-align: center;
		text-shadow: 1px 1px #2e471d;
		width: 100%;
		}
	div#container header#header div#panel div#header_profile > ul
		{
		display: table-row;
		}
	div#container header#header div#panel div#header_profile > ul > li
		{
		display: table-cell;
		vertical-align: middle;
		}
	div#container header#header div#panel div#header_profile > ul > li > a
		{
		color: white;
		display: table-cell;
		min-height: calc(3 * var(--spacing-general-1));
		padding: var(--spacing-top-o0) var(--spacing-general-1) var(--spacing-bottom-o0) var(--spacing-general-1);
		}
	div#container header#header div#panel div#header_profile > ul > li:hover
		{
		background-color: #2e471d;
		text-shadow: 1px 1px var(--base-color-00);
		}
	div#container header#header div#panel div#header_profile > ul > li:hover a
		{
		color: yellow;
		}
	div#container header#header div#panel div#header_profile > ul > li:not(:hover) a
		{
		text-decoration: none;
		}
	div#container header#header div#panel div#header_connect
		{
		margin-top: var(--spacing-general-2);
		}
	div#container header#header div#panel div#header_connect a
		{
		float: left;
		}
	div#container header#header div#panel div#header_connect a img
		{
		opacity: 1.1;
		}
	div#container header#header div#panel div#header_connect a img:hover
		{
		opacity: 0.8;
		}
	div#container header#header nav#top_menu
		{
		background-color: var(--default-color-100);
		margin-top: var(--spacing-general-2);
		text-align: center;
		}
	div#container header#header nav#top_menu.editor
		{
		padding: 0 3%;
		}
	div#container header#header nav#top_menu.manager
		{
		padding: 0 2%;
		}

	div#container header#header nav#top_menu.website
		{
		padding: 0 2%;
		}
	div#container header#header nav#top_menu > ul
		{
		display: table-row;
		}
	div#container header#header nav#top_menu > ul > li
		{
		display: table-cell;
		position: relative;
		}
	div#container header#header nav#top_menu > ul > li:hover,
	div#container header#header nav#top_menu > ul > li.child,
	div#container header#header nav#top_menu > ul > li.hover,
	div#container header#header nav#top_menu > ul > li.parent
		{
		background-color: #323232;
		}
	div#container header#header nav#top_menu > ul > li > ul
		{
		background-color: var(--default-label-background-color-150);
		border-left: 1px solid var(--default-color-100);
		border-right: 1px solid var(--default-color-100);
		display: none;
		left: 50%;
		position: absolute;
		transform: translate(-50%);
		visibility: hidden;
		z-index: 5;
		}
	div#container header#header nav#top_menu > ul > li:hover > ul,
	div#container header#header nav#top_menu > ul > li.hover > ul
		{
		display: block;
		visibility: visible;
		}
	div#container header#header nav#top_menu > ul > li > ul > li > a,
	div#container header#header nav#top_menu > ul > li > ul > li > span
		{
		border-bottom: 1px solid var(--default-color-100);
		white-space: nowrap;
		}
	div#container header#header nav#top_menu > ul > li > ul > li:hover a,
	div#container header#header nav#top_menu > ul > li > ul > li:hover span,
	div#container header#header nav#top_menu > ul > li > ul > li.child a,
	div#container header#header nav#top_menu > ul > li > ul > li.child span,
	div#container header#header nav#top_menu > ul > li > ul > li.hover a,
	div#container header#header nav#top_menu > ul > li > ul > li.hover span,
	div#container header#header nav#top_menu > ul > li > ul > li.parent a,
	div#container header#header nav#top_menu > ul > li > ul > li.parent span
		{
		background-color: var(--default-color-100);
		}
	div#container header#header nav#top_menu a,
	div#container header#header nav#top_menu li > span
		{
		color: white;
		display: block;
		}
	div#container header#header nav#top_menu a:hover
		{
		color: yellow;
		}
	div#container header#header nav#top_menu a:not(:hover)
		{
		text-decoration: none;
		}
	div#container header#header nav#top_menu li > span
		{
		cursor: default;
		}
	div#container header#header nav#top_menu li.child > a:not(:hover),
	div#container header#header nav#top_menu li.child > a.hover:not(:hover),
	div#container header#header nav#top_menu li.child > span:not(:hover),
	div#container header#header nav#top_menu li.child > span.hover:not(:hover),
	div#container header#header nav#top_menu li.parent > a:not(:hover),
	div#container header#header nav#top_menu li.parent > a.hover:not(:hover),
	div#container header#header nav#top_menu li.parent > span:not(:hover),
	div#container header#header nav#top_menu li.parent > span.hover:not(:hover)
		{
		color: var(--success-field-background-color-225);
		}
	div#container header#header nav#top_menu ul ul
		{
		text-shadow: 1px 1px #4b4b4b;
		}
	div#container header#header nav#top_menu ul ul ul
		{
		display: none;
		}
	/* Middle Section */
	div#container div#middle
		{
		background-color: var(--default-field-background-color-250);
		border: 1px solid var(--default-border-color-200);
		margin-top: var(--spacing-general-2);
		}
	div#container div#middle > *
		{
		display: table;
		width: 100%;
		}
	div#container div#middle > * > *
		{
		display: table-cell;
		vertical-align: top; /* Correct the automatic baseline positioning of sibling table cells, div#left and div#right. */
		}
	div#container div#middle > * > .mainbar
		{
		width: 100%;
		}
	div#container div#middle div#banner
		{
		background-position: center;
		background-size: cover;
		}
	div#container div#middle div#banner .sidebar
		{
		vertical-align: bottom;
		}
	div#container div#middle div#banner .sidebar div#section_title_1,
	div#container div#middle div#banner .sidebar a#section_title_2
		{
		background-color: var(--success-color-100);
		color: white;
		display: inline-block;
		margin-left: -1px;
		padding-bottom: var(--spacing-bottom-o0);
		padding-top: var(--spacing-top-o0);
		text-align: center;
		text-shadow: 1px 1px #2e471d;
		}
	div#container div#middle div#banner .mainbar a#lightbox
		{
		background-position: center;
		background-repeat: no-repeat;
		float: right;
		}
	div#container div#middle div#banner .mainbar a#lightbox:hover,
	div#container div#middle div#banner .mainbar a#lightbox.hover
		{
		cursor: pointer;
		}
	div#container div#middle div#columns
		{
		color: var(--base-color-00);
		}
	div#container div#middle div#columns .mainbar
		{
		padding: var(--spacing-general-2);
		}
	div#container div#middle div#columns .mainbar > * > *
		{
		width: 100%;
		}
	div#container div#middle div#columns .mainbar header#title
		{
		border-bottom: 1px dotted var(--default-label-background-color-150);
		display: table;
		}
	div#container div#middle div#columns .mainbar header#title div#page img
		{
		float: left;
		}
	div#container div#middle div#columns .mainbar header#title div#page h1
		{
		text-align: justify;
		}
	div#container div#middle div#columns .mainbar div#content
		{
		margin-top: var(--spacing-general-3);
		}
	/* Footer Section */
	div#container footer#footer
		{
		background-color: var(--default-color-100);
		color: white;
		margin-top: var(--spacing-general-2);
		padding: var(--spacing-general-1);
		}
	div#container footer#footer > *
		{
		display: table;
		text-align: center;
		width: 100%;
		}
	div#container footer#footer > :not(:first-child)
		{
		margin-top: var(--spacing-general-1);
		}
	div#container footer#footer a
		{
		color: white;
		}
	div#container footer#footer a:hover
		{
		color: yellow;
		}
	div#container footer#footer a:not(:hover)
		{
		text-decoration: none;
		}
	div#container footer#footer div#menu li
		{
		display: inline;
		}
	div#container footer#footer div#menu ul ul
		{
		display: none;
		}
	/* Navigation Pane */
	div#navigation div#slider > div
		{
		display: table; /* Set the correct width when loading the website in screen mode and then resizing it to mobile mode. */
		}
	/* Combined Theme */
	div#container div#middle div#columns .sidebar div#collapse_2 a,
	div#container div#middle div#columns .sidebar div#collapse_2 nav#screen_menu li > span,
	div#navigation div#slider a,
	div#navigation div#slider nav#mobile_menu li > span
		{
		display: block;
		}
	div#container div#middle div#columns .sidebar div#collapse_2 nav#screen_menu,
	div#navigation div#slider nav#mobile_menu
		{
		background-color: var(--success-border-color-200); /* Set the background color between levels, e.g. pages and subpages. */
		border-left: 1px solid var(--success-border-color-200);
		border-right: 1px solid var(--success-border-color-200);
		min-height: calc(3 * var(--spacing-general-1)); /* The custom data file could be missing a navigation variable. */
		}
	div#container div#middle div#columns .sidebar div#collapse_2 nav#screen_menu > ul > li > a,
	div#container div#middle div#columns .sidebar div#collapse_2 nav#screen_menu > ul > li > span,
	div#navigation div#slider nav#mobile_menu > ul > li > a,
	div#navigation div#slider nav#mobile_menu > ul > li > span
		{
		background-color: var(--success-field-background-color-220);
		color: var(--base-color-00);
		}
	div#container div#middle div#columns .sidebar div#collapse_2 nav#screen_menu > ul > li > a:hover,
	div#container div#middle div#columns .sidebar div#collapse_2 nav#screen_menu > ul > li > span:hover,
	div#container div#middle div#columns .sidebar div#collapse_2 nav#screen_menu > ul > li.child > a,
	div#container div#middle div#columns .sidebar div#collapse_2 nav#screen_menu > ul > li.child > span,
	div#navigation div#slider nav#mobile_menu > ul > li > a:hover,
	div#navigation div#slider nav#mobile_menu > ul > li > span:hover,
	div#navigation div#slider nav#mobile_menu > ul > li.child > a,
	div#navigation div#slider nav#mobile_menu > ul > li.child > span
		{
		background-color: var(--neutral-field-background-color-210);
		}
	div#container div#middle div#columns .sidebar div#collapse_2 nav#screen_menu > ul > li > a:hover,
	div#navigation div#slider nav#mobile_menu > ul > li > a:hover
		{
		color: var(--link-color-b-o00);
		}
	div#container div#middle div#columns .sidebar div#collapse_2 nav#screen_menu > ul > li > ul > li > a,
	div#container div#middle div#columns .sidebar div#collapse_2 nav#screen_menu > ul > li > ul > li > span,
	div#navigation div#slider nav#mobile_menu > ul > li > ul > li > a,
	div#navigation div#slider nav#mobile_menu > ul > li > ul > li > span
		{
		background-color: var(--success-field-background-color-230);
		color: var(--base-color-10);
		padding-left: calc(2 * var(--spacing-general-1) - 1px); /* The padding setting is not applicable if the text in the menu is centered. */
		}
	div#container div#middle div#columns .sidebar div#collapse_2 nav#screen_menu > ul > li > ul > li > a:hover,
	div#container div#middle div#columns .sidebar div#collapse_2 nav#screen_menu > ul > li > ul > li.child > a,
	div#container div#middle div#columns .sidebar div#collapse_2 nav#screen_menu > ul > li > ul > li.child > span,
	div#navigation div#slider nav#mobile_menu > ul > li > ul > li > a:hover,
	div#navigation div#slider nav#mobile_menu > ul > li > ul > li.child > a,
	div#navigation div#slider nav#mobile_menu > ul > li > ul > li.child > span
		{
		background-color: var(--neutral-field-background-color-220);
		}
	div#container div#middle div#columns .sidebar div#collapse_2 nav#screen_menu > ul > li > ul > li > a:hover,
	div#navigation div#slider nav#mobile_menu > ul > li > ul > li > a:hover
		{
		color: var(--link-color-b-p10);
		}
	div#container div#middle div#columns .sidebar div#collapse_2 nav#screen_menu > ul > li > ul > li > ul > li > a,
	div#container div#middle div#columns .sidebar div#collapse_2 nav#screen_menu > ul > li > ul > li > ul > li > span,
	div#navigation div#slider nav#mobile_menu > ul > li > ul > li > ul > li > a,
	div#navigation div#slider nav#mobile_menu > ul > li > ul > li > ul > li > span
		{
		background-color: var(--success-field-background-color-240);
		color: var(--base-color-20);
		padding-left: calc(3 * var(--spacing-general-1) - 1px); /* The padding setting is not applicable if the text in the menu is centered. */
		}
	div#container div#middle div#columns .sidebar div#collapse_2 nav#screen_menu > ul > li > ul > li > ul > li > a:hover,
	div#container div#middle div#columns .sidebar div#collapse_2 nav#screen_menu > ul > li > ul > li > ul > li.child > a,
	div#container div#middle div#columns .sidebar div#collapse_2 nav#screen_menu > ul > li > ul > li > ul > li.child > span,
	div#navigation div#slider nav#mobile_menu > ul > li > ul > li > ul > li > a:hover,
	div#navigation div#slider nav#mobile_menu > ul > li > ul > li > ul > li.child > a,
	div#navigation div#slider nav#mobile_menu > ul > li > ul > li > ul > li.child > span
		{
		background-color: var(--neutral-field-background-color-230);
		}
	div#container div#middle div#columns .sidebar div#collapse_2 nav#screen_menu > ul > li > ul > li > ul > li > a:hover,
	div#navigation div#slider nav#mobile_menu > ul > li > ul > li > ul > li > a:hover
		{
		color: var(--link-color-b-p20);
		}
	div#container div#middle div#columns .sidebar div#collapse_2 nav#screen_menu > ul > li > ul > li > ul > li > ul > li > a,
	div#container div#middle div#columns .sidebar div#collapse_2 nav#screen_menu > ul > li > ul > li > ul > li > ul > li > span,
	div#navigation div#slider nav#mobile_menu > ul > li > ul > li > ul > li > ul > li > a,
	div#navigation div#slider nav#mobile_menu > ul > li > ul > li > ul > li > ul > li > span
		{
		background-color: var(--success-field-background-color-250);
		color: var(--base-color-30);
		padding-left: calc(4 * var(--spacing-general-1) - 1px); /* The padding setting is not applicable if the text in the menu is centered. */
		}
	div#container div#middle div#columns .sidebar div#collapse_2 nav#screen_menu > ul > li > ul > li > ul > li > ul > li > a:hover,
	div#container div#middle div#columns .sidebar div#collapse_2 nav#screen_menu > ul > li > ul > li > ul > li > ul > li.child > a,
	div#container div#middle div#columns .sidebar div#collapse_2 nav#screen_menu > ul > li > ul > li > ul > li > ul > li.child > span,

	div#navigation div#slider nav#mobile_menu > ul > li > ul > li > ul > li > ul > li > a:hover,
	div#navigation div#slider nav#mobile_menu > ul > li > ul > li > ul > li > ul > li.child > a,
	div#navigation div#slider nav#mobile_menu > ul > li > ul > li > ul > li > ul > li.child > span
		{
		background-color: var(--neutral-field-background-color-240);
		}
	div#container div#middle div#columns .sidebar div#collapse_2 nav#screen_menu > ul > li > ul > li > ul > li > ul > li > a:hover,
	div#navigation div#slider nav#mobile_menu > ul > li > ul > li > ul > li > ul > li > a:hover
		{
		color: var(--link-color-b-p30);
		}
	div#container div#middle div#columns .sidebar div#collapse_2 nav#screen_menu a,
	div#container div#middle div#columns .sidebar div#collapse_2 nav#screen_menu li > span,
	div#container div#middle div#columns .sidebar div#collapse_2 nav#screen_menu ul ul,
	div#navigation div#slider nav#mobile_menu a,
	div#navigation div#slider nav#mobile_menu li > span,
	div#navigation div#slider nav#mobile_menu ul ul
		{
		border-top: 1px solid var(--success-border-color-200);
		}
	div#container div#middle div#columns .sidebar div#collapse_2 nav#screen_menu a,
	div#container div#middle div#columns .sidebar div#collapse_2 nav#screen_menu li > span,
	div#navigation div#slider nav#mobile_menu a,
	div#navigation div#slider nav#mobile_menu li > span
		{
		border-bottom: 1px solid var(--success-border-color-200);
		min-height: calc(3 * var(--spacing-general-1) - 1px);
		padding: calc(var(--spacing-top-o0) - 1px) calc(var(--spacing-general-1) - 1px) calc(var(--spacing-bottom-o0) - 1px) calc(var(--spacing-general-1) - 1px);
		}
	div#container div#middle div#columns .sidebar div#collapse_2 nav#screen_menu a:not(:hover),
	div#navigation div#slider nav#mobile_menu a:not(:hover)
		{
		text-decoration: none;
		}
	div#container div#middle div#columns .sidebar div#collapse_2 nav#screen_menu li > span,
	div#navigation div#slider nav#mobile_menu li > span
		{
		cursor: default;
		}
	div#container div#middle div#columns .sidebar div#collapse_2 nav#screen_menu li li:last-child > ul,
	div#navigation div#slider nav#mobile_menu li li:last-child > ul
		{
		border-top: none;
		}
	div#container div#middle div#columns .sidebar div#collapse_2 nav#screen_menu li ul,
	div#navigation div#slider nav#mobile_menu li ul
		{
		margin-bottom: calc(var(--spacing-general-1) - 7px);
		}
	div#container div#middle div#columns .sidebar div#collapse_2 nav#screen_menu li ul li:first-child > a,
	div#container div#middle div#columns .sidebar div#collapse_2 nav#screen_menu li ul li:first-child > span,
	div#navigation div#slider nav#mobile_menu li ul li:first-child > a,
	div#navigation div#slider nav#mobile_menu li ul li:first-child > span
		{
		margin-top: calc(var(--spacing-general-1) - 7px);
		}
	div#container div#middle div#columns .sidebar div#collapse_2 nav#screen_menu li:not(:last-child) > a,
	div#container div#middle div#columns .sidebar div#collapse_2 nav#screen_menu li:not(:last-child) > span,
	div#navigation div#slider nav#mobile_menu li:not(:last-child) > a,
	div#navigation div#slider nav#mobile_menu li:not(:last-child) > span
		{
		border-bottom: none;
		}
	div#container div#middle div#columns .sidebar div#collapse_2 nav#screen_menu li.child > a,
	div#container div#middle div#columns .sidebar div#collapse_2 nav#screen_menu li.child > span,
	div#container div#middle div#columns .sidebar div#collapse_2 nav#screen_menu li.parent > a,
	div#container div#middle div#columns .sidebar div#collapse_2 nav#screen_menu li.parent > span,
	div#navigation div#slider nav#mobile_menu li.child > a,
	div#navigation div#slider nav#mobile_menu li.child > span,
	div#navigation div#slider nav#mobile_menu li.parent > a,
	div#navigation div#slider nav#mobile_menu li.parent > span
		{
		font-weight: var(--font-weight-3);
		}
	div#container div#middle div#columns .sidebar div#collapse_2 nav#screen_menu span,
	div#navigation div#slider nav#mobile_menu span
		{
		white-space: nowrap;
		}
	div#container div#middle div#columns .sidebar div#collapse_2 nav#screen_menu ul li:not(.child):not(.parent) ul,
	div#container div#middle div#columns .sidebar div#collapse_2 nav#screen_menu ul ul ul ul ul,
	div#navigation div#slider nav#mobile_menu ul li:not(.child):not(.parent) ul,
	div#navigation div#slider nav#mobile_menu ul ul ul ul ul
		{
		display: none;
		}
	div#container div#middle div#columns .sidebar div#collapse_2 a div.connect,
	div#navigation div#slider a div.connect
		{
		background-color: var(--default-field-background-color-225);
		border-style: solid;
		border-width: 1px;
		color: #202020;
		display: table;
		margin-top: var(--spacing-general-2);
		width: 100%;
		}
	div#container div#middle div#columns .sidebar div#collapse_2 a div.connect img,
	div#navigation div#slider a div.connect img
		{
		float: left;
		height: calc(3 * var(--spacing-general-1) - 2px);
		width: calc(3 * var(--spacing-general-1) - 2px);
		}
	div#container div#middle div#columns .sidebar div#collapse_2 a div.connect span,
	div#navigation div#slider a div.connect span
		{
		float: right;
		padding: calc(var(--spacing-top-o0) - 1px) calc(var(--spacing-general-1) - 1px) calc(var(--spacing-bottom-o0) - 1px) calc(var(--spacing-general-1) - 1px);
		}
	div#container div#middle div#columns .sidebar div#collapse_2 a div.connect:hover,
	div#navigation div#slider a div.connect:hover
		{
		color: var(--link-color-b-o00);
		}
	div#container div#middle div#columns .sidebar div#collapse_2 a div.connect:hover img,
	div#navigation div#slider a div.connect:hover img
		{
		opacity: 0.8;
		}
	div#container div#middle div#columns .sidebar div#collapse_2 a div.connect.email,
	div#navigation div#slider a div.connect.email
		{
		background-color: #ffdfb9;
		border-color: #ffcd91;
		}
	div#container div#middle div#columns .sidebar div#collapse_2 a div.connect.email:hover,
	div#navigation div#slider a div.connect.email:hover
		{
		background-color: #ffe8cd;
		}
	div#container div#middle div#columns .sidebar div#collapse_2 a div.connect.linkedin,
	div#navigation div#slider a div.connect.linkedin
		{
		background-color: #b9e5ff;
		border-color: #91d7ff;
		}
	div#container div#middle div#columns .sidebar div#collapse_2 a div.connect.linkedin:hover,
	div#navigation div#slider a div.connect.linkedin:hover
		{
		background-color: #cdedff;
		}
	div#container div#middle div#columns .sidebar div#collapse_2 a div.connect.facebook,
	div#navigation div#slider a div.connect.facebook
		{
		background-color: #b9d0ff;
		border-color: #91b5ff;
		}
	div#container div#middle div#columns .sidebar div#collapse_2 a div.connect.facebook:hover,
	div#navigation div#slider a div.connect.facebook:hover
		{
		background-color: #cddeff;
		}
	div#container div#middle div#columns .sidebar div#collapse_2 a div.connect.twitter,
	div#navigation div#slider a div.connect.twitter
		{
		background-color: #b9e9ff;
		border-color: #91dcff;
		}
	div#container div#middle div#columns .sidebar div#collapse_2 a div.connect.twitter:hover,
	div#navigation div#slider a div.connect.twitter:hover
		{
		background-color: #cdefff;
		}
	div#container div#middle div#columns .sidebar div#collapse_2 a div.connect.instagram,
	div#navigation div#slider a div.connect.instagram
		{
		background-color: #fdbbbb;
		border-color: #fc9494;
		}
	div#container div#middle div#columns .sidebar div#collapse_2 a div.connect.instagram:hover,
	div#navigation div#slider a div.connect.instagram:hover
		{
		background-color: #ffcdcd;
		}
	div#container div#middle div#columns .sidebar div#collapse_2 div#sidebar_search,
	div#navigation div#slider div#navigation_search
		{
		margin-top: var(--spacing-general-2);
		}
	div#container div#middle div#columns .sidebar div#collapse_2 div#sidebar_search input,
	div#navigation div#slider div#navigation_search input
		{
		float: left;
		}
	div#container div#middle div#columns .sidebar div#collapse_2 div#sidebar_search input[type=text],
	div#navigation div#slider div#navigation_search input[type=text]
		{
		border-right: none;
		width: calc(2px + 100% - 4 * var(--spacing-general-1));
		}
	div#container div#middle div#columns .sidebar div#collapse_2 div#sidebar_search input[type=submit],
	div#navigation div#slider div#navigation_search input[type=submit]
		{
		width: calc(4 * var(--spacing-general-1) - 2px);
		}
	div#container div#middle div#columns .sidebar div#collapse_2 a#middle_profile,
	div#navigation div#slider a#navigation_profile
		{
		background-color: #dcdcdc;
		color: var(--base-color-00);
		border: 1px solid var(--default-border-color-200);
		margin-top: var(--spacing-general-2);
		min-height: calc(3 * var(--spacing-general-1) - 2px);
		padding: calc(var(--spacing-top-o0) - 1px) calc(var(--spacing-general-1) - 1px) calc(var(--spacing-bottom-o0) - 1px) calc(var(--spacing-general-1) - 1px);
		text-align: center;
		text-decoration: none;
		}
	div#container div#middle div#columns .sidebar div#collapse_2 a#middle_profile:hover,
	div#navigation div#slider a#navigation_profile:hover
		{
		background-color: var(--default-field-background-color-225);
		color: var(--link-color-b-o00);
		}
	/**/
	}
	
/* Small Viewer Devices */

@media (max-width: 499px), (min-width: 780px) and (max-width: 919px)
	{
	/* Preloaded Images */
	div#preload div.search_icon
		{
		background-image: url(../images/search/search_icon_12_2.png);
		}
	/**/
	}
	
/* Medium Viewer Devices */

@media (min-width: 500px) and (max-width: 639px), (min-width: 920px) and (max-width: 1059px)
	{
	/* Preloaded Images */
	div#preload div.search_icon
		{
		background-image: url(../images/search/search_icon_14_2.png);
		}
	/**/
	}
	
/* Large Viewer Devices */

@media (min-width: 640px) and (max-width: 779px), (min-width: 1060px)
	{
	/* Preloaded Images */
	div#preload div.search_icon
		{
		background-image: url(../images/search/search_icon_16_2.png);
		}
	/**/
	}
	
/* All Mobile Devices */

@media (max-width: 779px)
	{
	/* General Website */
	html
		{
		min-width: calc(2px + 13 * var(--spacing-general-2) + 30 * var(--spacing-general-1));
		}
	/* Main Container */
	div#container
		{
		position: relative;
		}
	div#container.navigation_1
		{
		left: calc(3px + 50% - var(--spacing-general-1));
		}
	/* Header Section */
	div#container header#header div#logo a img
		{
		height: calc(var(--spacing-general-2) + 6 * var(--spacing-general-1));
		width: calc(4 * var(--spacing-general-2) + 15 * var(--spacing-general-1));
		}
	div#container header#header div#logo a:hover img
		{
		margin: calc(3px - var(--spacing-general-1));
		padding: calc(var(--spacing-general-1) - 4px);
		}
	div#container header#header div#panel div#panel_search input[type=text]
		{
		width: calc(2px + 4 * var(--spacing-general-2) + 11 * var(--spacing-general-1));
		}
	div#container header#header div#panel div#header_connect a img
		{
		height: calc(3 * var(--spacing-general-1));
		width: calc(3 * var(--spacing-general-1));
		}
	div#container header#header div#panel div#header_connect a:not(:first-child)
		{
		margin-left: var(--spacing-general-2);
		}
	div#container header#header nav#top_menu,	
	div#container header#header nav#top_menu > ul > li > a,
	div#container header#header nav#top_menu > ul > li > span
		{
		min-height: calc(3 * var(--spacing-general-1)); /* The custom data file could be missing a navigation variable. */
		}
	div#container header#header nav#top_menu > ul > li > a,
	div#container header#header nav#top_menu > ul > li > span
		{
		padding: var(--spacing-top-o0) var(--spacing-general-1) var(--spacing-bottom-o0) var(--spacing-general-1);
		}
	div#container header#header nav#top_menu > ul > li > ul > li > a,
	div#container header#header nav#top_menu > ul > li > ul > li > span
		{
		min-height: calc(3 * var(--spacing-general-1) - 1px);
		padding: calc(var(--spacing-top-o0) - 1px) calc(var(--spacing-general-1) - 1px) calc(var(--spacing-bottom-o0) - 1px) calc(var(--spacing-general-1) - 1px);
		}
	/* Middle Section */
	div#container div#middle > * > .sidebar
		{
		width: 50%;
		}
	div#container div#middle div#banner
		{
		height: calc(15 * var(--spacing-general-1) - 45px);
		}
	div#container div#middle div#banner .sidebar div#section_title_1
		{
		padding-left: calc(1px + var(--spacing-general-2));
		padding-right: calc(1px + var(--spacing-general-2));
		}
	div#container div#middle div#banner .mainbar a#lightbox
		{
		height: calc(var(--spacing-general-3) + 2 * (1px + var(--spacing-general-2)));
		width: calc(var(--spacing-general-3) + 2 * (1px + var(--spacing-general-2)));
		}
	div#container div#middle div#columns .mainbar > *
		{
		padding: calc(var(--spacing-general-3) - var(--spacing-general-2)) 1px;
		}
	div#container div#middle div#columns .mainbar * div.hamburger
		{
		float: right;
		height: calc(2px + var(--spacing-general-2) + 2 * (var(--spacing-general-1) - 5px));
		margin: calc(5px - var(--spacing-general-1));
		padding: calc(var(--spacing-general-1) - 5px);
		width: calc(var(--spacing-general-3) + 2 * (var(--spacing-general-1) - 5px));
		}
	div#container div#middle div#columns .mainbar * div.hamburger div
		{
		background-color: #646464;
		height: 2px;
		position: relative;
		}
	div#container div#middle div#columns .mainbar * div.hamburger div:nth-child(2)
		{
		top: calc(var(--spacing-general-1) - 5px);
		}
	div#container div#middle div#columns .mainbar * div.hamburger div:nth-child(3)
		{
		top: calc(2 * (var(--spacing-general-1) - 5px));
		}
	div#container div#middle div#columns .mainbar a.navigation div.hamburger div
		{
		background-color: var(--success-color-100);
		}
	div#container div#middle div#columns .mainbar a.navigation div.hamburger:hover
		{
		cursor: pointer;
		}
	div#container div#middle div#columns .mainbar a.navigation div.hamburger:hover div
		{
		background-color: var(--failure-color-100);
		}
	div#container div#middle div#columns .mainbar header#title
		{
		padding-bottom: var(--spacing-general-3);
		}
	div#container div#middle div#columns .mainbar header#title div#page img
		{
		height: calc(2 * (var(--spacing-general-1) - 2px));
		width: calc(2 * (var(--spacing-general-1) - 2px));
		}
	div#container div#middle div#columns .mainbar header#title div#page h1
		{
		float: left;
		padding-left: calc(var(--spacing-general-1) - 2px);
		padding-right: calc(var(--spacing-general-1) + var(--spacing-general-3) + 2 * (var(--spacing-general-1) - 2px) - 5px);
		width: calc(100% - 2 * (var(--spacing-general-1) - 2px));
		}
	div#container div#middle div#columns .mainbar header#title div#page div.hamburger
		{
		margin-top: calc(5px - var(--spacing-general-1) - 2 * (var(--spacing-general-1) - 2px));
		}
	div#container div#middle div#columns .mainbar div#content
		{
		display: table;
		}
	div#container div#middle div#columns .mainbar footer#middle_connect
		{
		border-top: 1px dotted var(--default-label-background-color-150);
		height: calc(3px + var(--spacing-general-2) + var(--spacing-general-3));
		margin-top: var(--spacing-general-3);
		padding-top: var(--spacing-general-3);
		}
	div#container div#middle div#columns .mainbar footer#middle_connect a img
		{
		border-radius: 2px;
		float: left;
		height: calc(2px + var(--spacing-general-2));
		padding-left: 1px;
		padding-right: 1px;
		width: calc(2px + var(--spacing-general-2));
		}
	div#container div#middle div#columns .mainbar footer#middle_connect a img:hover
		{
		opacity: 0.8;
		}
	div#container div#middle div#columns .mainbar footer#middle_connect a:not(:first-child) img
		{
		margin-left: calc(var(--spacing-general-1) - 2px);
		}
	div#container div#middle div#columns .mainbar footer#middle_connect a#middle_email img
		{
		background-color: #febc65;
		}
	div#container div#middle div#columns .mainbar footer#middle_connect a#middle_linkedin img
		{
		background-color: #65c8ff;
		}
	div#container div#middle div#columns .mainbar footer#middle_connect a#middle_facebook img
		{
		background-color: #ff7866;
		}
	div#container div#middle div#columns .mainbar footer#middle_connect a#middle_twitter img
		{
		background-color: #66ffbf;
		}
	div#container div#middle div#columns .mainbar footer#middle_connect a#middle_instagram img
		{
		background-color: #fd9b43;
		opacity: 0.7;
		}
	div#container div#middle div#columns .mainbar footer#middle_connect a#middle_instagram img:hover
		{
		opacity: 0.56;
		}
	/* Navigation Pane */
	div#navigation
		{
		width: 100%;
		}
	div#navigation div#shepherd_1,
	div#navigation div#shepherd_2
		{
		position: absolute;
		}
	div#navigation div#shepherd_1
		{
		left: calc(var(--spacing-general-1) - 50% - 3px);
		}
	div#navigation div#shepherd_2
		{
		left: calc(3px + 50% - var(--spacing-general-1));
		}
	div#navigation div#slider > div
		{
		height: 100%;
		min-height: 100vh; /* Set a redundancy in case jQuery fails to accurately calculate the height. */ 
		position: absolute;
		top: 0;
		}
	div#navigation div#slider div#cover
		{
		left: -100%;
		width: 100%;
		z-index: 2;
		}
	div#navigation div#slider div#background,
	div#navigation div#slider div#pane
		{
		background-color: var(--focused-color-100);
		left: calc(var(--spacing-general-1) - 50% - 3px);
		width: calc(3px + 50% - var(--spacing-general-1));
		}
	div#navigation div#slider div#background
		{
		z-index: 3;
		}
	div#navigation div#slider div#background > div
		{
		padding: var(--spacing-general-2);
		}
	div#navigation div#slider div#pane
		{
		z-index: 4;
		}
	div#navigation div#slider div#pane > div
		{
		padding: var(--spacing-general-2);
		}
	div#navigation div#slider div#pane div#subtitle
		{
		border-bottom: 1px solid var(--focused-label-background-color-150);
		color: white;
		display: table;
		padding-bottom: var(--spacing-general-2);
		width: 100%;
		}
	div#navigation div#slider div#pane div#subtitle div
		{
		display: table-cell;
		vertical-align: bottom;
		}
	
	div#navigation div#slider div#pane div#subtitle div#label
		{
		padding-right: calc(var(--spacing-general-2) / 2);
		text-align: justify;
		}
	div#navigation div#slider div#pane div#subtitle div#close
		{
		padding-left: calc(var(--spacing-general-2) / 2);
		text-align: right;
		}
	div#navigation div#slider div#pane div#subtitle div#close:hover
		{
		color: yellow;
		cursor: pointer;
		}
	div#navigation div#slider div#pane div#subtitle span
		{
		display: block;
		}
	div#navigation div#slider nav#mobile_menu
		{
		margin-top: var(--spacing-general-2);
		}
	div#navigation div#slider div#navigation_search input[type=text]
		{
		background-position: left var(--background-position-x) top var(--background-position-y);
		background-position-x: var(--background-position-x); /* Fix an unexpected positioning bug in certain browsers, e.g. Safari. */
		background-position-y: var(--background-position-y); /* Fix an unexpected positioning bug in certain browsers, e.g. Safari. */
		background-repeat: no-repeat;
		padding-left: calc(4 * var(--spacing-general-1) - 6px);
		}
	/* Combined Theme */
	div#container header#header div#panel div#header_connect a.tooltip:hover:not(.hover_1)::after,
	div#container header#header div#panel div#header_connect a.tooltip:hover:not(.hover_1)::before,
	div#container div#middle div#banner .mainbar a.tooltip:hover:not(.hover_1)::after,
	div#container div#middle div#banner .mainbar a.tooltip:hover:not(.hover_1)::before
		{
		display: none; /* Hide and prevent stuck onclick tooltips on mobile devices. */
		}
	/**/
	}
	
/* Small Mobile Devices */

@media (max-width: 499px)
	{
	/* Header Section */
	div#container header#header nav#top_menu.editor > ul > li:nth-child(n+4):not(:last-child),
	div#container header#header nav#top_menu.manager > ul > li:nth-child(n+3):not(:last-child),
	div#container header#header nav#top_menu.website > ul > li:nth-child(n+4):not(:last-child)
		{
		display: none;
		}
	/* Footer Section */
	div#container footer#footer div#menu.editor li:nth-of-type(n+4):not(:last-of-type),
	div#container footer#footer div#menu.editor span:nth-of-type(n+3):not(:last-of-type),
	div#container footer#footer div#menu.manager li:nth-of-type(n+3):not(:last-of-type),
	div#container footer#footer div#menu.manager span:nth-of-type(n+2):not(:last-of-type),
	div#container footer#footer div#menu.website li:nth-of-type(n+4):not(:last-of-type),
	div#container footer#footer div#menu.website span:nth-of-type(n+3):not(:last-of-type)
		{
		display: none;
		}
	/* Navigation Pane */
	div#navigation div#slider div#navigation_search input[type=text]
		{
		background-image: url(../images/search/search_icon_12_1.png);
		}
	div#navigation div#slider div#navigation_search input[type=text]:focus
		{
		background-image: url(../images/search/search_icon_12_2.png);
		}
	/* Combined Theme */
	div#container div#middle div#columns .mainbar header#title div#page h1,
	div#navigation div#slider div#pane div#subtitle span
		{
		font-size: var(--font-size-12);
		letter-spacing: var(--letter-spacing-12);
		line-height: var(--line-height-12);
		margin-bottom: calc(-1 * var(--spacing-top-12));
		margin-top: calc(-1 * var(--spacing-bottom-12));
		}
	/**/
	}
	
/* Medium Mobile Devices */

@media (min-width: 500px) and (max-width: 639px)
	{
	/* Header Section */
	div#container header#header nav#top_menu.editor > ul > li:nth-child(n+5):not(:last-child),
	div#container header#header nav#top_menu.manager > ul > li:nth-child(n+4):not(:last-child),
	div#container header#header nav#top_menu.website > ul > li:nth-child(n+5):not(:last-child)
		{
		display: none;
		}
	/* Footer Section */
	div#container footer#footer div#menu.editor li:nth-of-type(n+5):not(:last-of-type),
	div#container footer#footer div#menu.editor span:nth-of-type(n+4):not(:last-of-type),
	div#container footer#footer div#menu.manager li:nth-of-type(n+4):not(:last-of-type),
	div#container footer#footer div#menu.manager span:nth-of-type(n+3):not(:last-of-type),
	div#container footer#footer div#menu.website li:nth-of-type(n+5):not(:last-of-type),
	div#container footer#footer div#menu.website span:nth-of-type(n+4):not(:last-of-type)
		{
		display: none;
		}
	/* Navigation Pane */
	div#navigation div#slider div#navigation_search input[type=text]
		{
		background-image: url(../images/search/search_icon_14_1.png);
		}
	div#navigation div#slider div#navigation_search input[type=text]:focus
		{
		background-image: url(../images/search/search_icon_14_2.png);
		}
	/* Combined Theme */
	div#container div#middle div#columns .mainbar header#title div#page h1,
	div#navigation div#slider div#pane div#subtitle span
		{
		font-size: var(--font-size-14);
		letter-spacing: var(--letter-spacing-14);
		line-height: var(--line-height-14);
		margin-bottom: calc(-1 * var(--spacing-top-14));
		margin-top: calc(-1 * var(--spacing-bottom-14));
		}
	/**/
	}
	
/* Large Mobile Devices */

@media (min-width: 640px) and (max-width: 779px)
	{
	/* Header Section */
	div#container header#header nav#top_menu.editor > ul > li:nth-child(n+6):not(:last-child),
	div#container header#header nav#top_menu.manager > ul > li:nth-child(n+5):not(:last-child),
	div#container header#header nav#top_menu.website > ul > li:nth-child(n+6):not(:last-child)
		{
		display: none;
		}
	/* Footer Section */
	div#container footer#footer div#menu.editor li:nth-of-type(n+6):not(:last-of-type),
	div#container footer#footer div#menu.editor span:nth-of-type(n+5):not(:last-of-type),
	div#container footer#footer div#menu.manager li:nth-of-type(n+5):not(:last-of-type),
	div#container footer#footer div#menu.manager span:nth-of-type(n+4):not(:last-of-type),
	div#container footer#footer div#menu.website li:nth-of-type(n+6):not(:last-of-type),
	div#container footer#footer div#menu.website span:nth-of-type(n+5):not(:last-of-type)
		{
		display: none;
		}
	/* Navigation Pane */
	div#navigation div#slider div#navigation_search input[type=text]
		{
		background-image: url(../images/search/search_icon_16_1.png);
		}
	div#navigation div#slider div#navigation_search input[type=text]:focus
		{
		background-image: url(../images/search/search_icon_16_2.png);
		}
	/* Combined Theme */
	div#container div#middle div#columns .mainbar header#title div#page h1,
	div#navigation div#slider div#pane div#subtitle span
		{
		font-size: var(--font-size-16);
		letter-spacing: var(--letter-spacing-16);
		line-height: var(--line-height-16);
		margin-bottom: calc(-1 * var(--spacing-top-16));
		margin-top: calc(-1 * var(--spacing-bottom-16));
		}
	/**/
	}
	
/* All Screen Devices */

@media (min-width: 780px)
	{
	/* General Website */
	html
		{
		background-image: conic-gradient(from 135deg, var(--default-field-background-color-225) 90deg, transparent 0), conic-gradient(from 135deg, var(--default-field-background-color-230) 90deg, transparent 0), conic-gradient(from 135deg at 50% 0, var(--default-field-background-color-225) 90deg, transparent 0);
		background-position: 0 0, calc(-1 * var(--spacing-general-2)) calc(var(--spacing-general-2) / -2), calc(-1 * var(--spacing-general-2)) calc(var(--spacing-general-2) / -2); /* var(--spacing-general-2) calc(var(--spacing-general-2) / 2), 0 0, 0 0 */
		background-size: calc(2 * var(--spacing-general-2)) var(--spacing-general-2);
		}
	/* Main Container */
	div#container
		{
		max-width: 1200px;
		}
	/* Header Section */
	div#container header#header > div
		{
		background-image: linear-gradient(to left, var(--default-field-background-color-240) 1px, transparent 1px), linear-gradient(to top, var(--default-field-background-color-240) 1px, transparent 1px);
		background-position: 50% 25%;
		background-size: var(--spacing-general-2) var(--spacing-general-2);
		}
	div#container header#header div#logo a img
		{
		height: calc(var(--spacing-general-2) + 8 * var(--spacing-general-1) - 1px); /* The 1px height adjustment aligns the 20px background pattern. */
		width: calc(29 * var(--spacing-general-1));
		}
	div#container header#header div#logo a:hover img
		{
		margin: calc(-1 * var(--spacing-general-1));
		padding: calc(var(--spacing-general-1) - 1px);
		}
	div#container header#header div#panel div#panel_search input[type=text]
		{
		background-position: left var(--background-position-x) top var(--background-position-y);
		background-position-x: var(--background-position-x); /* Fix an unexpected positioning bug in certain browsers, e.g. Safari. */
		background-position-y: var(--background-position-y); /* Fix an unexpected positioning bug in certain browsers, e.g. Safari. */
		background-repeat: no-repeat;
		padding-left: calc(4 * var(--spacing-general-1) - 6px);
		width: calc(2px + 25 * var(--spacing-general-1));
		}
	div#container header#header div#panel div#header_connect a img
		{
		height: calc(5 * var(--spacing-general-1) - 1px); /* The 1px height adjustment aligns the 20px background pattern. */
		width: calc(5 * var(--spacing-general-1));
		}
	div#container header#header div#panel div#header_connect a:not(:first-child)
		{
		margin-left: var(--spacing-general-1);
		}
	div#container header#header div#panel div#header_connect a.tooltip:hover:not(.hover_1)::after,
	div#container header#header div#panel div#header_connect a.tooltip.hover_2::after
		{
		margin-bottom: calc(-1 * var(--spacing-general-1));
		width: calc(9 * var(--spacing-general-1));
		}
	div#container header#header div#panel div#header_connect a.tooltip:hover:not(.hover_1)::before,
	div#container header#header div#panel div#header_connect a.tooltip.hover_2::before
		{
		margin-bottom: calc(-1 * (var(--spacing-general-1) + var(--tooltip-width-before)));
		}
	div#container header#header div#panel div#header_connect a.tooltip#header_email:hover:not(.hover_1)::after,
	div#container header#header div#panel div#header_connect a.tooltip#header_email.hover_2::after
		{
		background-color: #c86c00;
		text-shadow: 1px 1px #643600;
		}
	div#container header#header div#panel div#header_connect a.tooltip#header_email:hover:not(.hover_1)::before,
	div#container header#header div#panel div#header_connect a.tooltip#header_email.hover_2::before
		{
		border-top-color: #c86c00;
		}
	div#container header#header div#panel div#header_connect a.tooltip#header_linkedin:hover:not(.hover_1)::after,
	div#container header#header div#panel div#header_connect a.tooltip#header_linkedin.hover_2::after
		{
		background-color: #007fc8;
		text-shadow: 1px 1px #004064;
		}
	div#container header#header div#panel div#header_connect a.tooltip#header_linkedin:hover:not(.hover_1)::before,
	div#container header#header div#panel div#header_connect a.tooltip#header_linkedin.hover_2::before
		{
		border-top-color: #007fc8;
		}
	div#container header#header div#panel div#header_connect a.tooltip#header_facebook:hover:not(.hover_1)::after,
	div#container header#header div#panel div#header_connect a.tooltip#header_facebook.hover_2::after
		{
		background-color: #0042c8;
		text-shadow: 1px 1px #002164;
		}
	div#container header#header div#panel div#header_connect a.tooltip#header_facebook:hover:not(.hover_1)::before,
	div#container header#header div#panel div#header_connect a.tooltip#header_facebook.hover_2::before
		{
		border-top-color: #0042c8;
		}
	div#container header#header div#panel div#header_connect a.tooltip#header_twitter:hover:not(.hover_1)::after,
	div#container header#header div#panel div#header_connect a.tooltip#header_twitter.hover_2::after
		{
		background-color: #0089C8;
		text-shadow: 1px 1px #004464;
		}
	div#container header#header div#panel div#header_connect a.tooltip#header_twitter:hover:not(.hover_1)::before,
	div#container header#header div#panel div#header_connect a.tooltip#header_twitter.hover_2::before
		{
		border-top-color: #0089c8;
		}
	div#container header#header div#panel div#header_connect a.tooltip#header_instagram:hover:not(.hover_1)::after,
	div#container header#header div#panel div#header_connect a.tooltip#header_instagram.hover_2::after
		{
		background-color: #c40404;
		text-shadow: 1px 1px #620202;
		}
	div#container header#header div#panel div#header_connect a.tooltip#header_instagram:hover:not(.hover_1)::before,
	div#container header#header div#panel div#header_connect a.tooltip#header_instagram.hover_2::before
		{
		border-top-color: #c40404;
		}
	div#container header#header nav#top_menu,
	div#container header#header nav#top_menu > ul > li > a,
	div#container header#header nav#top_menu > ul > li > span
		{
		min-height: calc(6px + 3 * var(--spacing-general-1)); /* The custom data file could be missing a navigation variable. */
		}	
	div#container header#header nav#top_menu > ul > li > a,
	div#container header#header nav#top_menu > ul > li > span
		{
		font-size: var(--font-size-p2);
		line-height: var(--line-height-p2);
		padding: var(--spacing-top-p2) calc(2px + var(--spacing-general-1)) var(--spacing-bottom-p2) calc(2px + var(--spacing-general-1));
		}
	div#container header#header nav#top_menu > ul > li > ul > li > a,
	div#container header#header nav#top_menu > ul > li > ul > li > span
		{
		font-size: var(--font-size-p1);
		line-height: var(--line-height-p1);
		min-height: calc(2px + 3 * var(--spacing-general-1));
		padding: calc(var(--spacing-top-p1) - 1px) var(--spacing-general-1) calc(var(--spacing-bottom-p1) - 1px) var(--spacing-general-1);
		}
	/* Middle Section */
	div#container div#middle .sidebar
		{
		width: 25%;
		}
	div#container div#middle .sidebar.auto_width
		{
		width: 50%;
		}
	div#container div#middle .sidebar.fill_width div#section_title_1,
	div#container div#middle .sidebar.fill_width a#section_title_2:not(.expand)
		{
		width: calc(1px + 100%);
		}
	div#container div#middle div#banner
		{
		height: calc(14 * var(--spacing-general-1));
		}
	div#container div#middle div#banner .sidebar a#section_title_2
		{
		text-decoration: none;
		}
	div#container div#middle div#banner .sidebar a#section_title_2:hover
		{
		color: yellow;
		}
	div#container div#middle div#banner .sidebar a#section_title_2.expand
		{
		width: calc(2px + var(--spacing-general-1) + 2 * var(--spacing-general-2));
		}
	div#container div#middle div#banner .sidebar a#section_title_2.expand span#expand_1 span.bracket,
	div#container div#middle div#banner .sidebar a#section_title_2.expand span#expand_1 span.plus,
	div#container div#middle div#banner .sidebar a#section_title_2.collapse span#collapse_1 span.bracket,
	div#container div#middle div#banner .sidebar a#section_title_2.collapse span#collapse_1 span.minus
		{
		position: relative;
		}
	div#container div#middle div#banner .sidebar a#section_title_2.expand span#expand_1 span.bracket,
	div#container div#middle div#banner .sidebar a#section_title_2.collapse span#collapse_1 span.bracket
		{
		top: -1px;
		}
	div#container div#middle div#banner .sidebar a#section_title_2.expand span#expand_1 span.plus,
	div#container div#middle div#banner .sidebar a#section_title_2.collapse span#collapse_1 span.minus
		{
		background-position: left 0 top 0, left 1px top 1px;
		background-repeat: no-repeat, no-repeat;
		display: inline-block;
		height: calc(1px + var(--spacing-general-1));
		top: 1px;
		width: calc(1px + var(--spacing-general-1));
		}
	div#container div#middle div#banner .sidebar a#section_title_2.collapse span#collapse_1 span.minus
		{
		margin-left: 1px;
		}
	div#container div#middle div#banner .sidebar a#section_title_2.expand:hover,
	div#container div#middle div#banner .sidebar a#section_title_2.expand.hover,
	div#container div#middle div#banner .sidebar a#section_title_2.collapse:hover,
	div#container div#middle div#banner .sidebar a#section_title_2.collapse.hover
		{
		background-color: var(--failure-color-100);
		text-shadow: 1px 1px #640000;
		}
	div#container div#middle div#banner .sidebar.auto_width div#section_title_1,
	div#container div#middle div#banner .sidebar.auto_width a#section_title_2:not(.expand)
		{
		padding-left: calc(3 * var(--spacing-general-1));
		padding-right: calc(3 * var(--spacing-general-1));
		}
	div#container div#middle div#banner .sidebar.fill_width div#section_title_1,
	div#container div#middle div#banner .sidebar.fill_width a#section_title_2:not(.expand)
		{
		padding-left: var(--spacing-general-1);
		padding-right: var(--spacing-general-1);
		}
	div#container div#middle div#banner .mainbar a#lightbox
		{
		height: calc(5 * var(--spacing-general-1));
		width: calc(5 * var(--spacing-general-1));
		}
	div#container div#middle div#banner .mainbar a#lightbox.tooltip:hover:not(.hover_1)::after,
	div#container div#middle div#banner .mainbar a#lightbox.tooltip.hover_2::after
		{
		background-color: #c8c600;
		height: calc(5 * (var(--spacing-general-1) - 1px));
		margin-bottom: calc(-1 * var(--spacing-general-1));
		text-shadow: 1px 1px #644700;
		width: calc(2px + 9 * var(--spacing-general-1));
		}
	div#container div#middle div#banner .mainbar a#lightbox.tooltip:hover:not(.hover_1)::before,
	div#container div#middle div#banner .mainbar a#lightbox.tooltip.hover_2::before
		{
		border-top-color: #c8c600;
		margin-bottom: calc(-1 * (var(--spacing-general-1) + var(--tooltip-width-before)));
		}
	div#container div#middle div#columns,
	div#container div#middle div#columns > *,
	div#container div#middle div#columns > * > div
		{
		height: 100%; /* Make both the sidebar and mainbar fill 100% of the content height of the larger of the two elements. */
		}
	div#container div#middle div#columns .sidebar > div
		{
		background-color: var(--default-field-background-color-240);
		border-bottom-right-radius: 0; /* Remove this particular border radius but keep the border_radius class border radius for the element. */
		border-right: 1px solid var(--default-border-color-200);
		}
	div#container div#middle div#columns .sidebar div.expand.toggle:hover,
	div#container div#middle div#columns .sidebar div.expand.toggle.hover,
	div#container div#middle div#columns .sidebar div.expand:not(.toggle) a#expand_2:hover,
	div#container div#middle div#columns .sidebar div.collapse.toggle.hover:not(:hover)
		{
		background-color: var(--neutral-field-background-color-240);
		}
	div#container div#middle div#columns .sidebar div.expand.toggle:hover a#expand_2 span,
	div#container div#middle div#columns .sidebar div.expand.toggle.hover a#expand_2 span,
	div#container div#middle div#columns .sidebar div.expand:not(.toggle) a#expand_2:hover span
		{
		color: var(--link-color-b-o00);
		}
	div#container div#middle div#columns .sidebar div.collapse
		{
		display: table; /* Fix the strange behavior of Opera and Safari. They require two extra rules to completely fill the sidebar height; */
		padding: var(--spacing-general-2);
		width: 100%; /* Fix the strange behavior of Opera and Safari. They require two extra rules to completely fill the sidebar height; */
		}
	div#container div#middle div#columns .sidebar a#expand_2
		{
		display: block;
		height: 100%;
		min-height: calc(28 * var(--spacing-general-1));
		overflow: hidden;
		position: relative;
		width: calc(var(--spacing-general-1) + 2 * var(--spacing-general-2));
		}
	div#container div#middle div#columns .sidebar a#expand_2 span
		{
		left: calc(50% - (var(--spacing-bottom-o0) - var(--spacing-top-o0)) / 2);
		position: absolute;
		text-align: center;
		top: calc(7.5 * var(--spacing-general-1) + var(--spacing-general-2) - 1px);
		transform: translateX(-50%) translateY(-50%) rotate(-90deg);
		white-space: nowrap;
		width: calc(15 * var(--spacing-general-1) - 2px);
		}
	div#container div#middle div#columns .sidebar div#collapse_2 div#sidebar_search input[type=text]
		{
		background-color: var(--default-field-background-color-250);
		}
	div#container div#middle div#columns .sidebar div#collapse_2 div#sidebar_search input[type=text]:focus
		{
		background-color: var(--focused-field-background-color-250);
		}
	div#container div#middle div#columns .mainbar > *
		{
		padding: calc(var(--spacing-general-3) - var(--spacing-general-2));
		}
	div#container div#middle div#columns .mainbar header#title
		{
		padding-bottom: calc(var(--spacing-general-1) - 1px);
		}
	div#container div#middle div#columns .mainbar header#title > div
		{
		display: table-cell;
		vertical-align: bottom;
		}
	div#container div#middle div#columns .mainbar header#title div#page
		{
		padding-right: calc(1.5 * (var(--spacing-general-1) - 1px));
		vertical-align: top;
		white-space: nowrap;
		}
	div#container div#middle div#columns .mainbar header#title div#page img
		{
		height: calc(2 * (var(--spacing-general-1) - 1px));
		width: calc(2 * (var(--spacing-general-1) - 1px));
		}
	div#container div#middle div#columns .mainbar header#title div#page h1
		{
		margin-left: calc(3 * (var(--spacing-general-1) - 1px));
		}
	div#container div#middle div#columns .mainbar header#title div#location
		{
		padding-left: calc(1.5 * (var(--spacing-general-1) - 1px));
		position: relative;
		right: -1px;
		text-align: right;
		}
	div#container div#middle div#columns .mainbar header#title div#location span
		{
		white-space: nowrap;
		}
	div#container div#middle div#columns .mainbar header#title div#location a:not(:hover)
		{
		text-decoration: none;
		}
	/* Combined Theme */
	div#container div#middle div#columns .sidebar div#collapse_2 a:not(:first-of-type) div.connect,
	div#navigation div#slider a:not(:first-of-type) div.connect
		{
		margin-top: var(--spacing-general-1);
		}
	/**/
	}
	
/* Small Screen Devices */

@media (min-width: 780px) and (max-width: 919px)
	{
	/* Header Section */
	div#container header#header div#panel div#panel_search input[type=text]
		{
		background-image: url(../images/search/search_icon_12_1.png);
		}
	div#container header#header div#panel div#panel_search input[type=text]:focus
		{
		background-image: url(../images/search/search_icon_12_2.png);
		}
	/* Middle Section */
	div#container div#middle div#banner .sidebar a#section_title_2.expand span#expand_1 span.plus
		{
		background-image:
		url(../images/toggle/plus_sign_8_1.png),
		url(../images/toggle/plus_sign_8_3.png);
		}
	div#container div#middle div#banner .sidebar a#section_title_2.expand:hover span#expand_1 span.plus,
	div#container div#middle div#banner .sidebar a#section_title_2.expand.hover span#expand_1 span.plus
		{
		background-image:
		url(../images/toggle/plus_sign_8_2.png),
		url(../images/toggle/plus_sign_8_4.png);
		}
	div#container div#middle div#banner .sidebar a#section_title_2.collapse span#collapse_1 span.minus
		{
		background-image:
		url(../images/toggle/minus_sign_8_1.png),
		url(../images/toggle/minus_sign_8_3.png);
		}
	div#container div#middle div#banner .sidebar a#section_title_2.collapse:hover span#collapse_1 span.minus,
	div#container div#middle div#banner .sidebar a#section_title_2.collapse.hover span#collapse_1 span.minus
		{
		background-image:
		url(../images/toggle/minus_sign_8_2.png),
		url(../images/toggle/minus_sign_8_4.png);
		}
	div#container div#middle div#columns .mainbar header#title div#page h1
		{
		font-size: var(--font-size-14);
		letter-spacing: var(--letter-spacing-14);
		line-height: var(--line-height-14);
		margin-bottom: calc(-1 * var(--spacing-top-14));
		margin-top: calc(-1 * var(--spacing-bottom-14));
		}
	/* Preloaded Images */
	div#preload div.minus_sign
		{
		background-image:
		url(../images/toggle/minus_sign_8_1.png),
		url(../images/toggle/minus_sign_8_2.png),
		url(../images/toggle/minus_sign_8_3.png),
		url(../images/toggle/minus_sign_8_4.png);
		}
	div#preload div.plus_sign
		{
		background-image:
		url(../images/toggle/plus_sign_8_1.png),
		url(../images/toggle/plus_sign_8_2.png),
		url(../images/toggle/plus_sign_8_3.png),
		url(../images/toggle/plus_sign_8_4.png);
		}
	/**/
	}
	
/* Medium Screen Devices */

@media (min-width: 920px) and (max-width: 1059px)
	{
	/* Header Section */
	div#container header#header div#panel div#panel_search input[type=text]
		{
		background-image: url(../images/search/search_icon_14_1.png);
		}
	div#container header#header div#panel div#panel_search input[type=text]:focus
		{
		background-image: url(../images/search/search_icon_14_2.png);
		}
	/* Middle Section */
	div#container div#middle div#banner .sidebar a#section_title_2.expand span#expand_1 span.plus
		{
		background-image:
		url(../images/toggle/plus_sign_9_1.png),
		url(../images/toggle/plus_sign_9_3.png);
		}
	div#container div#middle div#banner .sidebar a#section_title_2.expand:hover span#expand_1 span.plus,
	div#container div#middle div#banner .sidebar a#section_title_2.expand.hover span#expand_1 span.plus
		{
		background-image:
		url(../images/toggle/plus_sign_9_2.png),
		url(../images/toggle/plus_sign_9_4.png);
		}
	div#container div#middle div#banner .sidebar a#section_title_2.collapse span#collapse_1 span.minus
		{
		background-image:
		url(../images/toggle/minus_sign_9_1.png),
		url(../images/toggle/minus_sign_9_3.png);
		}
	div#container div#middle div#banner .sidebar a#section_title_2.collapse:hover span#collapse_1 span.minus,
	div#container div#middle div#banner .sidebar a#section_title_2.collapse.hover span#collapse_1 span.minus
		{
		background-image:
		url(../images/toggle/minus_sign_9_2.png),
		url(../images/toggle/minus_sign_9_4.png);
		}
	div#container div#middle div#columns .mainbar header#title div#page h1
		{
		font-size: var(--font-size-16);
		letter-spacing: var(--letter-spacing-16);
		line-height: var(--line-height-16);
		margin-bottom: calc(-1 * var(--spacing-top-16));
		margin-top: calc(-1 * var(--spacing-bottom-16));
		}
	/* Preloaded Images */
	div#preload div.minus_sign
		{
		background-image:
		url(../images/toggle/minus_sign_9_1.png),
		url(../images/toggle/minus_sign_9_2.png),
		url(../images/toggle/minus_sign_9_3.png),
		url(../images/toggle/minus_sign_9_4.png);
		}
	div#preload div.plus_sign
		{
		background-image:
		url(../images/toggle/plus_sign_9_1.png),
		url(../images/toggle/plus_sign_9_2.png),
		url(../images/toggle/plus_sign_9_3.png),
		url(../images/toggle/plus_sign_9_4.png);
		}
	/**/
	}
	
/* Large Screen Devices */

@media (min-width: 1060px)
	{
	/* Header Section */
	div#container header#header div#panel div#panel_search input[type=text]
		{
		background-image: url(../images/search/search_icon_16_1.png);
		}
	div#container header#header div#panel div#panel_search input[type=text]:focus
		{
		background-image: url(../images/search/search_icon_16_2.png);
		}
	/* Middle Section */
	div#container div#middle div#banner .sidebar a#section_title_2.expand span#expand_1 span.plus
		{
		background-image:
		url(../images/toggle/plus_sign_10_1.png),
		url(../images/toggle/plus_sign_10_3.png);
		}
	div#container div#middle div#banner .sidebar a#section_title_2.expand:hover span#expand_1 span.plus,
	div#container div#middle div#banner .sidebar a#section_title_2.expand.hover span#expand_1 span.plus
		{
		background-image:
		url(../images/toggle/plus_sign_10_2.png),
		url(../images/toggle/plus_sign_10_4.png);
		}
	div#container div#middle div#banner .sidebar a#section_title_2.collapse span#collapse_1 span.minus
		{
		background-image:
		url(../images/toggle/minus_sign_10_1.png),
		url(../images/toggle/minus_sign_10_3.png);
		}
	div#container div#middle div#banner .sidebar a#section_title_2.collapse:hover span#collapse_1 span.minus,
	div#container div#middle div#banner .sidebar a#section_title_2.collapse.hover span#collapse_1 span.minus
		{
		background-image:
		url(../images/toggle/minus_sign_10_2.png),
		url(../images/toggle/minus_sign_10_4.png);
		}
	div#container div#middle div#columns .mainbar header#title div#page h1
		{
		font-size: var(--font-size-18);
		letter-spacing: var(--letter-spacing-18);
		line-height: var(--line-height-18);
		margin-bottom: calc(-1 * var(--spacing-top-18));
		margin-top: calc(-1 * var(--spacing-bottom-18));
		}
	/* Preloaded Images */
	div#preload div.minus_sign
		{
		background-image:
		url(../images/toggle/minus_sign_10_1.png),
		url(../images/toggle/minus_sign_10_2.png),
		url(../images/toggle/minus_sign_10_3.png),
		url(../images/toggle/minus_sign_10_4.png);
		}
	div#preload div.plus_sign
		{
		background-image:
		url(../images/toggle/plus_sign_10_1.png),
		url(../images/toggle/plus_sign_10_2.png),
		url(../images/toggle/plus_sign_10_3.png),
		url(../images/toggle/plus_sign_10_4.png);
		}
	/**/
	}
	
/**/