:root {
	--Pantone-446			: #5b686d;	/* Blue Gray */
	--Pantone-559			: #ADCAB8;	/* Pastel Green */
	--Pantone-420			: #c5c7c4;	/* Light Grey */
	--Pantone-7541			: #ecece7;	/* Signal White */
	--Pantone-7541-T		: rgba(236, 236, 231, 65%);
	
	--Bright-Unsat-Blue		: #a9abe5;
	--Bright-Unsat-Green	: #a9e5d9;
	--Bright-Unsat-Orange	: #e5bba9;
	--Bright-Unsat-Red		: #e5a9ac;
	--Dark-Grey				: #18191A;
	--Dark-Grey2			: #272829;
	--Pastel-Red			: #C5A27D;
	--Pastel-Blue			: #A5A4D2;
	--Pastel-Green			: #ADCAB8;
	
	----Patttern-Crosshatch	: Repeating-linear-gradient(
								45deg,
								Transparent,
								Transparent 20px,
								Silver 20px,
								Silver 21px
							), Repeating-linear-gradient(
								-45deg,
								Transparent,
								Transparent 20px,
								Silver 20px,
								Silver 21px
							);
	--Patttern-Bars			: Repeating-linear-gradient(
								45deg,
								Transparent,
								Transparent 20px,
								Silver 20px,
								Silver 40px
							);
	
	--Navigation-Width		: 12em;
	--Footer-Clearance		: 11em;
	
	--Logo-Width			: 157px;
	--Logo-Height			: 135px;
	/* Default			 70px by 100px */
	/* Easter			141px by 131px */
	/* Halloween		157px by 135px */
	/* Saint Nicolas	90px by 140px */
	/* Christmas		109px by 123px */
	
	--ServiceMission-Width	: min(4cm, Calc(100% - 2em));
	--ServiceProject-Width	: min(12cm, Calc(100% - 2em));
	--ServiceMission-Height	: 5em;
}

HTML, BODY {
	font-family			: FreeSans, Helvetica, Sans-serif;
	font-size			: Medium;
	box-sizing			: Border-Box;
	padding				: 0;
	margin				: 0;
	border				: 0;
	word-wrap			: break-word;
}

HTML {
	height				: 100vh;
	overflow-y			: auto;
}

BODY {
	position			: Absolute;
	width				: 100%;
	min-height			: 100%;
	padding-left		: Calc(1em + Var(--Navigation-Width));
	padding-top			: Calc(16px + Var(--Logo-Height) + 16px + 2px);
	padding-right		: 1em;
}

DIV.logo {
	position			: Absolute;
	overflow			: auto;
	box-sizing			: Content-Box;
	left				: 0;
	right				: 0;
	top					: 0;
	height				: Calc(16px + Var(--Logo-Height) + 16px);
	background			: var(--Pantone-559);
	color				: Black;
	background-image	: url('../images/logo_background.png');
	background-image	: image-set(
		'../images/logo_background-10x.png' 1x,
		'../images/logo_background-15x.png' 1.5x,
		'../images/logo_background-20x.png' 2x,
		'../images/logo_background-25x.png' 2.5x,
		'../images/logo_background-30x.png' 3x
		);
	background-repeat	: Repeat-X;
	background-position	: Left Center;
	border-bottom		: 2px Solid var(--Pantone-446);
}

DIV.logo IMG.logo {
	float				: Left;
	margin				: 16px Calc(Var(--Navigation-Width) - Var(--Logo-Width) + 2em) 0 16px;
	width				: Var(--Logo-Width);
	height				: 135 Var(--Logo-Height);
	padding				: 0;
	border				: 0;
}

DIV.logo H1, DIV.logo H2 {
	text-align			: Left;
	padding				: 0;
	margin				: 0;
}

DIV.logo H1 {
	padding-top			: 28px;
}

DIV.logo H2 {
	padding-top			: 0.5em;
}

DIV.language {
	position			: Absolute;
	top					: 0;
	right				: 0;
	padding				: 0;
	margin				: 6px;
	color				: Black;
	z-index				: 2;
	border				: 1px solid rgba(0, 0, 0, 0.0);
	border-radius		: 12px;
}

DIV.language:hover {
	background			: var(--Pantone-7541);
}

DIV.language A {
	float				: Right;
	display				: Block;
	padding				: 0;
	margin				: 0;
	text-decoration		: None;
	color				: Black;
}

DIV.language SPAN.current {
	float				: Right;
	display				: Block;
	font-weight			: Bold;
}

DIV.language SPAN.seperator {
	display				: None;
}

DIV.language IMG {
	margin				: 8px;
	padding				: 2px;
	Display				: None;
	border				: 1px Solid rgba(0, 0, 0, 0.0);
	border-radius		: 10px;
}

DIV.language IMG.current {
	float				: Right;
	Display				: Block;
}

DIV.language:hover IMG {
	Display				: Block;
}

DIV.language:hover IMG.current {
	border-color		: Black;
}

DIV.breadcrumbs {
	margin				: 0;
	padding				: 0;
}

DIV.breadcrumbs SPAN.prologue {
}

DIV.breadcrumbs A {
	color				: inherit;
	text-decoration		: None;
}

DIV.breadcrumbs SPAN.separator {
	font-size			: 75%;
}
DIV.breadcrumbs SPAN.epilogue {
}

DIV.account {
 	position			: Absolute;
	top					: Calc(6px + 8px + 2px);
	right				: Calc(48px + 8px + 2em);
	height				: 32px;
	box-sizing			: Border-Box;
	font-weight			: Bold;
	padding				: Calc((32px - 1em) / 2) 0;
	margin				: 0;
	overflow			: visible;
	z-index				: 1;
	-border				: 1px Solid Black;
}

DIV.account A {
	color				: Black;
	text-decoration		: None;
}

DIV.account UL {
	position			: Relative;
	top					: -0.25em;
	margin				: 0;
	padding				: 0;
	list-style-type		: None;
}

DIV.account UL:hover {
	left				: 1px;
	top					: Calc(-0.25em - 0.5px);
	border				: 1px Solid Black;
	background			: var(--Pantone-7541);
}

DIV.account UL LI {
	display				: None;
	list-style-type		: None;
	padding				: 0;
	margin				: 0.25em 0 0.25em 0;
}

DIV.account UL LI:first-child:after {
	content				: ' \2BC6';
}

DIV.account UL LI A, DIV.account UL LI:first-child, DIV.account UL:hover LI {
	display				: Block;
	padding				: 0 0.5em;
}

DIV.account UL:hover LI:first-child {
	padding-bottom		: 1px;
	border-bottom		: 1px Solid Black;
}

DIV.navigation {
	background-color	: var(--Pantone-7541);
	color				: Black;
	border-right		: 1px Solid var(--Pantone-420);
	position			: Absolute;
	left				: 0;
	top					: Calc(16px + Var(--Logo-Height) + 16px + 2px);
	width				: Var(--Navigation-Width);
	bottom				: 0px;
	margin				: 0;
	padding				: 0;
}

DIV.navigation UL {
	position			: Relative;
	padding				: 0;
	margin				: 0;
	list-style-type		: None;
	background-color	: var(--Pantone-7541-T);
	z-index				: 2;
}

DIV.navigation LI {
	display				: Block;
	list-style-type		: None;
}

DIV.navigation LI A {
	display				: Block;
	padding				: 0;
	padding-left		: 1em;
	margin				: 8px;
	margin-bottom		: 0;
	text-indent			: -1em;
}

DIV.navigation LI LI A {
	padding				: 0;
	margin				: 2px 0 0 Calc(8px + 1em);
	text-indent			: -1em;
	padding-left		: 1em;
	display				: Block;
}

DIV.navigation LI.currentpage A {
	font-weight			: Bold;
	border-bottom		: 1px Solid var(--Pantone-446);
}

DIV.navigation LI.currentpage A:before {
	content				: "\25B8 ";
}

DIV.navigation LI.empty A {
	border-bottom		: None;
}

DIV.navigation LI.currentpage UL A {
	font-weight			: Normal;
	border-bottom		: None;
}

DIV.navigation LI.currentpage UL A:before, DIV.navigation LI:hover UL A:before {
	content				: "\2010\2002";
}

DIV.navigation LI.currentpage LI.currentpage A {
	font-weight			: Bold;
}

DIV.navigation LI A:hover, DIV.navigation LI UL A:hover {
	color				: var(--Pantone-446);
}

DIV.navigation LI.currentpage LI.currentpage A:before {
	content				: "\25AA\2002";
}

DIV.navigation A {
	text-decoration		: None;
	color				: Black;
}

DIV.navigation SPAN.separator {
	display				: None;
}

DIV.navigation UL UL {
	display				: None;
}

DIV.navigation LI.currentpage UL {
	display				: Block;
}
DIV.navigation LI.currentpage UL UL {
	display				: Block;
}

DIV.referers {
	position			: Absolute;
	right				: 8px;
	top					: Calc(16px + Var(--Logo-Height) + 16px - 2px - 48px - 8px);
}

DIV.referers SPAN.separator {
	display				: None;
}


BODY {
	padding-bottom		: var(--Footer-Clearance);
}

DIV.footer {
	background-color	: White;
	color				: var(--Pantone-446);
	border-top			: 1px Solid var(--Pantone-446);
	position			: Absolute;
	left				: Calc(1em + Var(--Navigation-Width));
	bottom				: 0;
	right				: 1em;
	padding				: 0;
	margin				: 0;
	padding-bottom		: 1.5em;
	overflow			: visible;
}

DIV.footer * {
	font-size			: Medium;
	font-weight			: Normal;
	padding				: 0;
	margin				: 0;
}

DIV.footer P.copyright {
	position			: Absolute;
	right				: -1em;
	bottom				: 0;
	font-size			: 80%;
	width				: 75%;
	text-align			: right;
	padding				: 0.1em Calc(1em / 0.8) 0.05em Calc(1em / 0.8);
	background			: var(--Pantone-446);
	color				: White;
}

DIV.footer DIV.category {
	float				: Left;
	box-sizing			: Border-Box;
	padding				: 0.25em 0.25em 0 0.25em;
	margin				: 0;
}

DIV.footer *.columns-1 {
	width				: Calc(100% / 1);
}
DIV.footer *.columns-2 {
	width				: Calc(100% / 2);
}
DIV.footer *.columns-3 {
	width				: Calc(100% / 3);
}
DIV.footer *.columns-4 {
	width				: Calc(100% / 4);
}
DIV.footer *.columns-5 {
	width				: Calc(100% / 5);
}
DIV.footer *.columns-6 {
	width				: Calc(100% / 6);
}
DIV.footer *.columns-7 {
	width				: Calc(100% / 7);
}
DIV.footer *.columns-8 {
	width				: Calc(100% / 8);
}

DIV.footer DIV.category H2 {
	font-weight			: Bold;
}

DIV.footer DIV.category UL {
	padding				: 0;
	margin				: 0;
	list-style-type		: None;
}

DIV.footer DIV.category LI {
	display				: Block;
	list-style-type		: None;
}

DIV.footer DIV.category LI.separator {
	height				: 1em;
}

DIV.footer DIV.category LI.separator HR{
	display				: None;
}

DIV.footer DIV.category LI A, DIV.footer DIV.category P A {
	text-decoration		: None;
	color				: var(--Pantone-446);
}

DIV.footer DIV.category P.newsection {
	margin-top			: 0.5em;
}

DIV.footer DIV.category:first-child DIV {
	position			: Absolute;
	bottom				: 0;
	width				: Calc(25% - 1.5em);
	box-sizing			: Border-box;
	padding				: 0.25em;
}

DIV.footer DIV.category:first-child A {
	display				: Block;
	float				: Left;
	margin				: 0.25em;
}

DIV.footer DIV.category:first-child IMG {
	display				: Block;
	width				: 2em;
}


DIV.iso9001 {
	position			: Absolute;
	left				: Calc(Var(--Navigation-Width)/2 - 60px);
	bottom				: 1.5em;
	padding				: 0;
	margin				: 0;
	z-index				: 1;
}




P.info, P.ok, P.warning, P.error {
	border				: 1px Solid Black;
	border-radius		: 0.5em;
	padding				: 1em;
	background-repeat	: No-repeat;
	background-position	: Left Center;
	box-sizing			: Border-box;
	min-height			: 16px;
	padding-left		: 16px;
	overflow			: Hidden;
}

p.info {
	background			: var(--Bright-Unsat-Blue);
	background-image	: url('images/Status-dialog-information-icon-16.png');
}

p.ok {
	background			: var(--Bright-Unsat-Green);
	background-image	: url('images/Actions-dialog-ok-apply-icon-16.png');
}

p.warning {
	background			: var(--Bright-Unsat-Orange);
	background-image	: url('images/Status-dialog-warning-icon-16.png');
}

p.error {
	background			: var(--Bright-Unsat-Red);
	background-image	: url('images/Status-dialog-error-icon-16.png');
}

@media only screen and (min-width: 400px) {
	P.info, P.ok, P.warning, P.error {
		background-repeat	: No-repeat;
		background-position	: Left Center;
		box-sizing			: Border-box;
		min-height			: 48px;
		padding-left		: Calc(0.5em + 48px);
	}
	
	p.info {
		background-image	: url('images/Status-dialog-information-icon-48.png');
	}

	p.ok {
		background-image	: url('images/Actions-dialog-ok-apply-icon-48.png');
	}

	p.warning {
		background-image	: url('images/Status-dialog-warning-icon-48.png');
	}

	p.error {
		background-image	: url('images/Status-dialog-error-icon-48.png');
	}
}

DIV.body {
	overflow				: Auto;
}

DIV.body IMG {
	max-width				: 50%;
	float					: Left;
	clear					: Both;
	margin					: 0 0.5em 0.25em 0;
	padding					: 0;
}

DIV.body IMG.right {
	max-width				: 50%;
	float					: Right;
	clear					: Both;
	margin					: 0 0 0.25em 0.5em;
	padding					: 0;
}

DIV.body IMG.standalone {
	max-width				: Initial;
	float					: None;
	clear					: Both;
	display					: Block;
	padding					: 0;
	margin					: 0.5em 1em;
}

DIV.body IMG.colored {
	background				: var(--Pantone-7541);
}




@media only screen and (max-width: 836px) {
	BODY {
		padding				: 0;
		margin				: 0;
		display				: Flex;
		flex-flow			: Column NoWrap;
	}
	
	BODY > * {
		flex-grow			: 0;
		flex-shrink			: 0;
		flex-basis			: Auto;
	}
	
	DIV.navigation {
		position			: Initial;
		left				: Initial;
		top					: Initial;
		width				: Initial;
		bottom				: Initial;
		order				: 1;
		height				: 2em;
		border-right		: None;
		background			: var(--Pantone-446);
		color				: var(--Pantone-7541);
	}
	
	DIV.navigation:before {
		content				: "☰";
		font-size			: 150%;
		font-weight			: Bold;
		font-style			: Normal;
		margin-left				: 0.5em;
	}
	
	DIV.navigation UL {
		position			: Absolute;
		top					: 2em;
		left				: 0;
		width				: 16em;
		max-width			: 80%;
		bottom				: 0;
		padding				: 0.15em 0 0 0;
		display				: None;
		background-color	: var(--Pantone-7541);
		background			: var(--Pantone-446);
		border-right		: 1px Solid var(--Pantone-420);
		border-right		: 1px Solid Black;
	}
	
	DIV.navigation LI {
		padding				: 0.15em 0 0 0;
	}
	
	DIV.navigation LI A {
		color				: White;
	}
	
	DIV.navigation LI A:hover, DIV.navigation LI UL A:hover {
		font-weight			: Bold;
		color				: White;
	}
	
	DIV.navigation LI.currentpage A {
		font-weight			: Normal;
		border-bottom		: None;
	}

	DIV.navigation LI.currentpage A:before {
		content				: "";
	}
	
	DIV.navigation LI.currentpage UL A:before, DIV.navigation LI:hover UL A:before {
		content				: "";
	}
	
	DIV.navigation:hover UL {
		display				: Block;
	}
	
	DIV.navigation UL UL {
		position			: Initial;
		border-right		: None;
	}
	
	DIV.logo {
		position			: Initial;
		left				: Initial;
		top					: Initial;
		width				: Initial;
		bottom				: Initial;
		order				: 2;
	}
	
	DIV.logo IMG.logo {
		margin				: 16px 16px 0 16px;
	}
	
	DIV.logo H1 {
		padding-top			: 16px;
	}
	
	DIV.logo H2 {
		display				: None;
	}
	
	DIV.breadcrumbs {
		padding				: 0 1em 0 1em;
		order				: 3;
	}
	
	DIV.body {
		padding				: 0 1em 0.5em 1em;
		order				: 4;
		flex-grow			: 1;
		flex-shrink			: 0;
		flex-basis			: Auto;
	}
	
	DIV.footer {
		position			: Initial;
		left				: Initial;
		bottom				: Initial;
		right				: Initial;
		order				: 5;
		padding-left		: 4em;
		display				: grid;
		grid-template-columns: repeat(auto-fit, minmax(11em, 1fr));
	}
	
	DIV.footer H2 {
		margin-top			: 0.5em;
		border-bottom		: 1px solid var(--Pantone-420);
	}
	
	DIV.footer DIV.category  {
		padding				: 0 0.5em 0 0.5em;
	}
		
	DIV.footer *.columns-1, DIV.footer *.columns-2, DIV.footer *.columns-3 , DIV.footer *.columns-4, DIV.footer *.columns-5, DIV.footer *.columns-6, DIV.footer *.columns-7, DIV.footer *.columns-8 {
		width				: Initial;
	}
	
	DIV.footer DIV.category LI, DIV.footer DIV.category P {
		margin				: 0.5em 0 0.5em 0;
	}
	
	DIV.footer DIV.category A {
		min-width			: 1.5cm;
		display				: Inline-Block;
	}
	
	DIV.footer DIV.category:first-child  {
		position			: Absolute;
		left				: 0;
		bottom				: 0;
		width				: 4em;
  background:blue;
  }
	
	DIV.footer DIV.category:first-child A {
		min-width			: Initial;
		Clear				: Left;
	}
	
	DIV.footer P.copyright {
		position			: Absolute;
		right				: 0;
		width				: Calc(75% - 4em);
	}
	
	DIV.iso9001 {
		display				: None;
	}
	
	DIV.account {
		top					: 0;
	}
	
	DIV.account A{
		color				: var(--Pantone-7541);
	}
	
	DIV.language {
		margin				: 0;
		border-radius		: 0 0 0 12px;
	}
	
	DIV.referers {
		top					: Calc(2em + 16px + Var(--Logo-Height) + 16px - 2px - 48px - 8px);
	}
}



FORM {
	background				: #d8e4e9;	/* Should be a coplor lighter than Pantone 446 */
	color					: Black;
	border					: 1px Solid Black;
	border-radius			: 0.5em;
	margin					: 1em 0 1em 0;
	padding					: 1em;
	width					: 100%;
	box-sizing				: Border-box;
}

FORM P {
	margin					: 0em;
	padding					: 0em;
	clear					: Right;
}

FORM P.field+P.field {
	padding-top				: 1em;
}

FORM P.field {
}

FORM P.controls {
	text-align				: Right;
}

FORM P.controls A{
	margin-right			: 1em;
}

FORM INPUT:not([type="hidden"]), FORM SELECT, FORM BUTTON, FORM TEXTAREA {
	font-family				: FreeSans, Helvetica, Sans-serif;
	font-size				: Medium;
	background				: White;
	color					: Black;
	border					: 1px Solid Black;
	border-radius			: 0.25em;
	box-sizing				: Border-box;
	margin					: 0;
	padding					: 0.125em;
}

FORM P>INPUT:not([type="hidden"]) , FORM P>SELECT , FORM  P>TEXTAREA, FORM  P>SPAN {
	float					: Right;
	width					: 66%;
}

FORM  P>SPAN {
	display					: Flex;
	flex-flow				: Row Wrap;
	justify-content			: Space-Between;
	align-items				: Center;
	align-content			: Stretch;
}

FORM  P>SPAN *:not(SPAN) {
	flex-basis				: Auto;
	flex-grow				: 1;
}

FORM  P>SPAN SPAN {
	display				: Inline-Block;
	margin				: 0 0.25em;
}

INPUT[readonly] {
	border-color			: var(--Pantone-559);
	background				: #d8e4e9;	/* Should be a coplor lighter than Pantone 446 */
}

FORM BUTTON {
	background				: var(--Bright-Unsat-Green);
	background-image		: url('images/Actions-dialog-ok-apply-icon-24.png');
	background-repeat		: No-repeat;
	background-position		: 0.5em Center;
	background-origin		: Padding-box;
	box-sizing				: Border-box;
	min-height				: 24px;
	padding					: 0.25em 1em;
	padding-left			: Calc(1em + 24px);
}

FORM BUTTON.next {
	background-color		: var(--Bright-Unsat-Blue);
	background-image		: url('images/Actions-go-next-icon-24.png');
}

FORM BUTTON.previous {
	background-color		: var(--Bright-Unsat-Blue);
	background-image		: url('images/Actions-go-previous-icon-24.png');
}

FORM BUTTON.mail {
	background-image		: url('images/Places-mail-message-icon-24.png');
}

FORM BUTTON.reset, FORM BUTTON.cancel {
	background-color		: var(--Bright-Unsat-Red);
	background-image		: url('images/Actions-dialog-cancel-icon-24.png');
}

FORM.compactForm {
	background				: var(--Pantone-7541);
	color					: Black;
	border					: None;
	border-radius			: 0;
}

FORM.compactForm P.field+P.field {
	padding-top				: 0.125em;
}

FORM.compactForm P.controls {
	padding-top				: 1em;
	text-align				: left;
}

FORM.compactForm P>INPUT, FORM.compactForm P>SELECT, FORM.compactForm P>TEXTAREA , FORM.compactForm P>SPAN {
	border-color			: var(--Pantone-446);
	border-radius			: 0;
	width					: 80%;
}



DIV.group H3 {
	margin					: 1em 0 0.5em 0;
	padding					: 0;
}

DIV.group P {
	margin					: 0.25em 0 0.25em 0;
	padding					: 0;
}



DIV.body IMG.glyph {
	height					: 1em;
	vertical-align			: text-bottom;
	margin-right			: 0.25em;
	padding					: 0;
}

DIV.body IMG.attn {
	height					: 1.25em;
	margin-right			: 0.25em;
	padding					: 0;
}

DIV.body IMG.dropcap {
	width					: 58pt;
	vertical-align			: text-top;
	margin-bottom			: 0.5em;
}

DIV.body H2.dropcap, DIV.body H3.dropcap, DIV.body H4.dropcap, DIV.body H5.dropcap, DIV.body H6.dropcap, DIV.body H7.dropcap, DIV.body H8.dropcap {
	clear					: Both;
}

DIV.body DIV.dropcap {
	overflow				: Hidden;
	clear					: Both;
	padding					: 0 0 0 58pt;
	margin					: 1em 0 1em 0;
}

DIV.body DIV.dropcap * {
	padding					: 0 0 0 0.5em;
	margin					: 0;
}

DIV.body DIV.dropcap H3 {
	float					: Left;	
	width					: 58pt;
	font-size				: 24pt;
	position				: Relative;
	left					: -58pt;
	margin					: 0 -58pt 0 0;
	padding					: 0;
}

DIV.body DIV.dropcap H3 + P {
	margin-top				: 0.2em !Important;
	margin-bottom			: 0.5em;
}

DIV.body DIV.dropcap P + P {
	margin-top				: 0.5em;
}

DIV.body P {
	margin					: 0.5em 0 0.5em 0;
}

DIV.body > H2 + P, DIV.body > H3 + P, DIV.body > H2 + UL, DIV.body > H2 + P + UL, DIV.body > H3 + UL {
	overflow				: Hidden;
}

DIV.body H2, DIV.body H3, DIV.body H4, DIV.body H5, DIV.body H6, DIV.body H7, DIV.body H8 {
	margin					: 1em 0 0.25em 0;
}

DIV.body STRONG {
		font-weight			: Bold;
		text-decoration		: Underline;
}

DIV.body Q, DIV.body CITE {
		font-style			: Oblique;
}

DIV.body Q:before {
		content				: '“';
}

DIV.body Q:after {
		content				: '”';
}

DIV.body CITE:before {
		content				: '‘';
}

DIV.body CITE:after {
		content				: '’';
}

DIV.body BLOCKQUOTE {
	margin					: 0 4em 0 4em;
	max-width				: 75%;
}

DIV.body BLOCKQUOTE P:first-child:before {
	font-size				: 2em;
	color					: #777;
	vertical-align			: Top;
	position				: Absolute;
	padding					: 0;
	margin					: 0 0.25em 0 -1em;
	content					: '“';
}

DIV.body BLOCKQUOTE P:last-child:after {
	font-size				: 2em;
	color					: #777;
	vertical-align			: Top;
	padding					: 0 0 0 0.5em;
	margin					: 0;
	content					: '”';
}

DIV.body BLOCKQUOTE P {
	margin					: 0 0 0.5em 0;
}

PRE {
	border					: 1px Solid var(--Pantone-420);
	display					: Block;
	font-family				: "DejaVu Sans Mono", Monospace;
	font-size				: Medium;
	margin					: 0 2em 0.5em 2em;
	white-space				: Pre;
	word-wrap				: Normal;
	tab-size				: 2;
	-moz-tab-size			: 2;
	overflow				: Auto Visible;
	background				: var(--Pantone-7541);
	color					: Black;
}

DIV.body PRE {
	border					: None;
	tab-size				: 8;
	-moz-tab-size			: 8;
}

DIV.body CODE {
	display					: Inline-Block;
	font-family				: "DejaVu Sans Mono", Monospace;
	font-size				: Medium;
	white-space				: Pre-Wrap;
	word-wrap				: Normal;
	background				: var(--Pantone-7541);
	color					: Black;
}

DIV.body PRE CODE {
	white-space				: Pre;
}

DIV.body CODE SPAN.askspecific {
	color					: Red;
}

DIV.body A.reference , DIV.body A.reference:link, DIV.body A.reference:visited {
		vertical-align		: Super;
		font-size			: Smaller;
		text-decoration		: None;
		color				: Gray;
		margin				: 0 0 0 0.25em;
}

DIV.body DL.footnotes {
	display					: Block;
	clear					: Both;
	margin					: 1em 0 1em 0;
	padding					: 0 0 0 0.25em;
	font-size				: Smaller;
	border-left				: 1px Solid var(--Pantone-420);
}

DIV.body DL.footnotes DT {
	display					: Block;
	float					: Left;
	clear					: Both;
	padding					: 0;
	margin					: 0;
}

DIV.body DL.footnotes DT:after {
	content					: ")";
}

DIV.body DL.footnotes DD {
	display					: Block;
	padding					: 0;
	margin					: 0.5em 0.25em 0.5em 1.5em;
}


DIV.body .tableofcontents, DIV.body .listheader {
	margin					: 0.5em 0 0.25em 0;
	clear					: Left;
}



DIV.body UL {
	list-style				: Square Outside;
	margin					: 0;
	padding					: 0 0 0 2.3em;
	overflow				: Hidden;
}
	
DIV.body UL LI {
	margin					: 0;
	padding 				: 0 0 0.5em 0.7em;
}

DIV.body UL.tableofcontents {
	list-style				: None;
	padding					: 0 0 0 3em;
	text-indent				: Calc(-1em - 1.2ch);
}

DIV.body UL.tableofcontents LI {
	padding-left 			: 0;
}

DIV.body UL.checklist {
	list-style				: None;
	padding					: 0 0 0 3em;
	text-indent				: Calc(-1em - 1.2ch);
}

DIV.body UL.checklist LI:before {
	content					: "✓";
	color					: Green;
	font-weight				: Bold;
	vertical-align			: Middle;
	margin					: 0;
	padding					: 0 1em 0 0;
}

DIV.body UL.checklist LI {
	padding-left 			: 0;
}

DIV.body DL DT {
	margin-top				: 0.5em;
}

DIV.body A.navigation, DIV.body A.navigation_next, DIV.body A.download {
	display					: Block;
	text-decoration			: None;
}


DIV.body A.navigation:before {
	content					: "\27F5 ";
	padding-right			: 0.5em;
}

DIV.body A.navigation_next:before {
	content					: "\27F6 ";
	padding-right			: 0.5em;
}

DIV.body A.download:before {
	content					: "\1F4E5 ";
	padding-right			: 0.5em;
}

A.button {
	display					: Inline-Block;
	background				: var(--Bright-Unsat-Orange);
	border					: 3px Solid Black;
	color					: Black;
	text-decoration			: None;
	font-weight				: Bold;
	font-size				: 125%;
	margin-top				: 0.5em;
	padding					: 0.5em 1em;
	border-radius			: 0.5em;
}


DIV.body TABLE {
	width					: 100%;
	margin					: 0;
	padding					: 0;
	border-collapse			: Collapse;
	table-layout			: Fixed;
}

DIV.body TABLE TR > * {
	padding				: 0.25em 0.5em;
}

DIV.body TABLE .center {
	text-align				: Center;
}

DIV.body TABLE IMG {
	max-width				: Initial;
	float					: None;
	clear					: None;
	padding					: Initial;
	height					: 1em;
}

DIV.body TABLE.bulletin {
	overflow				: Hidden;
	clear					: Both;
	border					: None;
	border-collapse			: collapse;
	width					: 100%;
}

DIV.body TABLE.bulletin TR {
	border					: None;
	margin					: 0;
	padding					: 0;
}

DIV.body TABLE.bulletin TH {
	min-width				: 8em;
	font-size				: 110%;
	font-weight				: Normal;
	border					: None;
	padding					: 0.5em 0.25em 0.5em 0.25em;
	text-align				: Left;
	vertical-align			: Top;
}

DIV.body TABLE.bulletin TD {
	font-size				: Medium;
	font-weight				: Normal;
	border					: None;
	padding					: 0.5em 0.25em 0.5em 0.25em;
	text-align				: Left;
	vertical-align			: Top;
}

DIV.body TABLE.bulletin H3 {
	margin-top				: 0;
}

DIV.body TABLE.bulletin H4, DIV.body TABLE.bulletin H5 {
	margin-top				: 0.75em;
}

DIV.body TABLE.bulletin P {
	margin-top				: 0;
	margin-bottom			: 0.5em;
}

DIV.body TABLE.downloads {
	border-collapse			: Separate;
	border-spacing			: 0 0.25em;
	table-layout			: Auto;
}

DIV.body TABLE.downloads TR {
	background				: var(--Pantone-7541);
}

DIV.body TABLE.downloads A {
	display					: Block;
	text-decoration			: None;
}

DIV.body TABLE.downloads A[download]:before {
	content					: "\1F4E5 ";
	padding-right			: 0.5em;
}

DIV.body TABLE.downloads SPAN.separator {
	display					: None;
}

DIV.headingwithlink * {
	display 				: Inline-Block;
}
DIV.headingwithlink A {
	margin-left				: 1em;
}
DIV.headingwithlink A:before {
	text-decoration			: None;
    display					: Inline-block;
	content					: "(";
}
DIV.headingwithlink A:after {
	text-decoration			: None;
    display					: Inline-block;
	content					: ")";
}

DIV.body TABLE.list {
	border-collapse			: Collapse;
	border-spacing			: 0 0.25em;
	border					: None;
	table-layout			: Auto;
}

DIV.body TABLE.list TH {
	text-align				: Left;
	border					: None;
	background				: var(--Pantone-7541);
	width					: 1%;
	white-space				: Nowrap;
	word-wrap				: Normal;
	padding-left			: 0.5em;
	padding-right			: 1em;
}

DIV.body TABLE.list TD {
	text-align				: Left;
	border					: None;
	background				: var(--Pantone-7541-T);
	padding-left			: 1em;
	padding-right			: 0.5em;
	word-break				: break-word;
}

DIV.body TABLE.list TD.message {
	background				: var(--Patttern-Bars);
	color					: var(--Pantone-446);
	text-align				: Center;
}
DIV.body TABLE.list A {
	text-decoration			: None;
}

DIV.body TABLE.tabular {
	border-collapse			: Collapse;
	border-spacing			: 0 0.25em;
	border					: None;
	table-layout			: Auto;
	overflow-wrap			: Anywhere;
}

DIV.body TABLE.tabular TH {
	text-align				: Left;
	border					: None;
	border-bottom			: 2px Solid var(--Pantone-420);
	background				: var(--Pantone-7541);
}
DIV.body TABLE.tabular TH+TH {
	border-left				: 1px Solid var(--Pantone-420);
}

DIV.body TABLE.tabular TH.controls {
	border-left				: None;
	border-right			: None;
	text-align				: Center;
	width					: 1%;
	white-space				: Nowrap;
	word-wrap				: Normal;
}
DIV.body TABLE.tabular TH.toggles {
	text-align				: Center;
	width					: 1%;
	white-space				: Nowrap;
	word-wrap				: Normal;
}
DIV.body TABLE.tabular TH.number {
	text-align				: Right;
}
DIV.body TABLE.tabular TH.keyword {
	text-align				: Center;
}
DIV.body TABLE.tabular TH.identifier {
}
DIV.body TABLE.tabular TH.inactive {
	color					: var(--Pantone-446);;
}

DIV.body TABLE.tabular TD {
	text-align				: Left;
	border					: None;
	background				: var(--Pantone-7541-T);
}
DIV.body TABLE.tabular TD+TD {
	border-left				: 1px Solid var(--Pantone-420);
}
DIV.body TABLE.tabular TR+TR TD {
	border-bottom			: 1px Solid var(--Pantone-420);
}
DIV.body TABLE.tabular TR:last-child TD {
	border-bottom			: None;
}

DIV.body TABLE.tabular TD.controls {
	text-align				: Right;
	border-left				: None;
	border-right			: None;
	white-space				: Nowrap;
	word-wrap				: Normal;
}
DIV.body TABLE.tabular TD.toggles {
	text-align				: Center;
	white-space				: Nowrap;
	word-wrap				: Normal;
}
DIV.body TABLE.tabular TD.globalcontrols {
	border-top				: 2px Solid var(--Pantone-420);
	background				: var(--Pantone-7541);
	text-align				: Left;
	white-space				: Nowrap;
	word-wrap				: Normal;
}
DIV.body TABLE.tabular TD.number {
	text-align				: Right;
	overflow-wrap			: Break-Word;
}
DIV.body TABLE.tabular TD.keyword {
	text-align				: Center;
	overflow-wrap			: Break-Word;
}
DIV.body TABLE.tabular TD.identifier {
	word-break				: break-word;
}
DIV.body TABLE.tabular TD.inactive {
	color					: var(--Pantone-446);;
}
DIV.body TABLE.tabular TR.message {
	background				: var(--Patttern-Bars);
}
DIV.body TABLE.tabular TR.message TD {
	color					: var(--Pantone-446);
	text-align				: Center;
}
DIV.body TABLE.tabular TR.summary TD {
	border-top				: 2px Solid var(--Pantone-420);
	background				: var(--Pantone-7541);
}

DIV.body TABLE.tabular A {
	text-decoration			: None;
}
DIV.body TABLE.tabular IMG {
	margin					: 0;
}
DIV.body TABLE.tabular IMG+IMG {
	margin-left				: 0.5em;
}
DIV.body TABLE.tabular A[download]:link
DIV.body TABLE.tabular A[download]:visited
DIV.body TABLE.tabular A[download]:hover
DIV.body TABLE.tabular A[download]:active {
	color					: Black;
}
DIV.body TABLE.tabular A[download] IMG {
	height : 1em;
}

FORM.controlls {
	display					: Inline-Block;
	border					: None;
	border-radius			: Initial;
	background				: Transparent;
	padding					: 0;
	margin					: 0;
	width					: Initial;
	box-sizing				: Initial;
}

FORM.controlls BUTTON {
	vertical-align			: Bottom;
	background				: Unset;
	padding					: 0.125em 0.125em 0em 0.125em;
	min-width				: 1cm;
	margin					: 0 0.2cm;
	box-sizing				: Initial;
}
FORM.controlls BUTTON:first-of-type {
	margin-left				: 0.125em;
}
FORM.controlls BUTTON:last-of-type {
	margin-right			: 0.125em;
}
FORM.controlls BUTTON:only-of-type {
	margin-left				: 0;
	margin-right			: 0;
}
FORM.controlls BUTTON.toggle {
	cursor					: Pointer;
	border					: None;
	padding					: 0;
	min-width				: Initial;
}
FORM.controlls BUTTON.toggle[disabled] {
	cursor					: default;
}
FORM.controlls BUTTON.toggle[disabled] img {
	opacity					: 0.5;
}
FORM.controlls  + FORM.controlls  {
	margin-left				: 0.4em;
}

DIV.body TABLE.box {
	border-collapse			: Separate;
	border-spacing			: 1em 0;
}

DIV.body TABLE.box TR > * {
	border-left				: 1px Solid var(--Pantone-420);
	border-right			: 1px Solid var(--Pantone-420);
	background				: var(--Pantone-7541);
}

DIV.body TABLE.box TR:first-child > * {
	border-top				: 1px Solid var(--Pantone-420);
	padding-top				: 0.5em;
}

DIV.body TABLE.box TR:last-child > * {
	border-bottom			: 1px Solid var(--Pantone-420);
	padding-bottom			: 0.5em;
}

DIV.body DL.attributes {
	display					: Table;
	table-layout			: Fixed;
	border-collapse			: Collapse;
	margin					: 0 1em;
}
DIV.body DL.attributes div {
	display					: Table-row;
}
DIV.body DL.attributes dt, DIV.body DL.attributes dd {
	display					: Table-cell;
	padding					: 0.125em 0.5em;
}
DIV.body DL.attributes dt {
	font-weight				: Bold;
}

DIV.body DIV.columns {
	display					: Flex;
	flex-flow				: Row Wrap;
	margin					: 0 0 0.5em 0;
	padding					: 0;
	gap						: 0.5em;
}

DIV.body DIV.columns > .column {
	display					: Block;
	position				: Relative;
	flex-grow				: 1;
	flex-shrink				; 0;
	flex-basis				: 0;
	min-width				: 25%;
	margin					: 0;
	padding 				: 0;
	color					: Black;
	text-decoration			: None;
}

DIV.body DIV.columns > .column:first-child {
}

DIV.body DIV.columns > .column:last-child {
	margin-right			: 0;
}

DIV.body DIV.columns .box,
DIV.body DIV.box {
	padding 				: 0.5em 0.5em 1.25em 0.5em;
	border					: 1px Solid var(--Pantone-420);
	background				: var(--Pantone-7541);
}

DIV.body DIV.columns > DIV .box {
	margin					: 1em 0;
}
DIV.body DIV.columns > DIV .box :first-child {
	margin-top				: 0;
}
DIV.body DIV.columns > DIV .box:last-child {
	margin-bottom			: 0;
}

DIV.body DIV.columns DIV {
	position				: Relative;
	-border					: 1px solid black;
	padding					: 0 0 0.5em 0;
}

DIV.body DIV.columns .ellipse {
	position				: absolute;
	bottom 					: 0.5em;
	left					: 0.5em;
	right 					: 0.5em;
	margin					: 0 !important;
	padding					: 0;
	text-align				: right;
	font-size				: 75%;
}


DIV.body DIV.columns H2, DIV.columns H3, DIV.columns H4 {
	padding					: 0;
	margin					: 0;
}

DIV.body DIV.columns > .news {
	min-width				: Calc(50% - 0.5em);
	box-sizing				: Border-Box;
}

DIV.body DIV.columns > .news H3 {
	display					: Inline;
	font-size				: Medium;
	margin					: 0;
	margin-block-start		: 0;
	margin-block-end		: 0;
}

DIV.body DIV.columns > .news H4 {
	font-size				: 1.25em;
	font-weight				: Normal;
}

DIV.body DIV.columns > .news H3:after {
	content					: ": "
}

DIV.body DIV.columns > .project,
DIV.body DIV.columns > .project *,
DIV.body DIV.columns > .service,
DIV.body DIV.columns > .service *,
DIV.body DIV.columns > .mission,
DIV.body DIV.columns > .mission * {
	font-size				: Larger;
	font-weight				: Normal;
	text-align				: Center;
}

DIV.body DIV.columns > .shopproduct,
DIV.body DIV.columns > .project,
DIV.body DIV.columns > .service,
DIV.body DIV.columns > .mission {
	margin					: 0.5em !important;
	padding					: 1.25em 0.5em 0.5em 0.5em;
	min-width				: Var(--ServiceMission-Width) !important;
	box-sizing				: Content-Box;
	flex-grow				: 1;
	flex-shrink				; 0;
	flex-basis				: 0;
}

DIV.body DIV.columns > .shopproduct {
	max-width					: 20em;
	text-align					: Center;
}

DIV.body DIV.columns > .service {
	background				: var(--Bright-Unsat-Blue);
}

DIV.body DIV.columns > .mission {
	background				: var(--Bright-Unsat-Green);
}

DIV.body DIV.columns > .project[href]:hover,
DIV.body DIV.columns > .service[href]:hover,
DIV.body DIV.columns > .mission[href]:hover {
	border					: 1px solid Black;
}

DIV.body DIV.columns > .shopproduct IMG,
DIV.body DIV.columns > .project IMG {
	display					: Block;
	float					: None;
	width					: 90%;
	max-width				: 90%;
	margin					: 0 Auto 0.75em Auto;
	padding					: 0;
}

DIV.body DIV.columns > .service IMG,
DIV.body DIV.columns > .mission IMG {
	display					: Block;
	float					: None;
	height					: Var(--ServiceMission-Height);
	max-width				: Initial;
	margin					: 0 Auto 0.75em Auto;
	padding					: 0;
}

DIV.body DIV.columns > .partner {
	padding 				: 0.5em;
	min-width				: 22% !important;
	border					: 1px Solid var(--Pantone-7541);
}



DIV.slideshow {
	position				: Relative;
	box-sizing				: Border-Box;
	margin 					: 1em 0 1em 0;
	padding					: 0;
	text-align				: Center;
}

DIV.slideshow * {
	margin 					: 0;
	padding					: 0;
	box-sizing				: Border-Box;
	display					: Block;
}

DIV.slideshow IMG {
	border 					: 1px solid Black;
	width					: 1500px;
	max-width				: 100%;
	padding					: 1em;
	float					: None;
	clear					: None;
}

DIV.slideshow P {
	position				: Absolute;
	top						: 0;
	bottom					: 0;
	width					: 48px;
	max-width				: 10%;
	background				: RGBA(0, 0, 0, 0.15);
	background-repeat		: No-repeat;
	display					: None;
}

DIV.slideshow P#button-previous {
	left					: 0;
	background-image		: url('images/Slideshow_arrow_left.png');
	background-position		: Center Center;
}

DIV.slideshow P#button-next {
	right					: 0;
	background-image		: url('images/Slideshow_arrow_right.png');
	background-position		: Center Center;
}

DIV.slideshow:hover P {
	display					: Block;
}



DIV.body DIV.faq H3 {
	clear					: Both;
	font-size				: x-large;
}

DIV.body DIV.faq H4 {
	font-size				: larger;
	margin-top				: 1.5em;
}



DIV.body DIV.blog_toc UL {
	list-style-type			: None;
	margin					: 0;
	padding					: 0;
}

DIV.body DIV.blog_toc LI {
	list-style-type			: None;
	margin-bottom			: 0.5em;
	padding-left			: 8em;
	text-indent				: -8em;
}

DIV.body DIV.blog_toc A {
	text-decoration			: None;
	color					: Black;
}

DIV.body DIV.blog_toc SPAN.date {
	display					: Inline-Block;
	text-indent				: 0;
	width					: 8em;
}

DIV.body DIV.blog_toc SPAN.longdate {
	display					: Inline-Block;
	text-indent				: 0;
	width					: 10.5em;
}

DIV.body DIV.blog_toc SPAN.separator {
	display					: None;
}

DIV.body DIV.blog_post H2 {
	font-size				: XX-Large;
	font-style				: Normal;
	font-weight				: Bold;
	margin					: 0;
}

DIV.body DIV.blog_post H3 {
	font-size				: Large;
	font-style				: Normal;
	font-weight				: Bold;
	margin					: 0.5em 0 1.5em 0;
}

DIV.body DIV.blog_post H4 {
	font-size				: X-Large;
	font-style				: Normal;
	font-weight				: Bold;
	margin					: 0.75m 0 0.25em 0;
}

DIV.body DIV.blog_post H5 {
	font-size				: Larger;
	font-style				: Normal;
	font-weight				: Bold;
	margin					: 0.75m 0 0.25em 0;
}

DIV.body DIV.blog_post H6 {
	font-size				: Large;
	font-style				: Normal;
	font-weight				: Bold;
	margin					: 0.75m 0 0.25em 0;
}

DIV.body DIV.blog_post H3 + P,
DIV.body DIV.blog_post H4 + P,
DIV.body DIV.blog_post H5 + P {
	margin-top				: 0.25em !important;
}

DIV.body DIV.blog_post *.subject_change {
	clear					: Both;
}

DIV.body DIV.blog_post A {
	color					: Black;
}

DIV.body DIV.blog_post P.subject_change {
	clear					: Both;
}

DIV.body DIV.blog_post P.image_collection {
	clear					: Both;
	display					: Flex;
	flex-flow				: Row Wrap;
	justify-content			: center;
}

DIV.body DIV.blog_post P.image_collection IMG {
	float					: None;
	clear					: None;
	width					: 50%;
}

DIV.body DIV.blog_post UL, DIV.body DIV.blog_post OL {
	margin					: 0 0 0.75em 0;
}

DIV.body DIV.blog_post LI {
	margin-bottom			: 0.25em;
}

DIV.body DIV.blog_post TABLE {
	width					: Calc(100% - 4em);
	margin					: 0 2em 0 2em;
	border-collapse			: Collapse;
	table-layout			: Auto;
}

DIV.body DIV.blog_post TABLE TH, DIV.body DIV.blog_post TABLE TD {
	font-size				: Medium;
	font-weight				: Normal;
	text-align				: Left;
	vertical-align			: Top;
	border-collapse			: Collapse;
	padding					: 0.25em 1em 0 1em;
}

DIV.body DIV.blog_post TABLE TH {
	font-weight				: Bold;
}

DIV.body DIV.blog_post TABLE THEAD TH {
	padding-left			: 0;
	font-size				: Larger;
	font-weight				: Bold;
	border-bottom			: 1px Solid Black;
}

DIV.body DIV.blog_post TABLE THEAD:nth-child(1n+2) TH {
	padding-top				: 1em;
}

DIV.body DIV.blog_post TABLE P {
	margin					: 0.25em 0 0 0;
	padding					: 0;
}

DIV.body DIV.blog_post P.blog_footer {
	clear					: Both;
	margin					: 1.5em 0 0 0;
}

DIV.body DIV.position {
	clear					: Both;
}
DIV.body DIV.position > * {
	margin					: 1em;
}
DIV.body DIV.position > h3 {
	margin					: 0;
}

@media only screen and (max-width: 836px) {
	DIV.body DIV.columns > .column {
		min-width				: 20em;
	}
	
	DIV.body DIV.columns > .service, DIV.body DIV.columns > .service *, DIV.body DIV.columns > .mission, DIV.body DIV.columns > .mission * {
		font-size				: Medium;
	}
}


@media only screen and (max-width: 360px) {
	DIV.body DIV.columns > .service, DIV.body DIV.columns > .service *, DIV.body DIV.columns > .mission, DIV.body DIV.columns > .mission * {
		font-size				: Medium;
		text-decoration			: Underline;
	}
}





/* {
	border					: 1px Solid Black;
}
/**/