/*================
Debug START
================*/
body {
  //border: 1px solid #009900;
  }

div[class^="row"] {
  //border: 1px solid #999900;
  }

div[class^="box"] {
  //border: 1px solid #009999;
  }

div[class^="btn"] {
  //border: 1px solid #990000;
  }

div[class^="img"] {
  //border: 1px solid #999900;
  }

div[class^="txt"] {
  //border: 1px solid #000099;
  }

/*================
Debug END
================*/

/*----------------
Variables START
----------------*/
:root {
	--flex_multiplier: 2;
	--flex_border: 2px;
	--flex_size_L0: 2px;
	--flex_size_L1: 4px;
	--flex_size_L2: 8px;
	--flex_size_L3: 12px;
	--flex_size_L4: 16px;
  }
/*----------------
Variables END
----------------*/

/*================
Mobile First START
================*/
/*~~~~~~~~~~~~~~~~
HTML tags START
~~~~~~~~~~~~~~~~*/
body {
  margin: 0px 0px 0px 0px;
  background-image: url("../images/site/background-light.png");
  background-attachment: fixed;
  font-family: "Arial", "Tahoma", sans-serif;
  }

p {
	//margin-block-start: 0px;
  }

table {
	/*border: 2px solid black;*/
	border-left: 2px solid black;
	border-top: 2px solid black;
	border-spacing: 0px;
	}

/*
table, tr, td, thread, tfoot, th, tf {
	border-collapse: collapse;
	margin: 0px;
	padding: 0px;
}
*/
	
.tblDebug {
	/*border: 2px solid #FF8833;*/
	border-left: 2px solid #FF8833;
	border-top: 2px solid #FF8833;
	border-spacing: 0px;
	}

.trDebug {
	}

th, td {
	font-size: x-small;
	border-bottom: 2px solid black;
	border-right: 2px solid black;
	padding: 4px;
	text-align: left;
	}

.tdDebug {
	font-size: x-small;
	border-bottom: 2px solid #FF8833;
	border-right: 2px solid #FF8833;
	padding: 4px;
	}

th {
	background-color: #666666;
	color: #FFFFFF;
	font-weight: bold;
	font-size: small;
  }

a {
  text-decoration: none;
	font-weight: bold; color: #55FF55;
  }

a:hover {
  color: #11BB11;
  }

ol, ul {
	margin: 0px;
}

li {
	font-weight: bold;
}

.container {
  background-color: #FFFF99;
  min-width: 300px;
  }   
/*~~~~~~~~~~~~~~~~
HTML tags END
~~~~~~~~~~~~~~~~*/

/*~~~~~~~~~~~~~~~~
Custom tags START
~~~~~~~~~~~~~~~~*/
/*----------------
Image Rendering
----------------*/
.imgRender_Pixel, .img6912, .imgLogo, .imgIcon, .imgEmoji, .imgSearchEnd, .rowHeader, .rowContent, .imgBorderTL, .imgBorderTR, .imgBorderBL, .imgBorderBR, .imgBorderSmlTL, .imgBorderSmlTR, .imgBorderSmlBL, .imgBorderSmlBR, .imgBorderTransTL, .imgBorderTransTR, .imgBorderTransBL, .imgBorderTransBR {
  image-rendering:optimizespeed;             /* Legal fallback */
  image-rendering:-moz-crisp-edges;          /* Firefox        */
  image-rendering:-o-crisp-edges;            /* Opera          */
  image-rendering:-webkit-optimize-contrast; /* Safari         */
  image-rendering:optimize-contrast;         /* CSS3 Proposed  */
  image-rendering:crisp-edges;               /* CSS4 Proposed  */
  image-rendering:pixelated;                 /* CSS4 Proposed  */
  -ms-interpolation-mode:nearest-neighbor;   /* IE8+           */
  }

.imgRender_Photo, .imgWide {
  image-rendering:optimizequality;           /* Legal fallback */
  image-rendering:-moz-smooth;               /* Firefox        */
  image-rendering:-o-smooth;                 /* Opera          */
  image-rendering:-webkit-optimize-quality;  /* Safari         */
  image-rendering:optimize-quality;          /* CSS3 Proposed  */
  image-rendering:smooth;                    /* CSS4 Proposed  */
  image-rendering:auto;
  -ms-interpolation-mode:bicubic;             /* IE8+           */
}

/*----------------
mod(ifier) tags START
----------------*/
.modMargins_T_L0 {
	margin-top: 2px;
  }

.modMargins_T_L1 {
	margin-top: 4px;
  }

.modMargins_T_L2 {
	margin-top: 8px;
  }

.modMargins_T_L3 {
	margin-top: 12px;
  }

.modMargins_T_L4 {
	margin-top: 16px;
  }

.modMargins_B_L1 {
	margin-bottom: 4px;
  }

.modMargins_B_L2 {
	margin-bottom: 8px;
  }

.modMargins_B_L3 {
	margin-bottom: 12px;
  }

.modMargins_B_L4 {
	margin-bottom: 16px;
  }

.modMargins_LR_L1 {
	margin-left: 4px;
	margin-right: 4px;
  }

.modMargins_L_L1 {
	margin-left: 4px;
  }

.modMargins_R_L5 {
	margin-right: 20px;
  }

.modPadding_All_L0 {
	padding: 2px;
  }

.modPadding_All_L1 {
	padding: 4px;
  }

.modPadding_B_L1 {
	padding-bottom: 4px;
	}

.modPadding_R_L1 {
	padding-right: 4px;
  }

.modPadding_LR_L1 {
	padding-left: 4px;
	padding-right: 4px;
  }
	
.modPadding_LBR_L1 {
	padding-left: 4px;
	padding-bottom: 4px;
	padding-right: 4px;
  }

.modPadding_T_L3 {
	padding-top: 12px;
	}

.modPadding_L_L3 {
	padding-left: 12px;
  }
	
.modPadding_Flash {
	padding: 4px 4px 4px 16px;
  }

.modPadding_Title {
	padding: 2px;
  }
	
.modBG_Blue {
  background-image: url("../images/site/background-blue.png");
  background-attachment: fixed;
  }

.modBG_Pink {
  background-image: url("../images/site/background-pink.png");
  background-attachment: fixed;
  }

.modBG_Green {
  background-image: url("../images/site/background-green.png");
  background-attachment: fixed;
  }

.modBG_Grey {
  background-image: url("../images/site/background-grey.png");
  background-attachment: fixed;
  }

.modSize_Slideout_6912 {
	width: 240px; /*256 (img6912 width) - 16 (no border offset)*/
	}

/*----------------
mod(ifier) tags END
----------------*/

/*----------------
box tags START
----------------*/
.boxPageTitle {
	/*min-width: 100%;*/
	/*width: 100%;*/
  }

.boxPageTitle_TitleDate {
  background-image: url("../images/site/background-light.png");
  background-attachment: fixed;
  position: relative;
  box-sizing: border-box;
  width: 100%;
  }

.boxPageTitle_Flash {
  background-color: rgba(255,255,255,0.25);
  position: relative;
  right: 0px;
  top: 0px;
  float: right;
  margin-left: 20px;
  white-space: nowrap;
  height: 16px;
  }
	
.boxPageTitle_Version {
  box-sizing: border-box;
  float: left;
	/*display: table-cell;*/
	/*vertical-align: top;*/
}


.boxPageTitle_Title {
  box-sizing: border-box;
  width: 100%;
	/*display: table-cell;*/
	/*vertical-align: top;*/
}

.boxPageTitle_Info {
  box-sizing: border-box;
  width: 100%;
  text-align: left;
  }

.boxSlideout {
  text-align: left;
  box-sizing: border-box;
  position: relative;
  }

.boxSlideout_Shadow {
  width: 100%;
  z-index: 100;
  height: 4px;
  background-color: rgba(0,0,0,0.25);
}

.boxConstruction {
  margin-left: auto;
  margin-right: auto;
  text-align: center;
  width: 90%;
  background-size: 24px, 24px;
  height: 24px;
	background-image: url(../images/site/maintenancebanner.png);
}


.boxContextLink {
  display: inline-block;
  white-space: nowrap;
  width: 120px;
  } 

.boxWindowTitle {
  position: relative;
  background-image: url("../images/site/background-light.png");
  background-attachment: fixed;
  box-sizing: border-box;
  }

.boxFormTitle {
	display: table-cell;
  }

.boxIcon {
	padding-right: 4px;
	float: left;
	height: 16px;
	width: 16px;
	margin-top: -1px;
  }

.boxPixelTitle {
  position: relative;
  z-index: 100; /* Places the text above everything */
	pointer-events: none;
  }

div[class^="boxQuote"] {
  position: relative;
	/*display: table; //Removed 20/04/2026 */
  box-sizing: border-box;
  margin-bottom: 24px;
  margin-left: 24px;
  margin-right: 24px;
  background-attachment: fixed;
  }

.boxTextBlock {
	clear: both;
	/*text-align: left;*/
}

/*
//Removed 20/04/2026
.boxQuote::before {
	vertical-align: top;
	font-family: serif;
	font-size: xxx-large;
	color: #909090;
	content: "‟";
	display: table-cell;
  padding-right: 10px;
}

.boxQuote {
  color: #5A187B;
  background-image: url('../images/site/background-quote.png');
}

.boxQuote .boxTextBlock {
	display: table-cell;
}

.boxQuote::after {
	vertical-align: bottom;
	font-family: serif;
	font-size: xxx-large;
	color: #909090;
	content: "„";
	display: table-cell;
  padding-left: 10px;
	padding-right: 6px;
}
*/

.boxQuo_Inner::before {
	vertical-align: top;
	font-family: serif;
	font-size: xxx-large;
	color: #909090;
	content: "‟";
	display: table-cell;
  padding-left: 12px;
  padding-right: 10px;
}

.boxQuo_Inner {
  color: #5A187B;
  background-image: url('../images/site/background-quote.png');
	display: table;
	width: 100%;
}

.boxQuo_Inner::after {
	vertical-align: bottom;
	font-family: serif;
	font-size: xxx-large;
	color: #909090;
	content: "„";
	display: table-cell;
  padding-left: 10px;
	padding-right: 6px;
}

.boxQuoteUDG, .boxQuoteDS {
  padding-left: 12px;
  padding-right: 12px;
}

.boxQuoteUDG {
  color: #9999FF;
  background-image: url('../images/site/background-quoteudg1.png');
	padding-top: 12px;
}

.boxQuoteUDG a {
  color: #5599FF;
}


.boxQuoteUDG a:hover {
  color: #5555FF;
}

.boxQuoteUDG table, .boxQuoteUDG th, .boxQuoteUDG td {
  border: none;
}


.boxQuoteDS {
  color: #9BBFF5;
  background-image: url('../images/site/background-quoteds.png');
}

.boxQuoteDS em {
  display: inline;
  color: #2B8AFF;
  font-weight: bold;
  font-style: normal;
}

/*
//Removed 22/04/2026
.boxTextBlock {
	display: table-cell;
}
*/

.boxCenter {
  display: inline-block;
  text-align: center;
  margin-top: 0.5em;
  margin-bottom: 0.5em;
  clear: both;
  width: 100%;
  }

div[class^="boxIMG"] {
  position: relative;
  box-sizing: border-box;
  /*border: 2px solid black;*/
  margin-bottom: 24px;
  }

.boxImage_Container {
  position: relative;
  box-sizing: border-box;
  display: inline-block;
	/*width: 100%;*/
	/*text-align: center;*/
	margin-bottom: 4px;
	/*border: 1px dotted #DD6666;*/
  }

.boxImage_Wings {
  width: 100%;
  }

.boxImage_Outer {
	/*display: table;*/
	/*margin: 0px auto;*/
	margin-left: auto;
	margin-right: auto;
	}

.modImageOuter_Stretch {
	width: 100%;
  }
	
.modImageOuter_Fixed {
	width: fit-content;
  }
	
.boxImage_Inner {
  position: relative;
  box-sizing: border-box;
	display: inline-block;
	/*width: 100%;*/
  /*border: 2px solid black;*/
  /*margin-bottom: 24px;*/
  }

.modImageInner_Stretch {
	width: 100%;
  }
	
.modImageInner_Fixed {
	width: inherit;
  }
	


/*.boxImage_CaptionImage {*/
	/*background-color: #aa55aa;*/
	/*margin: 2px 0px 4px 0px;*/
	/*display: inline;*/
/*  }*/

/*
.boxImage_CaptionGallery {
  }
*/

.boxImage_GalleryContainer {
  position: relative;
	display: inline-block;
	/*display: inline-grid;*/
	/*grid-template-columns: min-content;*/
	box-sizing: border-box;
	/*width: 100%;*/
	/*border: 1px dotted blue;*/
  }

.boxImage_GalleryWhiteOut {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0px;
	left: 0px;
	/*border: 1px dotted red;*/
	background-color: white;
	z-index: 0;
  }
	

.boxImage_GalleryDefault {
	width: 100%;
	margin: auto;
	/*border: 1px dotted green;*/
}

.boxImage_GalleryMember {
	position: absolute;
	top: 0px;
	margin: auto;
	z-index: 1;
	width: 100%;
	height: 100%;
	/*border: 1px dotted green;*/
	}

.boxImage_GalleryCaption {
	display: inline-block;
	position: relative;
	width: 100%;
	box-sizing:border-box;
	/*border: 1px dashed cyan;*/
	z-index: 1;
	/*padding: 6px;*/
	margin-bottom: 3px;
	font-size: smaller;
	font-weight: bold;
	/*color: purple;*/
  }
 
/*
 .boxImage_GalleryCaptionSizer {
	position: absolute;
	top: 0px;
	margin: auto;
	z-index: -100;
	width: 100%;
	height: 100%;
  }
*/

.boxImage_Gallery {
	display: table;
  }

.boxImage_GalleryPrev, .boxImage_GalleryNext {
	position: absolute;
	display: block;
	top: 50%;
	transform: translate(0,-50%);
	}

.boxImage_GalleryPrev {
	left: 0px;
	}

.boxImage_GalleryNext {
	right: 0px;
	}

.modImage_Align_L {
	max-width: 49%;
	margin-left: auto;
	margin-right: auto;
	float: none;
	}

.modImage_Align_R {
	max-width: 49%;
	margin-left: auto;
	margin-right: auto;
	float: none;
	}

.modImage_Align_C {
	float: none;
	margin-left: auto;
	margin-right: auto;
	}

.modImage_Half {
	/*width: 48%;*/
  }

.modImage_Quad {
	width: 49%;
  }
	
.modDisplay_On {
  }

.modDisplay_Off {
	display: none;
  }

.modImage_Full {
	/*clear: both;
  margin-bottom: 1em;*/
  }

.modImage_Wide {
	/*clear: both;*/
	width: 100%;
 	margin: auto 0%;
  /*margin-bottom: 1em;*/
  }

.modImage_6912 {
	margin: 0px;
	max-width: unset;
  }

/*
.boxIMGHalf-L, .boxIMGHalf-R, .boxIMGQuad-L, .boxIMGQuad-R {
  margin-left: 0px;
  margin-right: 0px;
}

.boxIMG6912-L, .boxIMGAsis-L, .boxIMGFlat-L {
  margin-right: 8px;
}

.boxIMG6912-R, .boxIMGAsis-R, .boxIMGFlat-R {
  margin-left: 8px;
}

.boxIMG6912-L, .boxIMGAsis-L, .boxIMGFlat-L, .boxIMGHalf-L, .boxIMGQuad-L {
  display: inline-block;
  float: left;
	margin-right: 1%;
  }

.boxIMG6912-R, .boxIMGAsis-R, .boxIMGFlat-R, .boxIMGHalf-R, .boxIMGQuad-R {
  display: inline-block;
  float: right;
	margin-left: 1%;
  }

	
.boxIMG6912-C, .boxIMGAsis-C, .boxIMGFlat-C {
  clear: both;
  display: inline-block;
  margin: 0 auto;
  }

.boxIMGHalf-L, .boxIMGHalf-R, .boxIMGHalf-C {
  //display: inline-block;
  width: 49%;
  }


.boxIMGQuad-L, .boxIMGQuad-R, .boxIMGQuad-C {
  //display: inline-block;
  width: 24%;
  }

.boxIMG6912-W, .boxIMGHalf-W, .boxIMGQuad-W, .boxIMGAsis-W, .boxIMGFlat-W {
  clear: both;
  display: block;
  width: 100%;
  }
*/

/*----------------
box tags END
----------------*/

/*----------------
img tags START
----------------*/
.imgIcon {
  width: 16px;
  height: 16px;
  }

.imgConstruction {
	width: 174px; 
	height: 26px; 
	}

.imgMWVer {
  width: 32px;
  height: 32px;
  }

.imgEmoji {
  width: 15px;
  height: 15px;
  }

.imgRender_Pixel, .imgRender_Photo {
  margin-bottom: -4px;
  }
	
.imgRender_Pixel {
  }

.imgRender_Photo {
  }

.imgSize_Half {
  width: 100%;
  }

.imgSize_Quad {
  width: 100%;
  }

.imgSize_Flat {
  max-width: 100%;
  }

.imgSize_Full {
  max-width: 100%;
  }

.imgSize_Wide {
  width: 100%;
  }

.imgSize_6912 {
  width: 256px;
  height: 192px;
}

/*
.imgPixel, .imgPhoto, .img6912, .imgHalf, .imgQuad, .imgWide {
  margin-bottom: -4px;
}

.img6912 {
  width: 256px;
  height: 192px;
}

.imgAsis {
  max-width: 100%;
}


.imgWide {
  width: 100%;
}

.imgHalf {
  width: 100%;
}

.imgQuad {
  width: 100%;
}
*/

.imgPixelTitle {
	width: 170px;
	/*z-index: 100; /* Places the text above everything */
  }
/*----------------
img tags END
----------------*/

/*----------------
txt tags START
----------------*/
.txtArticle {
  text-align: center;
  }

.txtParagraph,.txtCenter,.txtParaRight {
  /*display: inline-block;*/
  /*clear: both;*/
	word-break: break-word;
  margin-top: 0.5em;
  margin-bottom: 0.5em;
  width: 100%;
  }

.txtParagraph {
  text-align: justify;
  }

.txtImage_GalleryCaptionSizer {
	display: inline;
	visibility: hidden;
  /*color: transparent;*/
  }

.txtParaRight {
  text-align: right;
  }

.txtCenter {
  text-align: center;
  }

.txtWIP {
  text-align: center;
	padding: 10px;
	border: 5px solid red;
	background-color: rgba(255,128,0,0.5)
  }

.txtCode {
  font-family: courier;
  }

.txtHeader {
  width: 100%;
  margin-top: 0.25em;
  margin-bottom: 0.25em;
  text-align: left;
  color: #000000;
  font-weight: bold;
	/*text-decoration: underline;*/
	text-transform: uppercase;
	font-size: larger;
}

.txtSubheader {
  width: 100%;
  margin-top: 0.25em;
  margin-bottom: 0.25em;
  /*background-color: #0000AA;*/
  text-align: left;
  color: #000000;
  font-weight: bold;
	font-variant: small-caps;
	font-size: large;
}

.txtHeader_DS {
  margin-top: 0.5em;
  background-color: #0000AA;
  width: 100%;
  text-align: left;
  color: #FFFFFF;
  font-weight: bold;
}

.txtHeader_UDG {
  background-color: rgba(0,128,255,0.25);
  width: 100%;
  text-align: left;
  color: #FFFFFF;
  font-weight: bold;
	padding: 3px;
}

.txtDSEM {
  display: inline;
  color: #2B8AFF;
  font-weight: bold;
}

.txtList_Unordered,.txtList_Ordered {
/*
	margin: 0px;
	display: block;
	list-style-type: disc;
	margin-block-start: 1em;
	margin-block-end: 1em;
	margin-inline-start: 0px;
	margin-inline-end: 0px;
	padding-inline-start: 40px;
*/
	display: table; /*inline-block;*/
	margin-bottom: 12px;
	padding-left: 30px;
	text-align: left;
	}

.txtList_Unordered {
/*
	list-style-type: disc;
	list-style-image: url("../images/site/listbullet.png");
	background: url("../images/site/listbullet.png");
	vertical-align: middle;
*/
	list-style-type: none;
	}

.txtList_Item {
	font-weight: bold;
	display: list-item;
	text-align: -webkit-match-parent;
  position: relative;	
	}

.txtList_Unordered .txtList_Item:before {
	content: "";
	background-image: url("../images/site/listbullet.png");
	position: absolute;
	width: 8px;
	height: 8px;
	left: -16px;
	top: 4px;
	/*vertical-align: middle;*/
	}
	
	
.txtList_Ordered {
	list-style-type: decimal;
	background-image: none;
	}

.txtPageTitle_Title {
  font-weight: bold;
  font-size: 16pt;
  text-transform: uppercase;
  text-align: left;
  color: #FFFFFF;
  text-shadow: 2px 2px 2px #000000;
  }

.txtSiteBand, .txtPageTitle_Info {
  font-weight: bold;
  font-size: 10pt;
  text-shadow: 1px 1px 3px #000000;
  }

.txtSiteBand {
  color: #FFFFFF;
  }

.txtPageTitle_Info {
  color: #00BB00;
  }

.txtPageTitle_InfoXtra {
  font-style: italic;
  }

.txtWindowTitle, .txtFormTitle, .txtPixelTitle {
  font-weight: bold;
  font-size: 9pt;
  color: #FFFFFF;
  text-decoration: none;
  }

.txtPixelTitle {
  color: #FFFF00;
  text-shadow: -1px -1px 1.5px #000, 1px -1px 1.5px #000, -1px 1px 1.5px #000, 1px 1px 1.5px #000;
  text-decoration: none;
  z-index: 10; /* Places the text above everything */
  display: none;
  }
	
.txtFormNotes {
  color: #444444;
	font-size: 8pt;
	font-style: italic;
  }

/*
.txtImageCaption {
  position: absolute;
  font-style: italic;
  font-size: smaller;
  bottom: -20px;
  width: 100%;
  text-align: center;
  }
*/

.txtImage_Caption {
  font-style: italic;
  font-size: x-small;
  text-align: center;
	word-break: break-all;
  }

.boxQuoteUDG .txtImage_Caption {
	color: #CCCCFF;
	font-weight: bold;
  }

.txtImage_Gallery {
  text-align: justify;
	width: 100%;
  }

.txtBlue, .txtGreen, .txtPink, .txtGrey {
  font-weight: normal;
  font-size: 10pt;
  }

.txtBlue {
  color: #024862;
  }

.txtSearchFooter {
	font-weight: normal;
  color: #024862;
  }

.txtPink {
  color: #581878;
  }

.txtGreen {
  font-weight: bold;
  text-shadow: 1px 1px 3px #000000;
  color: #55FF55;
  }

.txtGrey {
  color: #555555;
  }

.txtContextLink {
  font-weight: bold;
  font-size: 9pt;
  }

.txtContextLinkCurrent {
  color: #06A7E2;
  }

/*----------------
txt tags END
----------------*/

/*----------------
lnk tags START
----------------*/
a.lnkWhite, a.lnkBlack, a.lnkGreen {
  text-decoration: none;
	font-weight: bold;
	}

a.lnkWhite {
  color: #FFFFFF;
  }

a.lnkWhite:hover {
  color: #FFFF00;
  }

a.lnkBlack {
  color: #000000;
  }

a.lnkBlack:hover {
  color: #009900;
  }
	
a.lnkGreen {
  color: #55FF55;
  }

a.lnkGreen:hover {
  color: #11BB11;
  }

a.lnkSearchFooter {
  color: #0490C4;
	font-weight: normal;
  }

a.lnkSearchFooter:hover {
  color: #024862;
  }

/*a.lnkDS {*/
.boxQuoteDS a {
  color: #9BBFF5;
  font-weight: bold;
  }

/*a.lnkDS:hover {*/
.boxQuoteDS a:hover {
  color: #FFFFFF; 
  }

/*a.lnkDS:visited {*/
.boxQuoteDS a:visited {
  color: #D555FF; 
  }
	
.lnkDisplaced {
  position: absolute;
  left: -5000px;
  }
	
a .lnkBoxOverlay {
  position: absolute;
  width: 100%;
  height: 100%;
  bottom: 0px;
  left: 0px;
  text-decoration: none; /* No underlines on the link */
  z-index: 5; /* Places the link above the bg but below the text */
  /* fixes overlap error in IE7/8 using an empty gif */
  background-image: url("../images/site/spacer.gif");
  background: rgba(255,255,255,0.25);
  }

a .lnkBoxOverlay:hover {
  background: none;
 }
/*----------------
lnk tags END
----------------*/

/*----------------
btn tags START
----------------*/

.btnGalleryPrev {
  background-image: url("../images/site/btnGallery_Prev.gif");
  }
	
.btnGalleryNext {
  background-image: url("../images/site/btnGallery_Next.gif");
  }

a.btnGalleryPrev, a.btnGalleryNext {
  display: inline-block;
  background-size: 200%;
  width: 22px;
  height: 42px;
  text-decoration: none;
  }

a.btnGalleryPrev:hover, a.btnGalleryNext:hover {
  background-position: -22px 0;
  }
/*----------------
btn tags END
----------------*/


/*----------------
mod(ifier) tags START
----------------*/
.modBG_Tech {
  background-image: url("../images/site/background-tech.png");
  background-attachment: fixed;
  }
	
.modText_Tech {
	color: #00CC00;
	}

.modBG_Code {
  background-image: url("../images/site/background-code.png");
  background-attachment: fixed;
  }

.modText_Code {
	color: #DD88DD;
	}

.modBG_Art {
  background-image: url("../images/site/background-art2.png");
  background-attachment: fixed;
  }

.modText_Art {
	color: #00CCCC;
	}

.modBG_Games {
  background-image: url("../images/site/background-games.png");
  background-attachment: fixed;
  }

.modText_Games {
	color: #00CCCC;
	}

.modBG_Build {
  background-image: url("../images/site/background-build.png");
  background-attachment: fixed;
  }

.modText_Build {
	color: #DD8888;
	}
	
.modSlideout_Caption {
	margin-left: auto;
	margin-right: auto;
	width: 95%;
}
/*----------------
mod(ifier) tags END
----------------*/



/*~~~~~~~~~~~~~~~~
Custom tags END
~~~~~~~~~~~~~~~~*/
/*================
Mobile First END
================*/

/*================
First Grow START
================*/
@media only screen and (min-width: 400px) {

	.modImage_Half {
		width: 49%;
		}

	.modImage_Quad {
		width: 49%;
		}

	.modImage_Full {
		/*max-width: 50%;*/
		}

	.modImage_6912 {
		margin: auto 1%;
    }

	.modImage_Align_L {
		margin-left: 0%;
		margin-right: 1%;
		}

	.modImage_Align_R {
		margin-left: 1%;
		margin-right: 0%;
		}

	.modImage_Align_L {
		float: left;
		}

	.modImage_Align_R {
		float: right;
		}

	.modSize_Slideout_6912 {
		width: 272px; /*256 (img6912 width) + 16 (2*8)*/
		}

	.boxImage_Container {
		/*text-align: unset;*/
		margin-bottom: 6px;
		}
	}
/*================
First Grow END
================*/

/*================
Intermediate START
================*/
@media only screen and (min-width: 500px) {
	td {
		font-size: small;
		}
	th {
		font-size: unset;
		}
  }
/*================
Intermediate END
================*/

/*================
Desktop 570 START
================*/
@media only screen and (min-width: 570px) {
	:root {
		--flex_multiplier: 3;
		--flex_border: 3px;
		--flex_size_L0: 3px;
		--flex_size_L1: 6px;
		--flex_size_L2: 12px;
		--flex_size_L3: 18px;
		--flex_size_L4: 24px;
		}

	table {
		border-left: 3px solid black;
		border-top: 3px solid black;
		}

	th, td {
		border-bottom: 3px solid black;
		border-right: 3px solid black;
		}

	td {
		font-size: unset;
		}

	.modMargins_T_L0 {
		margin-top: 3px;
		}

	.modMargins_T_L1 {
		margin-top: 6px;
		}

	.modMargins_T_L2 {
		margin-top: 12px;
		}

	.modMargins_T_L3 {
		margin-top: 18px;
		}

	.modMargins_T_L4 {
		margin-top: 24px;
		}

	.modMargins_B_L1 {
		margin-bottom: 6px;
		}

	.modMargins_B_L2 {
		margin-bottom: 12px;
		}

	.modMargins_B_L3 {
		margin-bottom: 18px;
		}

	.modMargins_B_L4 {
		margin-bottom: 24px;
		}

	.modMargins_LR_L1 {
		margin-left: 6px;
		margin-right: 6px;
		}

	.modMargins_L_L1 {
		margin-left: 6px;
		}

	.modMargins_R_L5 {
		margin-right: 30px;
		}

	.modPadding_All_L0 {
		padding: 3px;
		}

	.modPadding_All_L1 {
		padding: 6px;
		}
		
	.modPadding_B_L1 {
		padding-bottom: 6px;
		}

	.modPadding_R_L1 {
		padding-right: 6px;
		}

	.modPadding_LR_L1 {
		padding-left: 6px;
		padding-right: 6px;
		}

	.modPadding_LBR_L1 {
		padding-left: 6px;
		padding-bottom: 6px;
		padding-right: 6px;
		}
		
	.modPadding_T_L3 {
		padding-top: 18px;
		}

	.modPadding_L_L3 {
		padding-left: 18px;
		}

	.modPadding_Flash {
		padding: 6px 6px 6px 24px;
		}
		
	.modPadding_Title {
		padding: 3px;
		}

  .boxSlideout_Shadow {
    height: 6px;
    }
		
	.modImage_Full {
		/*max-width: 100%;*/
		}

	.modSize_Slideout_6912 {
		width: 280px; /*256 (img6912 width) + 24 (3*8)*/
		}		
		
	.boxImage_CaptionImage {
		/*margin: 3px 0px 6px 0px;*/
		/*width: fit-content;*/
		}

  .boxConstruction {
    background-size: 36px,36px;
    height: 36px;
    }


	.txtImage_Caption {
		font-size: smaller;
	}

/*
  div[class^="boxIMG"] {
    //border: 3px solid #000000;
    margin-bottom: 26px;
    }

  .boxIMG6912-L, .boxIMG6912-R {
    margin-left: 12px;
    margin-right: 12px;
    }

  .boxIMGHalf-L {
    //float: left;
    //width: 50%;
    }

  .boxIMGHalf-R {
    //float: right;
    //width: 50%;
    }

  .boxIMGHalf-C {
    //width: 50%;
    }
*/

  .imgConstruction {
    width: 261px; 
    height: 39px; 
    }

	.imgMWVer {
		width: 48px;
		height: 48px;
		}

  .imgPixelTitle {
    width: 255px;
    }
		
  .txtPageTitle_Title {
    font-size: 20pt;
    }


  a.btnGalleryPrev, a.btnGalleryNext {
    width: 33px;
    height: 63px;
    }

  a.btnGalleryPrev:hover, a.btnGalleryNext:hover {
    background-position: -33px 0;
    }

/*================
Desktop 570 END
================*/

/*================
Desktop 1024 START
================*/
@media only screen and (min-width: 1024px) {
/*
  .img6912 {
    width: 512px;
    height: 384px;
    }
*/
	.imgSize_6912 {
    width: 512px;
    height: 384px;
		}
		
	.modImage_Quad {
		width: 24%;
		}

	.modSize_Slideout_6912 {
		width: 536px; /*512 (img6912 width) + 24 (3*8)*/
		}		
  }
/*================
Desktop 1024 END
================*/

/*================
Desktop 1800 START
================*/
@media only screen and (min-width: 1800px) {
	.imgSize_6912 {
    width: 1024px;
    height: 768px;
	  }

	.modSize_Slideout_6912 {
		width: 1056px; /*1024 (img6912 width) + 32 (4*8)*/
		}		
		
/*
  .img6912 {
    width: 1024px;
    height: 768px;
    }
  }
*/
/*================
Desktop 1800 END
================*/

/*================
Desktop 4K START
================*/
@media only screen and (min-width: 3840px) {
	:root {
		--flex_multiplier: 4;
		--flex_border: 4px;
		--flex_size_L0: 4px;
		--flex_size_L1: 8px;
		--flex_size_L2: 16px;
		--flex_size_L3: 24px;
		--flex_size_L4: 32px;
		}

  }
/*================
Desktop 4K END
================*/

/*================
iPad Fix START
================*/
@media only screen and (device-width: 768px) and (orientation: landscape) {
  .container {
    width: 1024px;
    }
  }

@media only screen and (device-width: 320px) and (orientation: landscape) {
  .container {
    width: 568px;
    }
  }
/*================
iPad Fix END
================*/