html, body {
  height: 101%;
}

.wrapper {
  width: 100%;
  height: 90%;
  text-align: center;  
  background-color: #ffffff;
}

.box {
  display: inline-block;
  vertical-align: middle;
  height: 90%;
}

.content {
  background: #ffffff;
  height: auto;
}
body {
	margin-left: 0px;
	margin-top: 20px;
	margin-right: 0px;
	margin-bottom: 0px;
	background-color: #EBEBEB;
}
.style1 {
	font-family: Arial, Verdana, Helvetica;
	font-size: 65px;
}
body,td,th {
	font-family: Arial, Verdana, Helvetica;
	font-size: 13px;
	color: #000000;
}
a:link {
	color: #FFFFFF;
	text-decoration: none;
}
a:visited {
	text-decoration: none;
	color: #FFFFFF;
}
a:hover {
	text-decoration: none;
	color: #FFFF00;
}
a:active {
	text-decoration: none;
	color: #000099;
}
h1 {
	font-size: 36%;
}
h2 {
	font-size: 24px;
}
h3 {
	font-size: 18px;
}
h4 {
	font-size: 16px;
}
h5 {
	font-size: 14px;
}
h6 {
	font-size: 12px;
}
.baseStyles {
	margin: 0; padding: 0; border: none; width: 810px; background-color:#FFFFF4;
}
.scrolling { overflow: hidden; }
.other {
	margin-top: 20px;
	margin-bottom: 30px;
	-moz-border-radius: 6px; 
	-webkit-border-radius: 6px; 
	border-radius: 6px; 
	
	-moz-box-shadow: 1px 1px 6px #000; 
	-webkit-box-shadow: 1px 1px 6px #000; 
	box-shadow: 1px 1px 6px #000; 

	-moz-transform:rotate(0deg);
	-webkit-transform:rotate(0deg);
	-o-transform:rotate(0deg);
	-ms-transform:rotate(0deg);
	filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=.2);
}
.style2 {font-size: xx-small}
.style3 {color: #999999}
.style4 {color: #666666}
.style99 {font-family: Arial, Verdana, Helvetica; font-size: 12px; position:absolute; left:-7500px;}
.style100 {font-size: 14px}
.style102 {font-size: large}
.style103 {font-size: 16px}	
.style104 {font-size: 9px}
.style106 {font-size: 12px}
.style107 {font-size: 10px}
.style111 {font-size: 55px}
.style113 {font-size: 65px}
.style114 {color: #FB2C00}
.style115 {font-weight: bold}
.style116 {font-size: 24px}

.roundCorners1 {
background:#ffffff; border:1px solid #ffffff; -webkit-border-radius:30px; -moz-border-radius:30px; -ms-border-radius:30px; border-radius:30px; }
.roundCorners2 {
background:#ffffff; border:3px solid #010165; -webkit-border-radius:30px; -moz-border-radius:30px; -ms-border-radius:30px; border-radius:30px; }
.roundCorners3 {
border:3px solid #010165; -webkit-border-radius:30px; -moz-border-radius:30px; -ms-border-radius:30px; border-radius:30px; }
.roundCorners4 {
background:#010165; border:3px solid #010165; -webkit-border-radius:30px; -moz-border-radius:30px; -ms-border-radius:30px; border-radius:30px; }

.bgSizeContain {
  border:3px solid #010165; -webkit-border-radius:30px; -moz-border-radius:30px; -ms-border-radius:30px; border-radius:30px; 
  background-image: url(.././images/tocs/collage.webp);
  background-size: contain;
  background-repeat: repeat;
  width: auto;
  height: auto;
  resize: both;}
  
.image-fit {
  object-fit: contain;
}  
.btn {
  font-family: var(--button-font-family);
  font-size: var(--button-font-size);
  font-weight: var(--button-font-weight);
	text-decoration: none;
	cursor: pointer;
	display: inline-block;

  line-height: var(--button-line-height);
  padding: var(--button-padding-y) var(--button-padding-x);
	margin: 0;
	height: auto;

  border: var(--border-width) solid transparent;
	vertical-align: middle;

  -webkit-appearance: none;
	color: inherit;
	background-color: blue;
	padding: 3px;
}

.btn:hover {
  text-decoration: none;
}

.btn:focus {
  outline: none;
  border-color: var(--darken-2);
  box-shadow: 0 0 0 3px var(--darken-3);
}

::-moz-focus-inner {
  border: 0;
  padding: 0;
}

/* Dropdown Button */
.dropbtn {
  background-color: blue;
  color: white;
  padding: 6px;
  font-size: 13px;
  border: none;
  cursor: pointer;
}

/* Dropdown button on hover & focus */
.dropbtn:hover, .dropbtn:focus {
  background-color: #2980B9;
}

/* The container <div> - needed to position the dropdown content */
.dropdown {
  position: relative;
  display: inline-block;
}

/* Dropdown Content (Hidden by Default) */
.dropdown-content {
  display: none;
  position: absolute;
  background-color: #f1f1f1;
  min-width: 50px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 1;
}

/* Links inside the dropdown */
.dropdown-content a {
  color: black;
  padding: 2px 2px;
  text-decoration: none;
  display: block;
}

/* Change color of dropdown links on hover */
.dropdown-content a:hover {background-color: #ddd}

/* Show the dropdown menu (use JS to add this class to the .dropdown-content container when the user clicks on the dropdown button) */
.show {display:block;}


/* Dropdown Button 2 */
.dropbtn2 {
  background-color: blue;
  color: white;
  padding: 6px;
  font-size: 13px;
  border: none;
  cursor: pointer;
}

/* Dropdown button on hover & focus */
.dropbtn2:hover, .dropbtn2:focus {
  background-color: #2980B9;
}

/* The container <div> - needed to position the dropdown content */
.dropdown2 {
  position: relative;
  display: inline-block;
}

/* Dropdown Content (Hidden by Default) */
.dropdown2-content {
  display: none;
  position: absolute;
  background-color: #f1f1f1;
  min-width: 50px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 1;
}

/* Links inside the dropdown */
.dropdown2-content a {
  color: black;
  padding: 2px 2px;
  text-decoration: none;
  display: block;
}

/* Change color of dropdown links on hover */
.dropdown2-content a:hover {background-color: #ddd}

/* Show the dropdown menu (use JS to add this class to the .dropdown-content container when the user clicks on the dropdown button) */
.show {display:block;}

}