html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, code,
del, dfn, em, img, q, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td{margin:0;padding:0;border:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;}
body{line-height:1.5;}
table{border-collapse:separate;border-spacing:0;}
caption, th, td{text-align:left;font-weight:normal;}
table, td, th{vertical-align:middle;}
blockquote:before, blockquote:after, q:before, q:after{content:"";}
blockquote, q{quotes:"" "";}
a img{border:none;}
.clear{clear:both}.dr8,.dr10,.dr20,
.dl6,.dr6{width:6em}
.dl8,.dr8{width:8em}.dl10,.dr10{width:10em}
.dl20,.dr20{width:20em}
.dl25,.dr25{width:25em}
.fluid{width:auto;float:none}
div .fluid { padding: 0 0 0 0.1em; }
.hp{width:100%;float:left}.fl{float:left}.fr{float:right}.clearfix,.main{display:block}.clearfix:after,.main:after{visibility:hidden;display:block;font-size:0;content:" ";clear:both;height:0}* html 

.FullWidthSAS{ WIDTH: 100%; }

.clearfix{display:inline;height:1px}
.textLeft{text-align:left; margin-left: .9em;}

.reset-style, .reset-style * {
        all: revert;
    }
.unselectable { -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }

.addPointerForDivision_LINK {
  cursor: pointer;  /* CIUS white logo at the bottom*/
}

HTML {
   FONT-FAMILY:  'Times New Roman', 'Arial Unicode MS', Verdana, 'Lucida Sans Unicode', 'Arial Narrow', Tahoma, Arial, sans-serif, serif;
}
BODY
{
    /*BACKGROUND-POSITION: 100% 3%;*/
    FONT-WEIGHT: 500;
    FONT-SIZE: 0.95em;
   /* BACKGROUND-IMAGE: url(/images/NewIronTransparent50.png);*/
    background-color: #081d52;
    WIDTH: 100%;
    FONT-STYLE: normal;
    FONT-FAMILY:  'Times New Roman', 'Arial Unicode MS', Verdana, 'Lucida Sans Unicode', 'Arial Narrow', Tahoma, Arial, sans-serif, serif;
/*MAY_12 CONFLICT-1: BODY has two background declarations. Line 46 sets background-color from Session("BackgroundColor") (dynamic/session-driven) but this line 50 BACKGROUND:#081d52 comes AFTER and overrides it in the CSS cascade. The hardcoded dark blue always wins regardless of session value. Fix: remove this BACKGROUND:#081d52 line or move it before line 46. */
     BACKGROUND: #081d52;
    FONT-VARIANT: normal;

}

  .center_DIVISION {
            border: 5px solid;
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            padding: 10px;
        }
 
 .centerDivisionOffset {
            margin-left: auto;
            margin-right: auto;
padding-right: 17.5%; /* Move it 17.5% to the left from the center of the page */
        }
 .centerDivision10 {
            margin-left: auto;
            margin-right: auto;
padding-right: 4.5%; /* Move it 10.5% to the left from the center of the page */
        }

 .centerDivision {
            margin-left: auto;
            margin-right: auto;
        }

 .hidden {
            display: none;
        }
/* Style the copy button similar to code block label */
    #copyButton {
  display: inline-flex;
  align-items: center; /* vertical center */
  gap: 6px; /* spacing between icon and text */
  color: black;
  border: 1px solid black;
  background-color: transparent; /* or white if you want */
  padding: 4px 12px;
  font-family: monospace, monospace;
  cursor: pointer;
  font-size: 14px;
  border-radius: 4px;
  user-select: none;
  outline: none;
  transition: background-color 0.3s ease, color 0.3s ease;
  }
    #copyButton:hover:not(:disabled) {
      background-color: #000;
      color: #fff;
      border-color: #000;
    }
    #copyButton:active:not(:disabled) {
      background-color: #222;
      color: #fff;
      border-color: #222;
    }
    /* When button is disabled (after copy), show black bg and white text */
    #copyButton:disabled {
      cursor: default;
      opacity: 1;
      background-color: #000;
      color: #fff;
      border-color: #000;
    }
    /* SVG icon styling */
    #copyButton svg {
     flex-shrink: 0;
    width: 16px;
    height: 16px;
    fill: currentColor;
   }

#ciusLogo {
        width: 500px;
	display: flex;    
	justify-content: center;
    	align-items: center;
    }

    #duzyObraz {
        display: none;
    }

    #malyObraz {
        display: none;
    }

.blue-box {  
border-color: #081d52;
background-color: #081d52;
color: white;
}

#main {
    	WIDTH: 100%;
	/*BACKGROUND-IMAGE: url(/images/NewIronTransparent50.png);*/ /*Active image to implement*/
	/*BACKGROUND-POSITION: 100% 2%;*/

}

.float90 { Float:left; width:93.80%;
}
.bannerBack
{
    CLEAR: both;
    BACKGROUND: url(/images/BannerSilverMTLeftB.png) #081d52 no-repeat center 50%;
    MARGIN: 0;
    height:180px;  
    width:100%;
}
P
{
    PADDING: 1em 4em 1.5em 4em;
    WORD-SPACING: 0.08em;
    COLOR: black;
    LETTER-SPACING: 0.03em;
    TEXT-ALIGN: justify
}
P IMG
{
    FLOAT: left;
    MARGIN: 0 1em 1em 0;
    PADDING: 0 0 0 0;
}
P IMG.right
{
   FLOAT: right;
   MARGIN: 0 0 1em 1em;
   BORDER: black double;
}
H1
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 2.3em;
    MARGIN-BOTTOM: 0.68em;
    WORD-SPACING: 0.1em;
    COLOR: #081d52;
/*MAY_12 CONFLICT-11: H1 is defined THREE times in this CSS file (here at 2.3em, again around line 1725 at 1.3em, and again around line 2890 at 1.1em). Each overrides the previous. The ASP file also has inline H1 style="font-size:14pt" which overrides all CSS rules. Fix: consolidate into a single H1 rule plus one mobile media query override. */
    FONT-FAMILY:  'Times New Roman', 'Arial Unicode MS', Verdana, 'Lucida Sans Unicode', 'Arial Narrow', Tahoma, Arial, sans-serif, serif;
    LETTER-SPACING: 2px
}
H2
{
    FONT-WEIGHT: normal;
    FONT-SIZE: 1.9em;
    MARGIN-BOTTOM: 0.79em;
    WORD-SPACING: 0.1em;
    COLOR: #333;
    FONT-FAMILY:  'Times New Roman', 'Arial Unicode MS', Verdana, 'Lucida Sans Unicode', 'Arial Narrow', Tahoma, Arial, sans-serif, serif;
    LETTER-SPACING: 2px
}
H3
{
    FONT-WEIGHT: normal;
    FONT-SIZE: 1.7em;
    MARGIN-BOTTOM: 0.88em;
    COLOR: #333;
    FONT-FAMILY:  'Times New Roman', 'Arial Unicode MS', Verdana, 'Lucida Sans Unicode', 'Arial Narrow', Tahoma, Arial, sans-serif, serif;
}
H4
{
    FONT-WEIGHT: normal;
    FONT-SIZE: 1.4em;
    MARGIN-BOTTOM: 1.07em;
    COLOR: #333;
    FONT-FAMILY:  'Times New Roman', 'Arial Unicode MS', Verdana, 'Lucida Sans Unicode', 'Arial Narrow', Tahoma, Arial, sans-serif, serif;
}
H5
{
    FONT-WEIGHT: normal;
    FONT-SIZE: 1.3em;
    MARGIN-BOTTOM: 1.15em;
    COLOR: #333;
    FONT-FAMILY:  'Times New Roman', 'Arial Unicode MS', Verdana, 'Lucida Sans Unicode', 'Arial Narrow', Tahoma, Arial, sans-serif, serif;
}
H6
{
    FONT-WEIGHT: normal;
    FONT-SIZE: 1.3em;
    MARGIN-BOTTOM: 1.15em;
    COLOR: #333;
    FONT-FAMILY:  'Times New Roman', 'Arial Unicode MS', Verdana, 'Lucida Sans Unicode', 'Arial Narrow', Tahoma, Arial, sans-serif, serif;
}
LI UL
{
    MARGIN: 0 1.5em
}
LI OL
{
    MARGIN: 0 1.5em
}
UL
{
    MARGIN: 0 1.5em 1.5em
}
OL
{
    MARGIN: 0 1.5em 1.5em
}
DL
{
    MARGIN: 0 0 1.5em
}
DL DT
{
    FONT-WEIGHT: bold
}
DL DD
{
    MARGIN-LEFT: 1.5em
}

.lightBlue {
COLOR: #027777;
}
 

A
{
    FONT-WEIGHT: bold;
    /*COLOR: #008b8b; was this color but to low contrast for accessibility*/
       COLOR: #027777 ;
    TEXT-DECORATION: none
}
A:hover
{
    TEXT-DECORATION: underline
}
A:visited
{
/*MAY_12 CONFLICT-3: Global A:visited { COLOR: green } (this rule) may conflict with nav a:visited { color: #ADD8E6 } defined later. The more specific nav a:visited should win due to higher specificity, but verify in older browsers. Fix: add !important to nav a:visited color or increase its specificity. */
    COLOR: green
}
TABLE
{
    MARGIN-BOTTOM: 1.5em;
    BORDER-COLLAPSE: collapse
}
TABLE.center
{
    MARGIN-LEFT: 15%;
    WIDTH: 70%;
    MARGIN-RIGHT: 15%
}
TH
{
    FONT-WEIGHT: bold
}
TR
{
    PADDING: 0 .1em 0 .25em;
    MARGIN: 0;
    HEIGHT: 18px;
}
TH
{
    PADDING: 0 .1em 0 .25em;
    MARGIN: 0;
    HEIGHT: 18px;
}
TD
{
    PADDING: 0 .1em 0 .25em;
    MARGIN: 0;
    HEIGHT: 18px;
}
CAPTION
{
    FONT-FAMILY: Georgia, serif;
    TEXT-ALIGN: center
}
BLOCKQUOTE
{
    PADDING-LEFT: 1.5em;
    MARGIN: 1.5em;
    BORDER-LEFT: #ccc 3px solid;
    FONT-STYLE: italic
}
STRONG
{
    FONT-WEIGHT: bold
}
EM
{
    FONT-STYLE: italic
}
CODE
{
    MARGIN: 1.5em 0;
    WHITE-SPACE: pre;
}
CODE
{
    FONT: 1em/1.5 monospace;;
}
HR
{
    MARGIN-BOTTOM: 1.5em
}
.displayPicWidth {  width: auto; }
IMG
{
    BORDER-RIGHT: black;
    BORDER-TOP: black;
    MARGIN: 1px auto;
    BORDER-LEFT: black;
    BORDER-BOTTOM: black;
    TEXT-ALIGN: center;
}

.warning-text-red {
    color: #FF0000;
    font-size: 16px;
    line-height: 2.5;
}
.my-button {
    display: inline-block;
    margin: 5px; /* space between buttons */
    background: #017707; /* background color */
    color: white; /* text color */
    font-size: 1.8em;
    font-family: �Georgia�, serif;
    font-style: italic;
    border-radius: 70px; /* rounded corners */
    padding:12px 20px; /* space around text */
    -moz-transition: all 0.2s;
    -webkit-transition: all 0.2s;
    transition: all 0.2s;
}
.my-button:hover {
    background: #081d52 ;
    color: white;
}
.my-button2 {
    display: inline-block;
    margin: 5px; /* space between buttons */
    background: #017707; /* background color */
    color: white; /* text color */
    font-size: 1.7em;
    font-family: �Georgia�, serif;
    font-style: italic;
    border-radius: 60px; /* rounded corners */
    padding:10px 18px; /* space around text */
    -moz-transition: all 0.2s;
    -webkit-transition: all 0.2s;
    transition: all 0.2s;
}
.my-button2:hover {
    background: #081d52;
    color: white;
}
.my-button3 {
    display: inline-block;
    margin: 5px; /* space between buttons */
    background: #081d52; /* background color */
    color: white; /* text color */
    font-size: 1.6em;
    font-family: �Georgia�, serif;
    font-style: italic;
    border-radius: 60px; /* rounded corners */
    padding:8px 16px; /* space around text */
    -moz-transition: all 0.2s;
    -webkit-transition: all 0.2s;
    transition: all 0.2s;
}
.my-button3:hover {
    background: #017707;
    color: white;
}
.my-button3:visited { 
    color: yellow;
}
 

/*Buutons menu at the end of web page */
.buttonZ {
   border-top: 1px solid #abdfff;
   background: #65a9d7;
   background: -webkit-gradient(linear, left top, left bottom, from(#000000), to(#65a9d7));
   background: -webkit-linear-gradient(top, #000000, #65a9d7);
   background: -moz-linear-gradient(top, #000000, #65a9d7);
   background: -ms-linear-gradient(top, #000000, #65a9d7);
   background: -o-linear-gradient(top, #000000, #65a9d7);
   padding: 5px 10px;
   -webkit-border-radius: 0px;
   -moz-border-radius: 0px;
   border-radius: 0px;
   -webkit-box-shadow: rgba(0,0,0,1) 0 1px 0;
   -moz-box-shadow: rgba(0,0,0,1) 0 1px 0;
   box-shadow: rgba(0,0,0,1) 0 1px 0;
   text-shadow: rgba(0,0,0,.4) 0 1px 0;
   color: white;
   font-size:14px;
   font-family: Georgia, serif;
   text-decoration: none;
   vertical-align: middle;
   }
 .buttonZ:hover {
   border-top-color: #28597a;
   background: #28597a;
   color: #ccc;
   }
 .buttonZ:active {
   border-top-color: #1b435e;
   background: #1b435e;
   }
 .buttonZ:visited {
   background: #1b435e;
   color: yellow;
   }

    /* Start Style buttonZY*/
.buttonZY {
   border: none; 
   border-top: 2px solid #081d52; 
   background: #65a9d7;
   background: linear-gradient(to bottom, #000000, #65a9d7);
   padding: 5px 10px;
   border-radius: 0px;
   box-shadow: rgba(0,0,0,1) 0 1px 0; 
   text-shadow: rgba(0,0,0,.4) 0 1px 0;
   color: white; 
   font-size: 14px;
   font-family: Georgia, serif;
   text-decoration: none;
   vertical-align: middle;
   cursor: pointer;
}

/* Hover State */
.buttonZY:hover {
   border-top-color: #28597a;
   background: #28597a;
   color: #ccc;
}

/* The Sync State: This triggers for ALL buttons when any are clicked */
.buttonZY.active-sync {
   border-top: 2px solid #ffffff; /* White top border to show it is "Active" */
   background: #081d52;           /* Darker blue background */
   box-shadow: inset 0 2px 5px rgba(0,0,0,0.5); /* Pressed look */
}

./* This triggers the Yellow color you requested */
.buttonZY.is-clicked {
   color: #FFFF00 !important;
}
 /* END Stale buttonZY*/
/*Buutons menu at the end of web page END*/
/* Start buttonZBig*/
/*MAY_12 CONFLICT-12: .buttonZY.is-clicked color is #FFFF00 here in external CSS. The ASP file has an inline <style> block setting .buttonZY.is-clicked color to #FFD700 !important. The ASP inline style wins (inline stylesheet beats external CSS). The two yellows are slightly different (#FFFF00 pure yellow vs #FFD700 gold). Fix: align both to the same yellow value, preferably in the external CSS only. */
.buttonZBig {
   border-top: 1px solid #abdfff;
   background: #65a9d7;
   background: -webkit-gradient(linear, left top, left bottom, from(#000000), to(#65a9d7));
   background: -webkit-linear-gradient(top, #000000, #65a9d7);
   background: -moz-linear-gradient(top, #000000, #65a9d7);
   background: -ms-linear-gradient(top, #000000, #65a9d7);
   background: -o-linear-gradient(top, #000000, #65a9d7);
   padding: 5px 10px;
   -webkit-border-radius: 0px;
   -moz-border-radius: 0px;
   border-radius: 0px;
   -webkit-box-shadow: rgba(0,0,0,1) 0 1px 0;
   -moz-box-shadow: rgba(0,0,0,1) 0 1px 0;
   box-shadow: rgba(0,0,0,1) 0 1px 0;
   text-shadow: rgba(0,0,0,.4) 0 1px 0;
   color: white;
   font-size:30px;
   font-family: Aria, serif;
   text-decoration: none;
   vertical-align: middle;
   }
 .buttonZBig:hover {
   border-top-color: #28597a;
   background: #28597a;
   color: #ccc;
   }

 .buttonZBig:active {
   border-top-color: #1b435e;
   background: #1b435e;
   }
 .buttonZBig:visited {
   background: #1b435e;
   color: yellow;
   }
/* End  buttonZBig*/
/*  css3buttongenerator.com   */
.btn {
  background: #6ec2fa;
  background-image: -webkit-linear-gradient(top, #6ec2fa, #002942);
  background-image: -moz-linear-gradient(top, #6ec2fa, #002942);
  background-image: -ms-linear-gradient(top, #6ec2fa, #002942);
  background-image: -o-linear-gradient(top, #6ec2fa, #002942);
  background-image: linear-gradient(to bottom, #6ec2fa, #002942);
  -webkit-border-radius: 28;
  -moz-border-radius: 28;
  border-radius: 28px;
  text-shadow: 1px 1px 3px #0313a1;
  font-family: Arial;
  color: #ffffff;
  font-size: 24px;
  padding: 10px 20px 10px 20px;
  border: solid #1eb307 3px;
  text-decoration: none;
}

.btn:hover {
  background: #3cb0fd;
  text-decoration: none;
}
/*  css3buttongenerator.com   */
.BUTTON_WRI {
   background: #3D94F6;
   background-image: -webkit-linear-gradient(top, #3D94F6, #002054);
   background-image: -moz-linear-gradient(top, #3D94F6, #002054);
   background-image: -ms-linear-gradient(top, #3D94F6, #002054);
   background-image: -o-linear-gradient(top, #3D94F6, #002054);
   background-image: -webkit-gradient(to bottom, #3D94F6, #002054);
   -webkit-border-radius: 20px;
   -moz-border-radius: 20px;
   border-radius: 20px;
   color: #FFFFFF;
   font-family: Arial;
   font-size: 34px;
   font-weight: 500;
   padding: 27px;
   -webkit-box-shadow: 1px 1px 30px 8px #000000;
   -moz-box-shadow: 1px 1px 30px 8px #000000;
   box-shadow: 1px 1px 30px 8px #000000;
   text-shadow: 4px 4px 3px #000000;
   border: solid #0EAF29 4px;
   text-decoration: none;
   display: inline-block;
   cursor: pointer;
   text-align: center;
}

.BUTTON_WRI:hover {
   border: solid #337FED 1px;
   background: #3D94F6;
   background-image: -webkit-linear-gradient(top, #3D94F6, #1E62D0);
   background-image: -moz-linear-gradient(top, #3D94F6, #1E62D0);
   background-image: -ms-linear-gradient(top, #3D94F6, #1E62D0);
   background-image: -o-linear-gradient(top, #3D94F6, #1E62D0);
   background-image: -webkit-gradient(to bottom, #3D94F6, #1E62D0);
   -webkit-border-radius: 20px;
   -moz-border-radius: 20px;
   border-radius: 20px;
   text-decoration: none;
}

.myButton {
	background:linear-gradient(to bottom, #079de3 5%, #020a29 100%);
	background-color:#079de3;
	border-radius:28px;
	border:4px solid #18ab29;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family:Arial;
	font-size:26px;
	font-weight:bold;
	padding:16px 31px;
	text-decoration:none;
	text-shadow:0px 1px 0px #2f6627;
	&:hover {
	background:linear-gradient(to bottom, #020a29 5%, #079de3 100%);
	background-color:#020a29;
}
 &:active {
	position:relative;
	top:1px;
  }
}

.Font_Times_N_R{ 
font-family: 'Times New Roman',  serif;
font-size: 30px;
letter-spacing: 4.0px;
word-spacing: 3.1px;
color: #081D52;
font-weight: 700;
text-decoration: none;
font-variant: normal;
text-transform: none;
}

.Font_Times_N_R_1_3em { 
font-family:  'Times New Roman',  Times, serif ;
font-size: 1.3em;
letter-spacing: 4.0px;
word-spacing: 3.1px;
color: #081D52;
font-weight: 700;
text-decoration: none;
font-variant: normal;
text-transform: none;
}
.Font_Times_N_R_1_0em { 
font-family:'Times New Roman',  serif ;
font-size: 1.0 em;
/*letter-spacing: 4.0px;*/
/*word-spacing: 3.1px;*/
color: black;
/*font-weight: 700;*/
text-decoration: none;
font-variant: normal;
text-transform: none;
}
.Font_Times_N_R_1_2em { 
font-family:'Times New Roman',  serif ;
font-size: 1.4em;
/*letter-spacing: 4.0px;*/
/*word-spacing: 3.1px;*/
color: black;
font-weight: 500;
text-decoration: none;
font-variant: normal;
text-transform: none;
}

.fit-block {
  display: inline-block;
  padding: 0px;
  /*background-color: #f0f0f0;*/
  text-align: left;
}

.Fblack {
    color: black !important;
  }
.FontWhite
{
    COLOR: #ffffff
}
.FontDarkBlue
{
    COLOR: #081d52;
}
.FontYellow
{
    COLOR: #FFFF00;
}
.FontVerdana { FONT-FAMILY:'Times New Roman',  Verdana, Georgia, serif;}
.FontSizeOne {FONT-SIZE: 1.5em; FONT-FAMILY: 'Times New Roman', Verdana, Georgia, serif;}
.FontSizeSmall { FONT-SIZE: .70em;  FONT-FAMILY: 'Times New Roman', Verdana, serif;}

.bg1
{
    BACKGROUND-COLOR: #555
}
.bg2
{
    BACKGROUND-COLOR: #666
}
.bg3
{
    BACKGROUND-COLOR: #5e7074
}
.bg4
{
    BACKGROUND-COLOR: #888
}
.bg5
{
    BACKGROUND-COLOR: #999
}
.bg6
{
    BACKGROUND-COLOR: #c0b8aa
}
.bg7
{
    BACKGROUND-COLOR: white
}
.bg8
{
    BACKGROUND-COLOR: #081d52
}
.bg9
{
    BACKGROUND-COLOR: #f2f2f2
}
.bg10
{
    BACKGROUND-COLOR: #000080
}
.bg11
{
    BACKGROUND-COLOR: #27408b
}
.bg12
{
    BACKGROUND-COLOR: #FFFF00;
}
.hg0
{
    HEIGHT: 10em
}
.hg1
{
    HEIGHT: 5em
}
.hg2
{
    HEIGHT: 45em
}
.hg3
{
    HEIGHT: 20em
}
.hg4
{
    HEIGHT: 50em
}
.hg5
{
    HEIGHT: 70em
}
.hg6
{
    HEIGHT: 12.25em
}
.hg7
{
    HEIGHT: 35em
}
.inlineBlockDisplay {display:inline-block }
.centerDivision {margin-left: auto; margin-right: auto; }
.borderSolid {border: 2px solid black; margin-right:1em; margin-left: 1em;}
.queryFont {background-color: #dadcdc;  font-size:1.25em; text-align:right;}
.queryFontNoAlign {background-color: #dadcdc;  font-size:1.25em;}
.queryFontInline {display:inline; FONT-SIZE: .75em; MARGIN-BOTTOM: 5em;PADDING-BOTTOM: 1em;}
.queryFontMargin {FONT-SIZE: .75em; MARGIN-BOTTOM: 5em; }
.queryButton {float:left; margin-left: .1em; margin-right: .1em; }
.queryDivisionB {FONT-SIZE: .75em; MARGIN-BOTTOM: 5em;}
.marginTenPix {MARGIN:10px 10px 10px 10px }
.TotalWidth {width:100%}
.mattblacktabs
{
	
PADDING-RIGHT: 0;
    MARGIN-RIGHT: 0;
BORDER-RIGHT: 0;
}
.mattblacktabs UL
{
    PADDING: 0 0 0 0;
    MARGIN: 0;
    LIST-STYLE-TYPE: none;
    FONT: bold  12px Verdana; /*button size*/
    WHITE-SPACE: nowrap;
    text-align: left;
}
.mattblacktabs LI
{
    DISPLAY: inline;
    BACKGROUND: black;
   /* MARGIN: 0 0 0 0;*/

}
.mattblacktabs LI A
{
    BORDER-TOP: #9a9a9a 1px solid;
    BORDER-RIGHT: #9a9a9a 1px solid;
    BORDER-BOTTOM: #9a9a9a 1px solid;
    BORDER-LEFT: white 1px solid;
    PADDING: 5px 10px 5px 5px;
    DISPLAY: block;
    BACKGROUND: #bdbdbd;
    FLOAT: left;
    MARGIN: 0 0 0 0;
    COLOR: #081d52;
    TEXT-DECORATION: none;
}
.mattblacktabs LI A:visited
{
    COLOR: #081d52
}
.mattblacktabs LI A:hover
{
    BACKGROUND: black;
    COLOR: white;
}
.mattblacktabs LI.selected A
{
    BACKGROUND: black;
    COLOR: white;
}
.lsb1
{
    FONT-SIZE: 15px;
    HEIGHT: 28px;
}
.inline-block
{
    DISPLAY: inline-block;
    POSITION: relative;
}
#SearchFieldMobile { /* for large screen*/
overflow: hidden; 
     }

/* --- CSS for Fluid Mobile Search Bar --- */

/* 1. This class turns the container for the search elements into a flex container. */
.mobile-search-container {
  display: flex;        /* Activates the flexbox layout model */
  width: 100%;          /* Ensures the container uses all available width */
  align-items: center;  /* Vertically aligns the input and buttons */
}

/* 2. This class is for the input field. It overrides the fixed width from */
/*    your existing .searchField class and allows the input to grow. */
.mobile-search-field {
  flex-grow: 1;      /* This is the key: it tells the input to fill all available space. */
  width: auto;       /* This is important to override the 'WIDTH: 250px' in .searchField. */
  min-width: 50px;   /* Prevents the input from becoming too small on narrow screens. */
}

/* 3. This class is for the buttons. It prevents them from being squished */
/*    or shrinking when the input field grows. */
.mobile-search-button {
  flex-shrink: 0;   /* Prevents buttons from shrinking. */
  margin-left: 4px ; /* Adds a small space between the input and the buttons. */

}

.searchField
{
    BORDER-TOP: #ccc 1px solid;
    BORDER-RIGHT: medium none;
    BORDER-BOTTOM: #999 1px solid;
    BORDER-LEFT: #ccc 1px solid;
 
    MARGIN: 0;
    FONT-SIZE: 14px;
    VERTICAL-ALIGN: top;
    BORDER-LEFT: #ccc 1px solid;
    WIDTH: 100%;

    LINE-HEIGHT: 34px;

    FONT-FAMILY: arial,sans-serif;
   
}
.searchFieldADV
{
    BORDER-TOP: #ccc 1px solid;
    BORDER-RIGHT: medium none;
    BORDER-BOTTOM: #999 1px solid;
    BORDER-LEFT: #ccc 1px solid;
    PADDING: 1px 1px 0 1px;   
    FONT-SIZE: 15px;
    MARGIN: 0;
    VERTICAL-ALIGN: top;
    WIDTH: 100%;
    LINE-HEIGHT: 30px;
    FONT-FAMILY: arial,sans-serif;
    HEIGHT: 34px;
    position:relative;
}
.searchFieldADVFluid {
overflow: hidden; 
padding-right: .5em;
}
.ds1
{
    PADDING-TOP: 1px;
}
.sub2
{
    BORDER-TOP: #000000 3px solid;
    BORDER-RIGHT: #000000 3px solid;
    BORDER-BOTTOM: #000000 3px solid;
    BORDER-LEFT: #000000 3px solid;
    PADDING: 5px 4px 5px 4px;
    MARGIN: 0;
    FONT: bold 13px Verdana;
    COLOR: #ffffff;
    BACKGROUND-COLOR: #414141;
}
.sub2:hover
{
    BACKGROUND-COLOR: black
}
.picborder
{
    BORDER-TOP: #000000 4px solid;
    BORDER-RIGHT: #000000 4px solid;
    BORDER-BOTTOM: #000000 4px solid;
    BORDER-LEFT: #000000 4px solid;
    PADDING: 0 0 0 0;
    MARGIN: 0;
    COLOR: #ffffff;
}
.inputButton
{
    BORDER-TOP: 0;
    BORDER-RIGHT: 5px;
    BORDER-RIGHT: #9a9a9a 5px solid;
    BORDER-BOTTOM: 5px;
    PADDING: 0 0 10px 5px; /* 10px middle textalighment*/
    DISPLAY: inline-block;
    BACKGROUND: #bdbdbd;
    MARGIN: 0;
    FONT: bold 11px Verdana;
    HEIGHT: 35px;
}
.inputButton:hover
{
    COLOR: white;
    BACKGROUND-COLOR: red;
}
.rozmiar
{
    FONT-SIZE: 6.2em
}
.em
{
    FONT-STYLE: italic
}
DFN
{
    FONT-STYLE: italic
}
.mb
{
  PADDING: 0 0 0 0;
  MARGIN: 0.5em 0 0.5em 0;
}
.tableFireFoxCenter
{
    MARGIN: 0 auto;
}
.marginbottom
{
    MARGIN: 0 0 0 0;
    PADDING: 10px 0 10px 0;
}
.marginZero
{
    PADDING: 0 0 0 0;
    MARGIN: 0 0 0 0;
    
}
.buttonWidth
{
    FLOAT: left;
    WIDTH: 120px
}
P
{
    PADDING: 2px 2px 2px  2px ;
    MARGIN: 10px;
}
.PicAdjust
{
    BORDER-RIGHT: black thin solid;
    BORDER-TOP: black thin solid;
    VISIBILITY: visible;
    OVERFLOW: auto;
    BORDER-LEFT: black thin solid;
    WIDTH: 150px;
    BORDER-BOTTOM: black thin solid
}
.thumbnail
{
    BORDER-RIGHT: black thin solid;
    BORDER-TOP: black thin solid;
    VISIBILITY: visible;
    OVERFLOW: auto;
    BORDER-LEFT: black thin solid;
    WIDTH: 120px;
    BORDER-BOTTOM: black thin solid
}
.thumbnailW
{
    BORDER-RIGHT: black thin solid;
    BORDER-TOP: black thin solid;
    VISIBILITY: visible;
    OVERFLOW: auto;
    BORDER-LEFT: black thin solid;
    WIDTH: 200px;
    BORDER-BOTTOM: black thin solid
}
.thumbnailWW
{
    BORDER-RIGHT: black thin solid;
    BORDER-TOP: black thin solid;
    VISIBILITY: visible;
    OVERFLOW: auto;
    BORDER-LEFT: black thin solid;
    WIDTH: 250px;
    BORDER-BOTTOM: black thin solid;
}
.AdvancedGO{
WIDTH:44px; 
HEIGHT:34px;  
FONT-WEIGHT: bold;
FONT-FAMILY: Verdana; 
FONT-SIZE:.35em;
}
IMG
{
    BORDER: 0;
   MARGIN: 5px 5px;
}
.NoListStyle
{
    LIST-STYLE-TYPE: none
}
.marginZeroPadad
{
    MARGIN-TOP: 2px;
    MARGIN-BOTTOM: 2px;
    PADDING: 1px 0 2px 0;
}
.bSize
{
    BORDER-RIGHT: #f2d869 5px outset;
    BORDER-TOP: #f2d869 5px outset;
    FONT-SIZE: 18px;
    BORDER-LEFT: #f2d869 5px outset;
    WIDTH: 45px;
    BORDER-BOTTOM: #f2d869 5px outset;
    BORDER-COLLAPSE: collapse;
    HEIGHT: 38px;
    border-spacing: 0;
}
.bSize:hover
{
    BACKGROUND: black;
    COLOR: white;
}
.cSize
{
    BORDER-RIGHT: #6a89f9 4px outset;
    BORDER-TOP: #6a89f9 4px outset;
    FONT-SIZE: 1em;
    BORDER-LEFT: #6a89f9 4px outset;
    BORDER-BOTTOM: #6a89f9 4px outset;
    BORDER-COLLAPSE: collapse;
    HEIGHT: 36px;
    border-spacing: 2px;
}
.cSize:hover
{
    BACKGROUND: black;
    COLOR: white
}
.cSizeS
{
    BORDER-RIGHT: #6a89f9 4px outset;
    BORDER-TOP: #6a89f9 4px outset;
    FONT-SIZE: 0.75em;
    BORDER-LEFT: #6a89f9 4px outset;
    BORDER-BOTTOM: #6a89f9 4px outset;
    BORDER-COLLAPSE: collapse;
    HEIGHT: 20px;
    border-spacing: 2px;
}
.cSizeS:hover
{
    BACKGROUND: black;
    COLOR: white;
}
DIV.botright
{
    DISPLAY: inline;
    RIGHT: 0;
    BOTTOM: 30px;
    POSITION: relative;
}

.MyTable
{
    BORDER-LEFT-COLOR: #666;
    BORDER-BOTTOM-COLOR: #666;
    BORDER-TOP-STYLE: solid;
    BORDER-TOP-COLOR: #666;
    BORDER-RIGHT-STYLE: solid;
    BORDER-LEFT-STYLE: solid;
    BORDER-RIGHT-COLOR: #666;
    BORDER-BOTTOM-STYLE: solid;
}
.MyTd
{
    BORDER-LEFT-COLOR: #666;
    BORDER-BOTTOM-COLOR: #666;
    BORDER-TOP-STYLE: solid;
    BORDER-TOP-COLOR: #666;
    BORDER-RIGHT-STYLE: solid;
    BORDER-LEFT-STYLE: solid;
    BORDER-RIGHT-COLOR: #666;
    BORDER-BOTTOM-STYLE: solid;
}
.MyTable
{
    BORDER-TOP-WIDTH: 0;
    BORDER-LEFT-WIDTH: 1px;
    BORDER-BOTTOM-WIDTH: 1px;
    BORDER-COLLAPSE: collapse;
    BORDER-RIGHT-WIDTH: 0;
    border-spacing: 0;
}
.MyTd
{
    BORDER-TOP-WIDTH: 1px;
    PADDING-RIGHT: 4px;
    PADDING-LEFT: 4px;
    BORDER-LEFT-WIDTH: 0;
    BORDER-BOTTOM-WIDTH: 0;
    PADDING-BOTTOM: 4px;
    MARGIN: 0;
    PADDING-TOP: 4px;
    BORDER-RIGHT-WIDTH: 1px;
}
INPUT.groovybutton
{
    BORDER-TOP-WIDTH: 3px;
    FONT-WEIGHT: bold;
    BORDER-LEFT-WIDTH: 3px;
    FONT-SIZE: 0.75em;
    BORDER-LEFT-COLOR: #0033ff;
    BORDER-BOTTOM-WIDTH: 3px;
    MARGIN-BOTTOM: 5px;
    BORDER-BOTTOM-COLOR: #0033ff;
    PADDING-BOTTOM: 5px;
    COLOR: black;
    BORDER-TOP-COLOR: #0033ff;
    FONT-FAMILY: Verdana,sans-serif;
    BORDER-RIGHT-WIDTH: 3px;
    BORDER-RIGHT-COLOR: #0033ff;
}
INPUT.groovybutton:hover
{
    BORDER-TOP-WIDTH: 3px;
    FONT-WEIGHT: bold;
    BORDER-LEFT-WIDTH: 3px;
    FONT-SIZE: 0.75em;
    BORDER-LEFT-COLOR: #0033ff;
    BACKGROUND: black;
    BORDER-BOTTOM-WIDTH: 3px;
    BORDER-BOTTOM-COLOR: #0033ff;
    COLOR: white;
    BORDER-TOP-COLOR: #0033ff;
    FONT-FAMILY: Verdana,sans-serif;
    BORDER-RIGHT-WIDTH: 3px;
    BORDER-RIGHT-COLOR: #0033ff;
}
INPUT.groovybutton:visited
{
    COLOR: green;
}
A.groovybutton:hover
{
    BORDER-TOP-WIDTH: 3px;
    FONT-WEIGHT: bold;
    BORDER-LEFT-WIDTH: 3px;
    FONT-SIZE: 1em;
    BORDER-LEFT-COLOR: #0033ff;
    BACKGROUND: black;
    BORDER-BOTTOM-WIDTH: 3px;
    BORDER-BOTTOM-COLOR: #0033ff;
    COLOR: white;
    BORDER-TOP-COLOR: #0033ff;
    FONT-FAMILY: Verdana,sans-serif;
    BORDER-RIGHT-WIDTH: 3px;
    BORDER-RIGHT-COLOR: #0033ff;
}
A.groovybutton:hover
{
    BORDER-TOP-WIDTH: 3px;
    FONT-WEIGHT: bold;
    BORDER-LEFT-WIDTH: 3px;
    FONT-SIZE: 1em;
    BORDER-LEFT-COLOR: #0033ff;
    BACKGROUND: black;
    BORDER-BOTTOM-WIDTH: 3px;
    BORDER-BOTTOM-COLOR: #0033ff;
    COLOR: white;
    BORDER-TOP-COLOR: #0033ff;
    FONT-FAMILY: Verdana,sans-serif;
    BORDER-RIGHT-WIDTH: 3px;
    BORDER-RIGHT-COLOR: #0033ff;
}
.aligncenter
{
    DISPLAY: block;
    FLOAT: left;
    MARGIN: 0;
    VERTICAL-ALIGN: text-bottom;
    WHITE-SPACE: nowrap;
}
.Link_Buttons A
{
    BORDER-RIGHT: #000000 3px solid;
    PADDING-RIGHT: 5px;
    BORDER-TOP: #0033ff 3px solid;
    DISPLAY: block;
    PADDING-LEFT: 0.1em;
    MARGIN-BOTTOM: 5px;
    PADDING-BOTTOM: 5px;
    BORDER-LEFT: #0033ff 3px solid;
    MARGIN-LEFT: 3px;
    COLOR: #000000;
    MARGIN-RIGHT: 0;
    PADDING-TOP: 0.1em;
    BORDER-BOTTOM: #000000 3px solid;
    FONT-FAMILY: Verdana,sans-serif;
    WHITE-SPACE: nowrap;
    /*HEIGHT: 1.1em;
    FONT-WEIGHT: bold;
    FONT-SIZE: 0.65em;*/
    BACKGROUND-COLOR: #d1d1d1;
    TEXT-ALIGN: center;
    TEXT-DECORATION: none;
    FONT-SIZE:.65em;
    HEIGHT: 2em;
}
.Link_Buttons A:hover
{
    BORDER-TOP-WIDTH: 3px;
    BORDER-LEFT-WIDTH: 3px;
    FONT-SIZE: .65em;
    BORDER-LEFT-COLOR: #0033ff;
    BACKGROUND: black;
    BORDER-BOTTOM-WIDTH: 3px;
    BORDER-BOTTOM-COLOR: #0033ff;
    COLOR: white;
    BORDER-TOP-COLOR: #0033ff;
    FONT-FAMILY: Verdana,sans-serif;
    BORDER-RIGHT-WIDTH: 3px;
    BORDER-RIGHT-COLOR: #0033ff;
}
#centeredmenu
{
    BACKGROUND: #fff;
    FLOAT: left;
    OVERFLOW: hidden;
    WIDTH: 100%;
    BORDER-BOTTOM: #000 4px solid;
    POSITION: relative;
}
.PicButton{padding:15px 15px;background:#4479BA;color:#FFF!important;}
.tc{text-align:center}.b{font-weight:bold}.chalk{color:#fff}

.BottomInsertFontSize {
	CLEAR: both;
	font-size: 0.65em; 
	color: white;
	FONT-FAMILY: Verdana, Helvetica, sans-serif;
}

#email  {
	width: 100%; /*Dlugosc search field*/
	background: #fff;
	color: inherit;
	letter-spacing: 1px;
	text-indent: 0.15em;
	FONT-FAMILY: Verdana, Helvetica, sans-serif;
	BORDER-RIGHT-WIDTH: 3px;
	font-size:1.1em; 
	font-weight: bold;
	Height:2.05em;
	position:relative;
}

#Blockkk {
	width: 25em;/*Dlugosc search field*/
  	background: #fff;
     	COLOR: #081d52;
	BORDER-BOTTOM: 0; 
}

.buttonHeight {
	font-size: 0.85em; /*Drop Down Menu*/
	width: 4em;
	box-sizing: border-box;
	text-align: left;
	vertical-align: middle;
	cursor: pointer;
	font-weight: bold;
}

#submit1 {
	BORDER: #00FF00 3px solid;
	width: 5.5em;
	height: 3.5em; /* Submit buttond height*/
	font-family:Verdana;
	COLOR: inherit;
	letter-spacing: 1px;
	float: right;
	margin: 0;
	padding: 0;
	cursor: pointer;
	transition: background .9s ease-in-out;
	text-align:center;
	transition-duration: .9s;
	transition-timing-function: ease-in-out;
	transition-property: box-shadow, color;
	box-shadow: 0 .05em .25em 0 rgba(0, 0, 0, .0);
}
#submit2 {
	width: 5em;
	height: 3.5em; /* Submit buttond height*/
	font-family:Verdana;
	COLOR: inherit;
	letter-spacing: 1px;
	float: right;
	margin: 0;
	padding: 0;
	cursor: pointer;
	transition: background .9s ease-in-out;
	text-align:center;
	transition-duration: .9s;
	transition-timing-function: ease-in-out;
	transition-property: box-shadow, color;
	box-shadow: 0 .05em .25em 0 rgba(0, 0, 0, .0);
}
#submit3 {
	width: 5em;
	height: 3.5em; /* Submit buttond height*/
	font-family:Verdana;
	COLOR: inherit;
	letter-spacing: 1px;
	float: right;
	margin: 0;
	padding: 0;
	cursor: pointer;
	transition: background .9s ease-in-out;
	text-align:center;
	transition-duration: .9s;
	transition-timing-function: ease-in-out;
	transition-property: box-shadow, color;
	box-shadow: 0 .05em .25em 0 rgba(0, 0, 0, .0);
}
  
#submit1:hover  {
	background: #000;
	transition-duration: .9s;
	color: white;
}
#submit2:hover  {
	background: #000;
	transition-duration: .9s;
	color: white;
}
#submit3:hover  {
  background: #000;
 transition-duration: .9s;
  color: white;
}
.SearchResults {padding-left:.1em; padding-right: .1em;}

/*Display Page*/
#picturesColumnRight {
position:relative; 
overflow:hidden; 
float: right;
width: 9.25em;
}
/*Display Page End*/
 /*Default Page Start XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX*/   
 

    /*Default Page Start XXXXXXX*/
 /*#ciusLogo {
            width: 600px;
            height: auto;
  background-image: url('1_ZZZimages/CIUS_Logo_CMYK_Blue_EngUkr_600.png');
            background-size: contain;
            background-repeat: no-repeat;
            background-position: center;
} */

 /* Center the div with id ciusLogo */

 #ciusLogo {   
display: flex;    
justify-content: center;    
align-items: center;  }
  
/* Center the div with id malyObraz */
  #malyObraz {    
display: flex;    
justify-content: center;    
align-items: center;  }  

/* Center the div with id duzyObraz */  
#duzyObraz {    
display: flex;    
justify-content: center;    
align-items: center;  }

.leftcol{
CLEAR: both;
	/*background: green;*/
	Float:left;
	width:20%;
}

.paragraphDonorSryle
{

    PADDING-RIGHT: 0px;
    PADDING-LEFT: 0px;
    FONT-WEIGHT: 500;
    FONT-SIZE: 1.2em;
    PADDING-BOTTOM: 10px;
    PADDING-TOP: 10px;
    FONT-STYLE: normal;
    FONT-FAMILY:'Times New Roman',  'Palatino Linotype', 'Book Antigua',  'Arial Unicode MS', Verdana, 'Lucida Sans Unicode', 'Arial Narrow', Tahoma, Arial, sans-serif, serif;
    FONT-VARIANT: normal;
color: black;
text-align: justify;
}
.paragraphFrontPageA
{

    PADDING-RIGHT: 65px;
    PADDING-LEFT: 215px;
    FONT-WEIGHT: 500;
    FONT-SIZE: 1.2em;
    PADDING-BOTTOM: 10px;
    PADDING-TOP: 10px;
    FONT-STYLE: normal;
    FONT-FAMILY:'Times New Roman',  'Palatino Linotype', 'Book Antigua',  'Arial Unicode MS', Verdana, 'Lucida Sans Unicode', 'Arial Narrow', Tahoma, Arial, sans-serif, serif;
    FONT-VARIANT: normal;
color: black;
text-align: justify;
}
.paragraphDIV {
    PADDING-RIGHT: 65px;
    PADDING-LEFT: 15px;
    FONT-WEIGHT: 500;
    FONT-SIZE: 1.2em;
    PADDING-BOTTOM: 10px;
    PADDING-TOP: 10px;
    FONT-STYLE: normal;
    FONT-FAMILY:'Times New Roman',  'Palatino Linotype', 'Book Antigua', 'Arial Unicode MS', Verdana, 'Lucida Sans Unicode', 'Arial Narrow', Tahoma, Arial, sans-serif, serif;
    FONT-VARIANT: normal
color:black;
text-align: justify;
}

.paragraph {
color: black;
 PADDING-RIGHT: 65px;
    PADDING-LEFT: 15px;
    FONT-WEIGHT: 500;
    FONT-SIZE: 1.2em;
    PADDING-BOTTOM: 10px;
    PADDING-TOP: 10px;
    FONT-STYLE: normal;
    FONT-FAMILY: 'Times New Roman', 'Palatino Linotype', 'Book Antigua', 'Arial Unicode MS', Verdana, 'Lucida Sans Unicode', 'Arial Narrow', Tahoma, Arial, sans-serif, serif;
    FONT-VARIANT: normal
}
.paragraphSymetric {
     color: black;
     PADDING-RIGHT: 0 px;
    PADDING-LEFT: 0 px;
    FONT-WEIGHT: 500;
    FONT-SIZE: 1.0em;
    PADDING-BOTTOM: 10px;
    PADDING-TOP: 10px;
    FONT-STYLE: normal;
    FONT-FAMILY: 'Times New Roman', 'Palatino Linotype', 'Book Antigua', 'Arial Unicode MS', Verdana, 'Lucida Sans Unicode', 'Arial Narrow', Tahoma, Arial, sans-serif, serif;
    FONT-VARIANT: normal
}
.paragraphSymetric25px {
     color: black;
     PADDING-RIGHT:25px;
    PADDING-LEFT: 25px;
    FONT-WEIGHT: 500;
    FONT-SIZE: 1.0em;
    PADDING-BOTTOM: 10px;
    PADDING-TOP: 10px;
    FONT-STYLE: normal;
    FONT-FAMILY: 'Times New Roman', 'Palatino Linotype', 'Book Antigua', 'Arial Unicode MS', Verdana, 'Lucida Sans Unicode', 'Arial Narrow', Tahoma, Arial, sans-serif, serif;
    FONT-VARIANT: normal
}
.paragraphLeftRight{
     PADDING-RIGHT: 3 px;
    PADDING-LEFT: 3 px;
  PADDING-BOTTOM: 0px;
    PADDING-TOP: 0px;
FONT-FAMILY: 'Times New Roman', 'Palatino Linotype', 'Book Antigua', 'Arial Unicode MS', Verdana, 'Lucida Sans Unicode', 'Arial Narrow', Tahoma, Arial, sans-serif, serif;
    FONT-VARIANT: normal

}
Font_Times_New_Roman {
    PADDING-RIGHT: 15px;
    PADDING-LEFT: 215px;
    FONT-WEIGHT: 500;
    FONT-SIZE: 1.2em;
    PADDING-BOTTOM: 10px;
    PADDING-TOP: 10px;
    FONT-STYLE: normal;
    FONT-FAMILY: 'Times New Roman','Palatino Linotype', 'Book Antigua', 'Arial Unicode MS', Verdana, 'Lucida Sans Unicode', 'Arial Narrow', Tahoma, Arial, sans-serif, serif,!Important;
    FONT-VARIANT: normal;
     color: black;
    text-align: justify;

}

.rozmiar50
{
    FONT-SIZE: 100%
}
.rozmiar150
{
    FONT-SIZE: 165%
}
.FontSizeMobile {
    FONT-SIZE: 100%;
}

.padingHistoryLand
{
	PADDING-RIGHT: 22px;
	PADDING-LEFT: 16px;
}

.padingHistoryLandDefaultPage
{
	PADDING-RIGHT: 22px;
	PADDING-LEFT: 16px;
}
.paddingTop {
	PADDING-TOP: 20px;
}
.IMG_Menu
{
    BORDER-RIGHT: black thin solid;
    BORDER-TOP: black thin solid;
    VISIBILITY: visible;
    OVERFLOW: auto;
    BORDER-LEFT: black thin solid;
    WIDTH: 100px;
    BORDER-BOTTOM: black thin solid
}

 /*Default Page End*/   
/*CSS Large Screen*/

.SearchPosition {
	float: right;
	position:absolute; 
	top: 138px; 
	right: 0;
  	align-items: center;
}
.input {
	CLEAR: both;
  	display: flex;
  	align-items: center;
}
#largeMenu  {
	CLEAR: both;
	margin: 0;
	padding: 0;
	position:absolute; 
	top: 0; 
	right: 0;
	/*width: 260 px;
	height: 2em;*/
}
#largeMenu ul {
   	LIST-STYLE-TYPE: none;	
}
#largeMenu ul li {
	CLEAR: both;	
	position:relative;
}
#largeMenu ul li a {
	width: 9em; 
	height: 2.4em;
}
#MobileOneLineMenu1  { 
	CLEAR: both;
	visibility: hidden;
	text-decoration: none;
 	color: #000066;
	font-size: 0; /*Make invisible on Large screen*/
	height:0;
	border: 0;
	Margin-right: 1em;
}
#MobileOneLineMenu2 {
CLEAR: both;
	visibility: hidden;
	text-decoration: none;
 	color: #000066;
	font-size: 0;
	height: 0; /*Make invisible on Large screen*/
	border: 0;	
	Margin-right: 1em;
}
.lower{
	bottom: 0;
	Right: 0;
}
.ChevronBig {font-size:160%;margin-top:2em; margin-left:2em;margin-right:2em;margin-bottom:4em; }
/*End CSS Large Screen*/

#ciusLogo {
        width: 150px;
    }

    #LargeImage {
        display: none;
    }

    #smallImage {
        display: block;
    }

.Paragraph_Donor {
    text-align: justify; /* Justify the text */
    letter-spacing: normal; /* Normal letter spacing */
    word-spacing: normal; /* Normal word spacing */
    margin: 20px; /* Add some margin to the container */
FONT-FAMILY: 'Times New Roman','Palatino Linotype', 'Book Antigua',  'Arial Unicode MS', Verdana, 'Lucida Sans Unicode', 'Arial Narrow', Tahoma, Arial, sans-serif, serif;
COLOR: black;
word-spacing: 0px;
FONT-WEIGHT: 300;
}

/*XXXXXXXXXXXXXXXXXXXX Statr Small SCREEN   770 PX   XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX*/

@media only screen and (min-width:770px) {

 #ciusLogo {
        width: 150px;
    }

    #LargeImage {
        display: none;
    }

    #smallImage {
        display: block;
    }
}

H1
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 1.3em;
    MARGIN-BOTTOM: 0.68em;
    WORD-SPACING: 0.1em;
    COLOR: #081d52;
    FONT-FAMILY:'Times New Roman',  Georgia, serif;
    LETTER-SPACING: 2px
}
.textLeftPlain{text-align:left; margin-left:6em; margin-right:6em; }

.paragraphCenterDiV {
    PADDING-RIGHT: 25px;
    PADDING-LEFT: 25px;
    FONT-WEIGHT: 500;
    FONT-SIZE: 1.2em;
    PADDING-BOTTOM: 10px;
    PADDING-TOP: 10px;
    FONT-STYLE: normal;
    FONT-FAMILY:'Times New Roman',  'Palatino Linotype', 'Book Antigua', 'Arial Unicode MS', Verdana, 'Lucida Sans Unicode', 'Arial Narrow', Tahoma, Arial, sans-serif, serif;
    FONT-VARIANT: normal
}

#MobileFullMenu a {
          	position:relative;
         	right: 0;
	font-size: 0;
	display: none;
 }
.SearchPosition {
	CLEAR: both;
	float: right;
	position: absolute; 
	top: 138px; 
	right: 0;
  	align-items: center;
}
.buttonHeight {
	font-size: 0; /*Drop Down Menu*/
	height: 0;
	width: 0;
	Margin: 0;
	padding: 0;
	display: inline;
	display: none;
	background: transparent;
	CLEAR: both;
}

.buttonWidth {
	width: 0;
	height: 0;
	font-size: 0;
	Margin: 0;
	padding: 0;
	background: transparent;
	display: inline;
	CLEAR: both;
	display: none;
}
.float90 { Float:left; width:93.80%;
}
main {
    	WIDTH: 100%;
	/*BACKGROUND-IMAGE: url(/images/NewIronTransparent50.png);*/
	/*BACKGROUND-POSITION: 100% 2%;*/
}
.lower{
	bottom: 0;
	Right: 0;
}
.PicAdjust
{
    BORDER-RIGHT: black thin solid;
    BORDER-TOP: black thin solid;
    VISIBILITY: visible;
    OVERFLOW: auto;
    BORDER-LEFT: black thin solid;
    WIDTH: 150px;
    BORDER-BOTTOM: black thin solid
}
.displayPicWidth {  width: auto; }
.DoonorPadding {margin-left:5em; margin-right:5em;}
.advancedTableWidth {width:100%;} 
.ChevronBig {font-size:160%;margin-top:2em; margin-left:2em;margin-right:2em;margin-bottom:4em; }
.EditorsTable {width:400px;}
.SearchResults {padding-left:5em; padding-right: 5em;}

}/*xxxxxxxxxxxxxxxxEND MIN WIDTH 770____________________xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx*/

/*New CCS*/
 body, html {
      margin: 0;
      padding: 0;
      box-sizing: border-box;
    }
    nav, article, section, header, footer {
      display: block;
    }

    body {
      font-family: Arial, sans-serif;

      /*background-color: #081d52;*/ /* Dark Blue for Margins */
     background-color: <%=Session("BackgroundColor")%>;
      transition: width 0.3s ease;
      color: #ffffff; /* Set default text color to white for better contrast */
    }
 .content {
            width: <%=Session("PagePercentWidth")%>%;
            margin: 0 auto;
        }
/* Mobile override to display in cell phones 100% width */
@media (max-width: 770px) {
    .content {
/*MAY_12 CONFLICT-13: .content width is set from Session("PagePercentWidth") here in the external CSS AND also in two separate inline <style> blocks in the ASP file (around lines 449 and 487 of the ASP). All three produce the same output but the duplication means maintenance changes must be made in three places. Fix: keep only one definition (preferably here in external CSS) and remove the duplicates from the ASP inline style blocks. */
        width: 100% !important;
        margin: 0 !important;
    }

    #MobileMenuLineOne,
    #MobileMenuLineTwo {
        width: 100% !important;
        display: block;
    }
}

.leftButtons {
            width: 80px;
            height: 21px;
            margin: 1px;
        }

    .containerWholeBody {
      max-width: 100%;
/*MAY_12 CONFLICT-5: .containerWholeBody background-color is hardcoded to #081d52. JS never updates .containerWholeBody when Color button is toggled. The outer container always stays dark blue even in white theme. Fix: set background-color from Session("BackgroundColor") or add containerWholeBody to the JS applyCurrentThemeStyles() and applyUI() update lists. */
      margin: 0 auto;
      padding: 0px;
      background-color:  #081d52; /* White background for the main content */
      color: #000000; /* Black text for high contrast */
      text-align: center;
      font-size: 10px; /* Default font size */
    }
    .logo-text {
/*MAY_12 CONFLICT-4: .logo-text color is #081d52 (dark blue) here in CSS. If background is also #081d52 (dark theme), logo text is INVISIBLE on initial page load before JS sets it to white. JS applyCurrentThemeStyles() and applyUI() correct this via inline style, but there is a flash-of-invisible-text on load. Fix: change CSS .logo-text color to white to match the dark theme default. */
    font-family: 'Roboto', 'Arial', 'Helvetica Neue', 'Helvetica', sans-serif;
    font-size: 23px;
    font-weight: bold;
    color: #081d52; /* Dark blue color for logo text */
}

    nav {
      width: 100%;
/*MAY_12 CONFLICT-2: nav font-size is set to 22px here in CSS (and nav a below). JS function adjustNavFontSize() also sets font-size via element.style (inline style), which overrides CSS. On initial page load before JS runs, the CSS 22px applies and may cause nav links to overflow at narrow widths. Fix: reduce CSS default nav font-size to a safe small value (e.g. 11px) so it does not overflow before JS corrects it. */
      background-color: #081d52; /* Dark blue */
      padding: 0px 0px; /* MAY_12 FIX cosmetic: reduced from 1px top+bottom to 0px - removes 2px total height */
border; 1px green;
/*MAY_12 CONFLICT-8: nav background-color is hardcoded to #081d52 here. JS never updates nav background-color when Color button toggles theme. Nav always stays dark blue even in white theme. If white theme should have white nav, add nav background-color to JS theme update functions. */
      text-align: center;
      font-family:  'Times New Roman','Arial', 'Verdana', sans-serif;
      font-size: 22px;
      box-shadow: 6px 2px 4px rgba(0, 0, 0, 0.1);
      margin-top: 0px; /* MAY_12 FIX cosmetic: reduced from 4px to 0px - removes 4px top gap */
      display: flex; /* Added: Use flexbox for horizontal alignment */
      justify-content: center; /* Nav element centered here horizontally */
order: 1px solid transparent; /* Default border, will be changed in JS */
transition: border 0.3s ease; /* Smooth transition for border changes */
    }
    nav a {
      margin: 0 0px;
      text-decoration: none;
      color: #ffffff; /* White text for links */
      font-size: 22px;
      padding: 0px 50px; /* Initial padding setup */
      transition: background-color 0.3s, color 0.3s;
    }
    nav a:hover {
      background-color: #ffffff; /* White background on hover */
      color: #081d52; /* Dark blue text on hover */
    }
    nav ul {
      list-style-type: none;
      margin: 0px;
      padding: 0px;
      display: none;
    }
    nav a:visited {
       color: #ADD8E6; /* Set text color to black */ /* Border light blue*/
    }

 @media (min-width: 3801px) {
            nav a {
                margin: 0 auto;
                font-size: 25px;
		justify-content: center; 
	    }
    nav a:visited {
       color: #ADD8E6; /* Set text color to black */ /* Border light blue*/
    }
	    }

@media (max-width: 3800px) {
            nav a {
                margin: 0 auto;
                font-size: 24px;
		justify-content: center; 
                }
    nav a:visited {
       color: #ADD8E6; /* Set text color to black */ /* Border light blue*/
    }
            }

@media (max-width: 1921px) {
            nav a {
                margin: 0 auto;
                font-size: 19px;
		justify-content: center; 
                }
    nav a:visited {
       color: #ADD8E6; /* Set text color to black */ /* Border light blue*/
    }
	    }

 @media (max-width: 1880px) {
            nav a {
                margin: 0 auto;
                font-size: 18px;
		justify-content: center; 
            }
    nav a:visited {
       color: #ADD8E6; /* Set text color to black */ /* Border light blue*/
    }
            }

 @media (max-width: 1720px) {
            nav a { 
 margin: 0 auto;
                font-size: 21px;
                padding: 7px 15px;
		justify-content: center; 
            }
    nav a:visited {
       color: #ADD8E6; /* Set text color to black */ /* Border light blue*/
    }
            }
 @media (max-width: 1760px) {
            nav a {
                margin: auto;
                font-size: 15px;
                padding: 2px 14px;
		justify-content: center; 
            }
    nav a:visited {
       color: #ADD8E6; /* Set text color to black */ /* Border light blue*/
    }
            }
@media (max-width: 1540px) {
            nav a {
                margin: 0 auto;
                font-size: 19px;
                /*padding: 5px 13px;*/
		justify-content: center; 
            }
    nav a:visited {
       border: 1px #ADD8E6; /* Border light blue*/
    }
            }
@media (max-width: 1480px) {
            nav a {
             margin: 0 auto;
                font-size: 18px;
                /*padding: 5px 12px;*/
		justify-content: center; 
            }
    nav a:visited {
       border: 1px #ADD8E6; /* Border light blue*/
    }		
            }
		
@media (max-width: 1420px) {
            nav a {
                margin: 0 auto;
                font-size: 17px;
                /*padding: 4px 10px;*/
		justify-content: center; 
            }
    nav a:visited {
       border: 1px #ADD8E6; /* Border light blue*/
    }
bSize {
    BORDER-RIGHT: #f2d869 5px outset;
    BORDER-TOP: #f2d869 5px outset;
    FONT-SIZE: 10px;
    BORDER-LEFT: #f2d869 5px outset;
    WIDTH: 45px;
    BORDER-BOTTOM: #f2d869 5px outset;
    BORDER-COLLAPSE: collapse;
    HEIGHT: 38px;
    border-spacing: 0;
}
            }

@media (max-width: 1320px) {
            nav a {
                margin: 0 auto;
                font-size: 16px;
                /*padding: 2px 10px;*/
		justify-content: center; 
               }
    nav a:visited {
       color: #ADD8E6; /* Set text color to black */ /* Border light blue*/
             }
bSize {
    BORDER-RIGHT: #f2d869 5px outset;
    BORDER-TOP: #f2d869 5px outset;
    FONT-SIZE: 10px;
    BORDER-LEFT: #f2d869 5px outset;
    WIDTH: 45px;
    BORDER-BOTTOM: #f2d869 5px outset;
    BORDER-COLLAPSE: collapse;
    HEIGHT: 38px;
    border-spacing: 0;
}

            }
@media (max-width: 1220px) {
            nav a {
                 margin: 0 auto;
                font-size: 15px;
                /*padding: 2px 9px;*/
		justify-content: center; 
            }
    nav a:visited {
       color: #ADD8E6; /* Set text color to black */ /* Border light blue*/
           }
bSize {
    BORDER-RIGHT: #f2d869 5px outset;
    BORDER-TOP: #f2d869 5px outset;
    FONT-SIZE: 10px;
    BORDER-LEFT: #f2d869 5px outset;
    WIDTH: 45px;
    BORDER-BOTTOM: #f2d869 5px outset;
    BORDER-COLLAPSE: collapse;
    HEIGHT: 38px;
    border-spacing: 0;
}
            }
@media (max-width: 1100px) {
            nav a {
                 margin: 0 auto;
                font-size: 11px;
                /*padding: 2px 2px;*/
		justify-content: center; 
            	}
    		nav a:visited {
       		color: #ADD8E6; /* Border light blue*/
    		}
           bSize {
                BORDER-RIGHT: #f2d869 5px outset;
                BORDER-TOP: #f2d869 5px outset;
               FONT-SIZE: 10px;
               BORDER-LEFT: #f2d869 5px outset;
               WIDTH: 45px;
               BORDER-BOTTOM: #f2d869 5px outset;
               BORDER-COLLAPSE: collapse;
               HEIGHT: 38px;
               border-spacing: 0;
               }

 }
/* ------------------------------------------ LOGO CONTROL----------*/

@media (max-width: 1199px) {
    #ciusLogo {
        width: 150px;
    }

    #duzyObraz {
        display: none;
    }

    #malyObraz {
        display: block;
    }

}

@media (min-width: 1200px) {
   #ciusLogo {
        width: 500px;
    }

    #duzyObraz {
        display: block;
    }

    #malyObraz {
        display: none;
    }

}

@media (max-width: 800px) {
	nav a {
	 margin: 0 auto;
       font-size: 10px;
	    /*padding: 2px 2px;*/
		justify-content: center; 
	    }
    nav a:visited {
       color: #ADD8E6; /* Border light blue*/
    }
	    }
 @media (max-width: ZZZ_740px) {
	nav a {
	  margin: 0 auto;
	font-size: 8px;
	 /*padding: 2px 2px;*/
		justify-content: center; 
	   }
    nav a:visited {
       color: #ADD8E6; /* Set text color to black */ /* Border light blue*/
    }
	   }
@media (max-width: ZZZ_680px) {
	nav a {
	 margin: 0 auto;
	font-size: 11px;
	/* padding: 1px 1px;*/
		justify-content: center; 
	   }
    nav a:visited {
       color: #ADD8E6; /* Set text color to black */ /* Border light blue*/
    }
	   }  

      .hamburger {
      display: flex; /* Align items horizontally */
      flex-direction: row; /* Align items horizontally */
      cursor: pointer;
      font-size: 12px;
      color: white;
      padding: 0px; /* Padding of whole MobileMenuLineOne */ 
      justify-content: space-between; /* Distribute space between items */
    }
    #MobileMenuLineOne {
      display: none; /* Initially hidden */
      flex-direction: row; /* Align items horizontally */
      background-color: #ffffff; /* White background */
      overflow: hidden; /* Clear floats */
      border: 1px solid black; /* Border */
      width: 100%; /* Full width */
    }
    #MenuOneLeft {
      flex: 1; /* Allow to grow equally */
      text-align: left; /* Left justification */
      color: black; /* Set text color to black */
      padding-top: 3px; /* Add some padding */
      font-weight: 700; /* Bold text */
      padding-left: 13px; /* Left padding */
    }
    #smallLogoMobile {
      display: flex; /* Show on small screens */
      justify-content: center; /* Centering the logo horizontally */
      align-items: center; /* Centering the logo vertically */
      flex: 1; /* Allow to grow equally */
      padding-left: 7px; /* Left padding */
    }
    #smallLogoMobile img {
      width: 19px; /* Maintain original width */
      height: auto; /* Maintain original height */
      max-height: 25px; /* Limit height for better layout */   
    }
    #MenuOneRight {
      flex: 1; /* Allow to grow equally */
      text-align: right; /* Right justification */
      color: black; /* Set hamburger icon color to black */
      padding-top: 1.5px; /* Add some padding */
      font-weight: 500; /* Regular weight for the hamburger icon */
      padding-right: 12px; /* Left padding */
    }
    #MobileDropDownMenu {
      display: none; /* Initially hidden */
      left: 0;
      background-color: #081d52; /* Dark blue */
      border: 2px solid white; /* White border */
      color: white; /* White text */
      text-align: left; /* Left justification */
      width: calc(100% - 0px); /* Adjust width to be flexible */
    }
    #MobileDropDownMenu ul {
      list-style-type: none;
      padding: 0;
    }
    #MobileDropDownMenu li {
      padding: 10px;
      border-bottom: 1px solid white; /* White horizontal border between items */
    }
    #MobileDropDownMenu li a {
      color: white; /* White text for links */
      text-decoration: none;
    }
    #MobileLineTwo {
      display: flex; /* Set to flex to center items */
      justify-content: center; /* Center the text */
      align-items: center; /* Centering vertically */
      margin-top: 2px; /* Position below MobileDropDownMenu */
      text-align: center; /* Center the text */
      border-bottom: 1px solid black;
    }
    #LargeMenu {
      display: block; /* Show large menu on load */
    }
    #searchForm {
      text-align: center;
      margin-top: 10px;
      margin-bottom: 10px;
    }

/*  Navigotional Menu Input in Form with ID "InpTerm"  Fild Width and Hight*/
    #InpTerm {
      padding: 15px;
      width: 320px;
      font-size: 16px;
      font-weight: bold;
border:solid 1px  #081d52;
height: 20px;/* Hight of Input field id="InpTerm" type="text" name="Textalpha"*/
    }
.inputButtonA {
  padding: 0;
  margin: 1px;
  font-size: 14px;
  width: 40px;
  height: 28px;
  line-height: 28px;

  font-family: 'Times New Roman', Arial, Verdana, sans-serif;
  text-align: center;

  color: #ffffff;
  background: linear-gradient(to bottom, #0a2a6b, #081d52);

  border: 1px solid #081d52;
border-radius: 3px; /*    Optional */

  /* triple-layer border system (always visible) */
  box-shadow:
    0 0 0 1px #ffffff,
    0 0 0 2px #081d52,

    /* subtle depth */
    inset 0 1px 0 rgba(255,255,255,0.25),
    inset 0 -1px 0 rgba(0,0,0,0.25);

  transform: translateY(1px);

  cursor: pointer;
  transition: all 0.15s ease;
}
.inputButtonA:hover {
  background: #ffffff;
  color: #081d52;

  box-shadow:
    0 0 0 1px #ffffff,
    0 0 0 2px #081d52,
    inset 0 1px 2px rgba(0,0,0,0.1);
}
.inputButtonA:active {
  transform: translateY(2px); /* slight press */
  
  box-shadow:
    0 0 0 1px #ffffff,
    0 0 0 2px #081d52,
    inset 0 2px 4px rgba(0,0,0,0.35);
}
.inputButtonA.clicked {
  animation: lightBlueFlash 1.5s ease;
}

@keyframes lightBlueFlash {
  0% {
    background: #5aa9ff;
    color: #ffffff;
  }
  100% {
    background: linear-gradient(to bottom, #0a2a6b, #081d52);
    color: #ffffff;
  }
}

    .inputButtonMobile { /* Original button styles for MobileLineTwo */
      padding: 3px 2px;
      margin-right: 1px;
      margin-left: 1px;
      font-size: 12px;
      width: 32px; /* Width of submit buttons */
      background-color: #081d52; /* Different color for MobileLineTwo */
      color: #ffffff; /* White text */
      font-family: 'Times New Roman', Arial, Verdana, sans-serif;
      text-align: center;
      border: none;
      cursor: pointer;
      transition: background-color 0.3s, color 0.3s;
    }
    .inputButtonMobile:hover {
      background-color: #ffffff; /* White background */
      color: #081d52; /* Dark blue text */
    }
.custom-input {
    border: 2px solid darkblue;
height: 18px; 
      font-size: 16px;
      font-weight: bold;
    padding: 8px;
width: width: 320px;
    outline: none; /* Keeps it clean */
  }

  .custom-input:focus {
    border-color: #081d52;
    box-shadow: 0 0 8px rgba(0, 0, 139, 0.5);
  }
/*</style>*/

    #MenuOneLeft.menuOpen {
      color: red; /* Change to red when MobileDropDownMenu is open */
    }
    #MenuOneRight.open {
      color: red; /* Red color when MobileDropDownMenu is open */
    }
    h1 {
      word-wrap: break-word; /* Allow breaking the line if the text is too long */
      margin: 8px 0; /* Add some margin above and below */
    }
    #LineOne, #LineTwo, #LineThree {
      display: block; /* Make sure these are visible on load */
    }
    
  .leftButtons { /* Original button styles for leftButtons */
      padding: 3px 2px;
      margin-right: 1px;
      margin-left: 1px;
      margin-bottom: 5px; /* Fixed missing semicolon */
      border: 1px solid gray; /* JUN_04 FIX: changed from black to gray to match dark theme default */
      font-size: 10px;
      font-weight: 700; /* Regular weight for the hamburger icon */
      width: 30px; /* Width of submit buttons */
/*MAY_12 CONFLICT-6 JUN_04 FIXED: .leftButtons CSS now defaults to #081d52/gray to match dark theme. JS revertOriginalStyle() overrides to white when 100% width + white background. */
      background-color: #081d52; /* JUN_04 FIX: changed from white to #081d52 to match dark theme default */
      color: gray; /* JUN_04 FIX: changed from black to gray to match dark theme default */
      font-family: 'Times New Roman', Arial, Verdana, sans-serif;
      text-align: center;
      cursor: pointer;
    }

 .AadvancedGoogleWidth {width:655px;} /* Width of Google search input in advanced.asp when on mobile */
 
    .button1, .button2, .button3 {
      transition: background-color 0.3s, color 0.3s, border-color 0.3s;
    }
  
    .button1:hover {
      border-color: #0066cc;
      /*color: #0066cc;*/
  color: blue;
    }
    .button2:hover {
      border-color: #ff6600;
      color: #ff6600;
    }
    .button3:hover {
      border-color: #33cc33;
      color: #33cc33;
    }
    
    /* Active styles for buttons */
    .active {
      border-color: gray;
      color: gray;
      background-color: #081d52; /* Active background */
    }
    }
 /*To hide labels on Search Input on top and Index buttons at the end of display pages page*/ 
.visuallyhidden {
  border: 0;
  clip: rect(0, 0, 0, 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absol  ute;
  width: 1px;
}

/*End New css*/

 /*xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxmax-width: 768pxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx*/ 

@media only screen and (max-width: 768px) {
 /*Default Page Mobile*/   

#ciusLogo {
        width: 150px;
    }

    #duzyObraz {
        display: none;
    }

    #malyObraz {
        display: block;
    }

html{
 	min-width: 100%;
}
body {
	FONT-SIZE: 100%;
	width:100%;
    	height: 100%;
    	margin: 0;
    	padding: 0;
    	overflow-x: hidden;
}
.OverFlowScroll{overflow-x:scroll}
/*Display Page*/
#picturesColumnRight {
	position:relative; 
	overflow:hidden; 
	float: right;
	width: 5.25em;
}
/*Display Page End*/

.leftcol{
	Float:none;
	width:100%;
 }
.paragraphFrontPageA
{
    PADDING-RIGHT: 1px;
    PADDING-LEFT: 1px;
    FONT-WEIGHT: 500;
    FONT-SIZE: 1.2em;
    PADDING-BOTTOM: 10px;
    PADDING-TOP: 10px;
    FONT-STYLE: normal;
    FONT-FAMILY: 'Times New Roman', 'Palatino Linotype', 'Book Antigua', 'Arial Unicode MS', Verdana, 'Lucida Sans Unicode', 'Arial Narrow', Tahoma, Arial, sans-serif, serif;
    FONT-VARIANT: normal;
color: black;
text-align: justify;

}
.r.rozmiar50
{
    FONT-SIZE: 120%
}ozmiar50
{
    FONT-SIZE: 100%
}

.rozmiar65
{
    FONT-SIZE: 120%
}
.rozmiar150
{
    FONT-SIZE:150%
}
.FontSizeMobile {
    FONT-SIZE: 108%;
}
.float90 { float: left; width:100%;
}
.padingHistoryLand {
	padding-left:.05em;
	padding-right:.05em;
color: black;
text-align: justify;

}
.padingHistoryLandDefaultPage {
    	Float:none; 
    	PADDING-RIGHT: 5px;
    	PADDING-LEFT: 5px;
    	display: inline-block;	
    	letter-spacing: 1px;
    	font-size: 65%;
    	vertical-align: middle;
    	width:100px;
FONT-FAMILY: Times New Roman'; 'Palatino Linotype', 'Book Antigua', 'Arial Unicode MS', Verdana, 'Lucida Sans Unicode', 'Arial Narrow', Tahoma, Arial, sans-serif, serif;
}
.thumbnail
{
   	BORDER-RIGHT: black thin solid;
    	BORDER-TOP: black thin solid;
    	BORDER-BOTTOM: black thin solid;
    	BORDER-LEFT: black thin solid;
    	Padding: 0 0 0 0;
    	VISIBILITY: visible;
    	OVERFLOW: auto;
    	WIDTH: 60px;
	
}
.thumbnailW {
    	BORDER-TOP: black thin solid;
	BORDER-RIGHT: black thin solid;
    	BORDER-BOTTOM: black thin solid;
    	BORDER-LEFT: black thin solid;
    	VISIBILITY: visible;
    	OVERFLOW: auto;
    	WIDTH: 70px;
}
.thumbnailWW {
    	BORDER-TOP: black thin solid;
	BORDER-RIGHT: black thin solid;
    	BORDER-BOTTOM: black thin solid;
    	BORDER-LEFT: black thin solid;
    	VISIBILITY: visible;
    	OVERFLOW: auto;
    	WIDTH: 80px;
}
.paddingTop {
 	PADDING-TOP: 20px;
}
.IMG_Menu {
    	BORDER-RIGHT: black thin solid;
    	BORDER-TOP: black thin solid;
    	VISIBILITY: visible;
    	OVERFLOW: auto;
   	 BORDER-LEFT: black thin solid;
    	WIDTH: 50px;
    	BORDER-BOTTOM: black thin solid
}
#main {
	CLEAR: both;
    	WIDTH: 100%;
	BACKGROUND-IMAGE: none;
}
.bannerBack {
    	CLEAR: both;
    	BACKGROUND:  #081d52 ;
    	height:auto;
   	 width:100%;
}
#MobileFullMenu {
	CLEAR: both;
	display: none;
	text-decoration: none;
 	color: #000066;
	font-size: 0;
	height: 0;
	/*margin-top: 0; *//*div overlap*/
}
#MobileFullMenu a {
	PADDING-LEFT: 1.3em;
}
#MobileFullMenu a:after {
          	position:absolute;
          	right:.5em;
          	content:"\203A";
          	font: bold 1.4em sans-serif;
        }

#largeMenu {
	CLEAR: both;
	display: none;
}

#hideTableInMainIndexWebPage {
	CLEAR: both;
	display: none;
}
#MobileOneLineMenu1  {
	CLEAR: both;
	Visibility: visible;
	font-size: 1.8em; /* font size and height interact on button hight */
	height: 2.6em; 
	font-weight: bold;
	COLOR: #081d52;	
	text-align: left;
	margin: 0;
	padding: 0;
	border: 0;
	margin-top: 0; /* div overlap add -1px if problem*/
	Margin-right: .64em;
}
#MobileOneLineMenu1 a {
	PADDING-LEFT: 1em;
}
#MobileOneLineMenu2 {
	CLEAR: both;
	Visibility: visible;
	font-size: 0;
	height: 0;
	COLOR: #081d52;
	text-align: left;
	margin-top: 0; /*div overlap -2px;*/
	Margin-right: .64em;
}
#MobileOneLineMenu2 a {
	PADDING-LEFT: 1em;
}
.buttonHeight {
	font-size: 1.2em; /*Drop Down Menu*/
	height: 2.6em;
	/*box-sizing: border-box;*/
	text-align: left;
	vertical-align: middle;
	cursor: pointer;
	font-weight: bold;
	COLOR: #081d52;
	MARGIN: 0 0 0 0;
	padding: 0 0 0 0;
}
.buttonHeightSub {
	font-size: 0.85em; /*Submit buttons*/
	height:3.6em;
	width: 4em;
	text-align: left;
	vertical-align: middle;
	cursor: pointer;
	font-weight: bold;
	COLOR: #081d52;
}

.buttonWidth {
	width: 100%;
}

.Link_Buttons A {
    	BORDER-TOP: #000000 1px solid;   
    	BORDER-RIGHT: #000000 1px solid;
    	BORDER-BOTTOM: #000000 1px solid; 
    	BORDER-LEFT: #000000 1px solid;   
    	PADDING-TOP: 0.5em;
    	PADDING-RIGHT: 0;
    	PADDING-BOTTOM: 0.1em;
    	PADDING-LEFT: 0;
    	MARGIN: 0 0 0 0;
    	DISPLAY: block;
    	FONT-WEIGHT: bold;
    	font-family: Verdana ;
   	FONT-SIZE: .65em;
   	TEXT-ALIGN: left;
   	TEXT-DECORATION: none;
   	COLOR: #081d52;
   	WHITE-SPACE: nowrap;
   	HEIGHT: 2em;       /* Wysokosc pierszego Menu */
   	width: 100%;
}
.Link_Buttons A:hover {
    	FONT-SIZE:.65em;
   	BORDER-COLOR: #000 #000 #000 #000;
   	BORDER-WIDTH: 0 0 0 0;
    	BACKGROUND: #070707;
    	COLOR: white;
    	FONT-FAMILY: Verdana,sans-serif;
}
.MenuPadding {
    	padding-left: 1em;
}
#MobileOneLineMenu1 A:after {
      	position: absolute;
     	right: .25em;  
      	top: -3px;
      	content:"\2261";
      	font-size:1.8em;
     	COLOR: #081d52;
}
#MobileOneLineMenu1 A:hover:after {
     	COLOR: white;
}
#MobileOneLineMenu2 A:after {
      	position: absolute;
     	 right: .25em;  
     	top: -3px;
      	content:"\2261";
     	 font-size:1.8em;
    	COLOR: yellow;
}

/*Search input*/
.SearchPosition {
	position:absolute;
	bottom: 0;
	left: 0;
	padding-right: 0;
	margin-right: 0;
	/*margin-top: px;*//*div overlap*/
}
#Blockkk {
	width: 100%;/*Dlugosc search field*/
	background: #fff;
	margin-left: 0;
	margin-right: 0;
	/*margin-top: -24px;* //*div overlap*/
	BORDER-BOTTOM: #000000 1px solid; 
	COLOR: #081d52;
}
input:focus {
	outline: none;
	outline: 1px solid #fff;
	box-shadow: 2px 2px 2px #000;
}
.button {
  	height: 2em;
}
#email {	/*Dlugosc search field*/
	background: #fff;
	font-family: inherit;
	COLOR: #081d52;
	letter-spacing: 1px;
	text-indent: 2%;
    	/*border-radius: 5px 0 0 5px;*/  /*Zaokraglenie text input z prawej strony*/
	font: 1.2em sans-serif; /*vielkosc textu*/
	border: 0;
	height: 1.8em;
	font-weight: bold;
	margin: 0 0 0 0;
	padding-right: 0;
}
#SearchFieldMobile {
	overflow: hidden; 
	margin: 0 0 0 0;
}
.SearchFloat {
	position:relative;
    	top: 0;
    	right: 0;
	margin-right: 0;
	/*margin-top: -24px;*/
  }
#submit1 {
	BORDER: #00FF00 2px solid;
	width: 5em;
	height: 3em; /* Submit buttond height*/
	font-family:Verdana;
	color: inherit;
	letter-spacing: 1px;
	float: right;
	margin: 0;
	padding: 0;
	cursor: pointer;
	transition: background .9s ease-in-out;
	text-align:center;
	transition-duration: .9s;
	transition-timing-function: ease-in-out;
	box-shadow: 0 .05em .25em 0 rgba(0, 0, 0, .0);
}
#submit2 {
	width: 5em;
	height: 3em; /* Submit buttond height*/
	font-family: Verdana;
	font-weight: bold;
	color: inherit;
	letter-spacing: 1px;
	float: right;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	cursor: pointer;
	transition: background .9s ease-in-out;
	text-align:center;
	transition-duration: .9s;
	transition-timing-function: ease-in-out;
	transition-property: box-shadow, color;
	box-shadow: 0 .05em .25em 0 rgba(0, 0, 0, .0);
}
#submit3 {
	width: 5em;
	height: 3em; /* Submit buttond height*/
	font-family: Verdana;
	color: inherit;
	letter-spacing: 1px;
	float: right;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	cursor: pointer;
	transition: background .9s ease-in-out;
	text-align:center;
	transition-duration: .9s;
	transition-timing-function: ease-in-out;
	transition-property: box-shadow, color;
	box-shadow: 0 .05em .05em 0 rgba(0, 0, 0, .0);
}
#submit1:hover  {
	background: #000;
	transition-duration: .9s;
	color: white;
}
#submit2:hover  {
	background: #000;
	transition-duration: .9s;
	color: white;
}
#submit3:hover  {
	background: #000;
	transition-duration: .9s;
	color: white;
}
.lower{
	margin-top: -24px;
	margin-right: 0;
}
.PicAdjust /*History Land pages*/
{
	BORDER-RIGHT: black thin solid;
	BORDER-TOP: black thin solid;
	VISIBILITY: visible;
	OVERFLOW: auto;
	BORDER-LEFT: black thin solid;
	WIDTH: 75px;
	BORDER-BOTTOM: black thin solid
}
.advancedTableWidth {width:100%;}

/*Search input end*/
.displayPicWidth {  width: 85%; }

.ChevronBig {font-size:140%;margin-top:.1em; margin-left:.1em;margin-right:.1em;margin-bottom:2em; }
.DoonorPadding {margin-left:.1em; margin-right:.1em;}
.EditorsTable {width:70%;}
.SearchResults {padding-left:.1em; padding-right: .1em;}
.paragraphCenterDiV {
    padding-left:.1em; 
    padding-right: .1em;
    FONT-WEIGHT: 500;
    FONT-SIZE: 1.2em;
    PADDING-BOTTOM: 10px;
    PADDING-TOP: 10px;
    FONT-STYLE: normal;
    FONT-FAMILY:'Times New Roman', 'Palatino Linotype', 'Book Antigua',  'Arial Unicode MS', Verdana, 'Lucida Sans Unicode', 'Arial Narrow', Tahoma, Arial, sans-serif, serif;
    FONT-VARIANT: normal
}
.textLeftPlain{text-align:left; margin-left:1em; margin-right:1em; }
H1
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 1.1em;
    MARGIN-BOTTOM: 0.68em;
    WORD-SPACING: 0.1em;
    COLOR: #081d52;
    FONT-FAMILY:'Times New Roman',  Georgia, serif;
    LETTER-SPACING: 1px
}

 /*Default Page Mobile End*/ 
}

 /*To hide labels on Search Input on top and Index buttons at the end of display pages page*/ 
.visuallyhidden {
  border: 0;
  clip: rect(0, 0, 0, 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}

.reset-style, .reset-style * {
        all: revert;
 all: unset;
    }
P                                                                                                              
{
    //PADDING: 1em 4em 1.5em 4em;
    WORD-SPACING: 0em;
    COLOR: black;
    LETTER-SPACING: 0em;
    TEXT-ALIGN: justify;
}
P                                                                                                            
{
   
/*MAY_12 CONFLICT-7: P { COLOR: red } appears here between two P { COLOR: black } rules. The final P rule (black) wins in the cascade, but this red rule is a debugging leftover that could cause paragraph text to appear red if the final rule is accidentally removed. Fix: remove this P { COLOR: red } block entirely. */
    COLOR: red;
    

    TEXT-ALIGN: justify;

}
P                                                                                                            
{WORD-SPACING: 0em;
    COLOR: black;
    LETTER-SPACING: 0em;
    TEXT-ALIGN: justify;

}

.Paragraph_A {
all: revert;
 all: unset;
color: red;
   PADDING-RIGHT: 65px;
    PADDING-LEFT: 15px;
    FONT-WEIGHT: 500;
    FONT-SIZE: 3.0em;
    PADDING-BOTTOM: 10px;
    PADDING-TOP: 10px;

    FONT-FAMILY: 'Times New Roman','Palatino Linotype', 'Book Antigua',  'Arial Unicode MS', Verdana, 'Lucida Sans Unicode', 'Arial Narrow', Tahoma, Arial, sans-serif, serif;
all: revert;

body {
    font-family: 'Times New Roman', Times, serif; /* Set font type */
    color: black; /* Set text color to black */
    line-height: 1.5; /* Adjust line height for better readability */
}

.Paragraph_Donor {
    text-align: justify; /* Justify the text */
    letter-spacing: normal; /* Normal letter spacing */
    word-spacing: normal; /* Normal word spacing */
    margin: 20px; /* Add some margin to the container */
FONT-FAMILY: 'Times New Roman','Palatino Linotype', 'Book Antigua',  'Arial Unicode MS', Verdana, 'Lucida Sans Unicode', 'Arial Narrow', Tahoma, Arial, sans-serif, serif;
COLOR: red;
word-spacing: 0px;
}

/* CIUS responsive SVG logo integration: isolated logo-only rules. */
.cius-logo__long {
    display: block;
    width: 100%;
    max-width: 550px;
    height: auto;
    margin: 0 auto;
}

.cius-logo__acronym,
.cius-logo__footer {
    max-width: 100%;
    height: auto;
}

@media print {
    .cius-logo__long,
    .cius-logo__acronym,
    .cius-logo__footer {
        max-width: none;
        -webkit-print-color-adjust: exact;
        print-color-adjust: exact;
    }
}

/* -------------------------------------------------------------------------
   PNG-ONLY CIUS RESPONSIVE LOGO OVERRIDE — DEFAULT PAGE ONLY
   This complete companion stylesheet is based on allMD_sEP_12_2026.TXT.
   It affects only the CIUS logo inside #ciusLogo on the default page.
   Wide screens show the long English/Ukrainian PNG logo.
   Screens 1199 px and narrower show the small CIUS acronym PNG logo.
   ------------------------------------------------------------------------- */
#ciusLogo {
    display: block !important;
    width: 100% !important;
    max-width: 550px !important;
    margin: 0 auto !important;
    padding: 0 !important;
    text-align: center !important;
}

#ciusLogo #duzyObraz {
    display: block !important;
    width: 100% !important;
    margin: 0 auto !important;
}

#ciusLogo #malyObraz {
    display: none !important;
}

#ciusLogo #largeImage {
    display: block !important;
    width: 100% !important;
    max-width: 550px !important;
    height: auto !important;
    margin: 0 auto !important;
    object-fit: contain !important;
}

#ciusLogo #smallImage {
    display: block !important;
    width: 150px !important;
    max-width: 100% !important;
    height: auto !important;
    margin: 0 auto !important;
    object-fit: contain !important;
}

@media screen and (max-width: 1199px) {
    #ciusLogo {
        width: 150px !important;
        max-width: 150px !important;
    }

    #ciusLogo #duzyObraz {
        display: none !important;
    }

    #ciusLogo #malyObraz {
        display: block !important;
        width: 150px !important;
        margin: 0 auto !important;
    }
}

@media print {
    #ciusLogo {
        width: auto !important;
        max-width: none !important;
    }

    #ciusLogo #duzyObraz {
        display: block !important;
    }

    #ciusLogo #malyObraz {
        display: none !important;
    }
}