/* @import url(http://fonts.googleapis.com/css?family=Droid+Sans:400,700); */

/* body {
	background-color: #FFFFFF;
	margin: 0px;
	padding: 0px;
	border: #FFFFFF 0px solid;
} */

/* ========================================================================== */

/* ^^^ SEE CLASS "outer-background" BELOW */

body {
  -webkit-font-smoothing: antialiased;
  background-color: #efefef;
	margin: 0px;
	padding: 0px;
	border: #FFFFFF 0px solid;
  font-family: Lato, "Helvetica Neue", Helvetica, Arial, sans-serif;
	/* font-family: 'Ubuntu'; */
	color: #323232;
  font-size: 16px;
  line-height: 1.5;
  overflow-x: hidden;
}

/* ========================================================================== */

.faded-color {
  color: #2E2E2E !important;
}

/* ========================================================================== */

/* THE NEXT LINE CONTROLS THE FONT SIZE ON ALL PAGES */
/* it seems the code below is controling all the div's */

body, div, table {
	/* color: #000000; */
	color: #2E2E2E;
	font-family: "Droid Sans", Arial, Helvetica, Sans-Serif;
	/* font-family: "Ubuntu"; */
	font-size: 13px;
	font-weight: normal;
	line-height: 150%;
}

/* ========================================================================== */

/* PAGE FADE-IN CODE */

body, html {
	height: 100%;
}

/* ========================================================================== */

#fadediv {
	background-color: #FFFFFF; position: absolute; top: 0; left: 0; z-index: 22000; height: 100%; width: 100%;
}

/* ========================================================================== */

.page_title {
  color: #4C8AA0;
  font-weight: bold;
  font-size: 30px;
}

/* ========================================================================== */

.title {
	color: #000000;
	font: 25px "Droid Sans", arial, sans-serif;
	font-weight: 400;
	letter-spacing: -1px;
	line-height: normal;
}

/* ========================================================================== */

.title2 {
	color: #585858;
	font: 18px "Droid Sans", arial, sans-serif;
	font-weight: 400;
	letter-spacing: -1px;
	line-height: normal;
}

/* ========================================================================== */

.title3 {
	color: #585858;
	font: 22px "Droid Sans", arial, sans-serif;
	font-weight: 400;
	letter-spacing: -1px;
	line-height: normal;
}

/* ========================================================================== */

.title4 {
	color: #B22222;
	font: 18px "Droid Sans", arial, sans-serif;
	font-weight: 700;
	letter-spacing: -1px;
	line-height: normal;
}

/* ========================================================================== */

.subtitle {
	color: #604F3C;
	font: 18px "Droid Sans", arial, sans-serif;
	font-weight: 700;
	line-height: normal;
}

/* ========================================================================== */

.subtitle2 {
	color: #585858;
	font: 18px "Droid Sans", arial, sans-serif;
	font-weight: 700;
	line-height: normal;
}

/* ========================================================================== */

.smalltitle {
	color: #000000;
	font: 15px "Droid Sans", arial, sans-serif;
	font-weight: 700;
	line-height: normal;
}

/* ========================================================================== */

.smalltext {
	color: #645B50;
	font: 13px "Droid Sans", arial, sans-serif;
	font-weight: 400;
	padding-top: 5px;
	padding-bottom: 5px;
	line-height: normal;
}

/* ========================================================================== */

.companytitle {
	color: #000000;
	font: 15px "Droid Sans", arial, sans-serif;
	font-weight: 500;
	line-height: normal;
}

/* ========================================================================== */

/* input[type="date"],
input[type="time"] {
    width: 210px;
    height: 25px;
} */

/* ========================================================================== */

.font-size-1 {

}

/* ========================================================================== */

.error {
  color: #DF0101;
}

/* ========================================================================== */

.important_notification {
  color: #B40404;
}

/* ========================================================================== */

.img {
  border: 1px solid #B6B6B4;
}

/* ========================================================================== */

.center_img {
	display: block;
  margin-left: auto;
  margin-right: auto;
}

/* ========================================================================== */

.required {
  color: #DF0101;
  font-size: 17px;
}

/* ========================================================================== */

.welcome_staff {
  color: #99A3A4;
  font-size: 25px;
}

/* ========================================================================== */

.success {
  color: #DF0101;
  text-align: center;
  font-size: 17px;
}

/* ========================================================================== */

.tab_buffer {
	margin-bottom: 10px;
}

/* ========================================================================== */

.form_color {
  color: #F6E3CE;
}

/* ========================================================================== */

.disabled {
  color: #6E6E6E;
}

/* ========================================================================== */

.onehundtedwidth {
  width: 100%;
}

/* ========================================================================== */

.zerowidth {
  width: 0%;
}

/* ========================================================================== */

.frameborder-none {
  border-width: 0px;
}

/* ========================================================================== */

.frameborder {
  border-width: 1px;
}

/* ========================================================================== */

.iframe-scrolling-none {
  overflow:hidden !important;
}

/* ========================================================================== */

.iframe-scrolling {
  overflow:scroll !important;
}

/* ========================================================================== */

.allow-transparency-none {
  visibility: hidden !important;
}

.allow-transparency {
  visibility: visible !important;
}

/* ========================================================================== */

table, tr, td	{
	border-collapse: collapse; border-spacing: 0; margin: 0; padding: 0; border: 1;
}

/* ========================================================================== */

/* DEFAULTS - ALIGNMENT */

.td-right {
	text-align: right;
}

/* ========================================================================== */

.td-left {
	text-align: left;
}

/* ========================================================================== */

.td-center {
	text-align: center;
}

/* ========================================================================== */

.td-top	{
	vertical-align: top;
}

/* ========================================================================== */

.td-middle {
	vertical-align: middle;
}

/* ========================================================================== */

.td-bottom {
	vertical-align: bottom;
}

/* ========================================================================== */

.center-align	{
	text-align: center;
}

/* ========================================================================== */

.center-div	{
	margin-left: auto; margin-right: auto;
}

/* ========================================================================== */

.right-div {
	margin-left: auto; margin-right: 0;
}

/* ========================================================================== */

.left-div	{
	margin-left: 0; margin-right: auto;
 }

/* ========================================================================== */

.fullwidth {
	width: 100%;
}

/* ========================================================================== */

.halfwidth {
	width: 50%;
}

/* ========================================================================== */

.nobreak {
	white-space: nowrap;
}

/* ========================================================================== */

.just {
	text-align: justify;
}

/* ========================================================================== */

img {
	border: 0;
	max-width: 100%;
	height: auto;
}

/* ========================================================================== */

.blockimage	{
	display: block;
}

/* ========================================================================== */

.formmargin	{
	margin: 0px;
}

/* ========================================================================== */

/* NON-MENU LINK COLORS */

a:link, a:visited, a:active {
	color: #00659E; text-decoration: none;
}

/* ========================================================================== */

a:hover {
	color: #0099D8; text-decoration: underline;
}

/* ========================================================================== */

/* Disabled Link */

.isDisabled {
  opacity: 0.5; /* cursor: not-allowed; */
}

/* ========================================================================== */

a[aria-disabled="true"] {
  color: #A4A4A4;
  display: inline-block;  /* For IE11/ MS Edge bug */
  pointer-events: none;
  text-decoration: none;
}

/* ========================================================================== */

.div-1 strong {
	font-size: 13px;
}

/* ========================================================================== */

.div-1 {
	font-size: 11px;
}

/* ========================================================================== */

.divchk {
	height:25px;
}

/* ========================================================================== */

/* Title Code Removed From Here - 7/2/2021 */

.testimonial {
	color: #604F3C; font-family: "Droid Sans", arial, helvetica, sans-serif; font-size: 14px; font-weight: 700;
}

/* ========================================================================== */

/* .hilite { color: #FF0066; font-weight: 700; } */

.hilite	{
	color: #B40404; font-weight: 700;
}

/* ========================================================================== */

tr.bordered td {
  border-bottom: 1px solid #585858;
}

/* ========================================================================== */

/* REMOVES MARGINS ON HEADING TAGS (FOR SEO) */

h1, h2, h3, h4 {
	margin: 0px 0px 1px 0px;
}

/* ========================================================================== */

/* SERVICES LIST */

.list	{
	color: #000000;
	font-size: 15px;
	line-height: 150%;
	text-align: left;
	margin-top: 0px;
	margin-bottom: 0px;
}

/* ========================================================================== */

.floatlist {
	float: left; width: 50%; min-width: 200px;
}

/* ========================================================================== */

.list li {
	text-indent: 1px;
}

/* ========================================================================== */

/* PAGE & CONTENT HEIGHTS AND WIDTHS & PADDING */
/* NOTE: IF YOU CHANGE THE PAGE WIDTHS EDIT & TEST THE MEDIA QUERIES IN THE media-queries.css */

.pageheight	{
	min-height: 750px;
}

/* ========================================================================== */

#pagewrapper {
	width: 100%;
	min-width: 319px;
	text-align: center;
	margin: 0 auto;
}

/* ========================================================================== */

.pagebox {
	padding: 0px 0px 0px 0px;
	margin: 0 auto;
}

/* ========================================================================== */

#contentbox	{
	/* max-width: 855px; */
	max-width: 1400px;
	margin: 0 auto;
	padding: 30px 0px 50px 0px;
}

/* ========================================================================== */

#contentbox-2	{
	/* max-width: 975px; */
  max-width: 1000px;
	margin: 0 auto;
	padding: 30px 0px 50px 0px;
}

/* ========================================================================== */

#contentbox-3	{
	max-width: 1400px;
	margin: 0 auto;
	padding: 30px 0px 50px 0px;
}

/* ========================================================================== */

#contentbox-4	{
	max-width: 1400px;
	margin: 0 auto;
	padding: 30px 0px 50px 0px;
}

/* ========================================================================== */

#contentbox-5	{
	max-width: 1600px;
	margin: 0 auto;
	padding: 30px 0px 50px 0px;
}

/* ========================================================================== */

#contentbox-6	{
	/* max-width: 855px; */
  max-width: 1000px;
	margin: 0 auto;
	padding: 30px 0px 50px 0px;
}

/* ========================================================================== */

.content-pad {
	padding: 15px 30px 10px 15px;
}

/* ========================================================================== */

#left-content {
	float: left;
	width: 100%;
	max-width: 555px;
	padding: 0px;
}

/* ========================================================================== */

#nocontentbox	{
	max-width: 850px;
	margin: 0 auto;
	padding: 30px 0px 50px 0px;
}

/* ========================================================================== */

.nocontent-pad {
	padding: 15px 30px 10px 15px;
}

/* ========================================================================== */

#left-content-only {
	float: left;
	width: 100%;
	max-width: 555px;
	padding: 0px;
}

/* ========================================================================== */

/* HOME PAGE HEIGHT & WIDTHS */

.pageheight-home {
	min-height: 400px;
}

/* ========================================================================== */

#contentbox-home {
  max-width:100%;
  margin: 0 auto;
  padding: 0px 10px 0 10px;
}

/* ========================================================================== */

/* INNER AND OUTER BACKGROUNDS */

.outer-background	{
	background-color: #FFFFFF;
	background-image: none;
	background-repeat: repeat;
	background-attachment: fixed;
}

/* ========================================================================== */

.inner-background	{
	background-color: transparent;
	border: #000000 0px solid;
}

/* ========================================================================== */

/* TEXT AND GRAPHIC HEADER CODE */

#headerdiv {
	text-align: center;  /* ALIGNS THE GRAPHIC LOGO */
	width: 200px;
	height: 85px;
	/* padding: 40px 0px 10px 5px; */
	/* the 40px padding reduced to 5px so the icon top left was centered from top to bottom */
	padding: 5px 0px 10px 5px;
	margin: 0px 0px 0px 0px;
	border: #000000 0px solid;
}

/* ========================================================================== */

.headercolor {
	background-color: #FFFFFF;
}

/* ========================================================================== */

#headerdiv a {
	outline: 0;
}

/* ========================================================================== */

.logo-respond	{
  width: 170px;
	height: 87px; height:auto;
	max-width: 170px;
	min-width: 170px;
	margin: 0px 0px 0px 0px;
	/* margin: 0px auto 0px 0px; */
	display: block;
}

/* ========================================================================== */

/* START TEXT HEADER CODE */

.textlogo-align	{
	text-align: left; vertical-align: middle; /* ALIGNS THE TEXT LOGO */
	}

/* ========================================================================== */

.textlogo	{
	font: normal 24px "Droid Sans", arial, sans-serif;
	padding: 15px 10px 20px 14px;
	display: block;
}

/* ========================================================================== */

a.textlogo:link, a.textlogo:visited, a.textlogo:active {
	color: #FFFFFF; text-decoration: none;
}

/* ========================================================================== */

a.textlogo:hover {
	color: #FFFFFF; text-decoration: none;
}

/* ========================================================================== */

/* HEADER ICONS */
/* SITE SEARCH */

.header-search {
	/* width: 36px; */
	/* height: 36px; */
	/* background-color: transparent; */
	/* text-align: center; */
	position: absolute;
	right: 15px;
	top: 10px;

	/* CORNER ROUNDING */
	/* -moz-border-radius: 4px 4px 4px 4px;
	-webkit-border-radius: 4px 4px 4px 4px;
	border-radius: 4px 4px 4px 4px; */
	}

/* ========================================================================== */

/* HOVER COLOR ALL HEADER ICONS */
/* CMS Color Change */

.icohov:hover	{
	background-color: #08298A;
}

/* ========================================================================== */

/* IMAGE BORDERS, FLOATS AND IMAGE SPACING */

.img-borders {
	border: #E5E4E2 1px solid;
}

/* ========================================================================== */

.left-float	{
	float: left;
}

/* ========================================================================== */

.right-float {
	float: right;
}

/* ========================================================================== */

.img-float {
	float: left; margin: 3px 8px 1px 0px;
}

/* ========================================================================== */

.float-item	{
	/* float: left; margin-right: 8px; margin-bottom: 2px; */
	float: left; margin-right: 11px; margin-bottom: 2px;
}

/* ========================================================================== */

.text-nowrap {
	/* overflow: hidden; min-width: 175px; */
	overflow: hidden; min-width: 200px;
}

/* ========================================================================== */

.divclear {
	height: 1px; clear: both; font-size: 1px; line-height: 1px; padding: 0px; margin: 0px;
}

/* ========================================================================== */

/* PAGE LINES & BORDERS */

.page-splits {
	line-height: 1px;
	font-size: 1px;
	height: 2px;
	background-color: transparent;
	margin-top: 10px;
	margin-bottom: 10px;
	padding: 0px;
	border-top: #A09D93 1px solid;
}

/* ========================================================================== */

.splits-xtramargin {
	margin-top: 30px; margin-bottom: 30px;
}

/* ========================================================================== */

/* LARGE PAGE SPLITS (ON HELP PAGE) */

.large-splits {
	line-height: 1px;
	font-size: 1px;
	height: 25px;
	/* CMS Color Change */
	background-color: #08298A;
	margin: 0 auto;
	padding: 0px;
	border-bottom: #F1EEED 3px solid;
}

/* ========================================================================== */

/* HOME PAGE */
/* HOME 3 BOX COLUMNS */

.introbox-text {
	color: #000000;
	font-size: 13px;
	line-height: 1;
	padding: 0px;
	text-align: left;
}

/* ========================================================================== */

.introtitle {
	color: #FFFFFF;
	font: 16px "Droid Sans", arial, sans-serif;
	font-weight: 400;
	line-height: normal;
	text-align: left;
	padding: 8px 6px 8px 6px;
	margin: 0px 0px 4px 0px;
	background-color: #A09D93;
	border: solid #CCCCCC;
	border-width: 3px 0px 0px 0px;
}

/* ========================================================================== */

/* Left - First Row */

.introtitle-1 {
	color: #FFFFFF;
	font: 16px "Droid Sans", arial, sans-serif;
	font-weight: 400;
	line-height: normal;
	text-align: left;
	padding: 8px 6px 8px 6px;
	margin: 0px 0px 4px 0px;
	background-color: #4169E1;
	border: solid #CCCCCC;
	border-width: 3px 0px 0px 0px;
}

/* ========================================================================== */

/* Middle - First Row */

.introtitle-2 {
	color: #FFFFFF;
	font: 16px "Droid Sans", arial, sans-serif;
	font-weight: 400;
	line-height: normal;
	text-align: left;
	padding: 8px 6px 8px 6px;
	margin: 0px 0px 4px 0px;
	background-color: #3CB371;
	border: solid #CCCCCC;
	border-width: 3px 0px 0px 0px;
}

/* ========================================================================== */

/* Right - First Row */

.introtitle-3 {
	color: #FFFFFF;
	font: 16px "Droid Sans", arial, sans-serif;
	font-weight: 400;
	line-height: normal;
	text-align: left;
	padding: 8px 6px 8px 6px;
	margin: 0px 0px 4px 0px;
	background-color: #E9967A;
	border: solid #CCCCCC;
	border-width: 3px 0px 0px 0px;
}

/* ========================================================================== */

/* Left - Second Row */

.introtitle-4 {
	color: #FFFFFF;
	font: 16px "Droid Sans", arial, sans-serif;
	font-weight: 400;
	line-height: normal;
	text-align: left;
	padding: 8px 6px 8px 6px;
	margin: 0px 0px 4px 0px;
	background-color: #483D8B;
	border: solid #CCCCCC;
	border-width: 3px 0px 0px 0px;
}

/* ========================================================================== */

/* Middle - Second Row */

.introtitle-5 {
	color: #FFFFFF;
	font: 16px "Droid Sans", arial, sans-serif;
	font-weight: 400;
	line-height: normal;
	text-align: left;
	padding: 8px 6px 8px 6px;
	margin: 0px 0px 4px 0px;
	background-color: #87CEFA;
	border: solid #CCCCCC;
	border-width: 3px 0px 0px 0px;
}

/* ========================================================================== */

/* Right - Second Row */

.introtitle-6 {
	color: #FFFFFF;
	font: 16px "Droid Sans", arial, sans-serif;
	font-weight: 400;
	line-height: normal;
	text-align: left;
	padding: 8px 6px 8px 6px;
	margin: 0px 0px 4px 0px;
	background-color: #1E90FF;
	border: solid #CCCCCC;
	border-width: 3px 0px 0px 0px;
}

/* ========================================================================== */

/* Left - Third Row */

.introtitle-7 {
	color: #FFFFFF;
	font: 16px "Droid Sans", arial, sans-serif;
	font-weight: 400;
	line-height: normal;
	text-align: left;
	padding: 8px 6px 8px 6px;
	margin: 0px 0px 4px 0px;
	background-color: #483D8B;
	border: solid #CCCCCC;
	border-width: 3px 0px 0px 0px;
}

/* ========================================================================== */

/* Middle - Third Row */

.introtitle-8 {
	color: #FFFFFF;
	font: 16px "Droid Sans", arial, sans-serif;
	font-weight: 400;
	line-height: normal;
	text-align: left;
	padding: 8px 6px 8px 6px;
	margin: 0px 0px 4px 0px;
	background-color: #87CEFA;
	border: solid #CCCCCC;
	border-width: 3px 0px 0px 0px;
}

/* ========================================================================== */

/* Right - Third Row */

.introtitle-9 {
	color: #FFFFFF;
	font: 16px "Droid Sans", arial, sans-serif;
	font-weight: 400;
	line-height: normal;
	text-align: left;
	padding: 8px 6px 8px 6px;
	margin: 0px 0px 4px 0px;
	background-color: #1E90FF;
	border: solid #CCCCCC;
	border-width: 3px 0px 0px 0px;
}

/* ========================================================================== */

.introbox-outer	{
	width:100%; margin: 0 auto;
	display: flex; flex-wrap: wrap;
  gap:0%;
}

/* ========================================================================== */

.introbox	{
	float:none;
	width: 100%;  /* DIVIDED BY 3 */
	flex: 1 0 315px;
	/* flex: 0 0 315px; */
	/* flex: 0 0 367px; */

}

/* ========================================================================== */

.introbox-inner	{
	background-color: transparent;
	padding: 0;
	margin: 5px 10px 0px 10px;

	/* CORNER ROUNDING */
	/*
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-khtml-border-radius: 5px;
	border-radius: 5px;
	*/
}

/* ========================================================================== */

.introbox-left-first {
	display: block;
}

/* ========================================================================== */

.introbox-center-first {
	display: block;
}

/* ========================================================================== */

.introbox-right-first	{
	display: block;
}

/* ========================================================================== */

.introbox-left-second	{
	display: block;
}

/* ========================================================================== */

.introbox-center-second {
	display: block;
}

/* ========================================================================== */

.introbox-right-second {
	display: block;
}

/* ========================================================================== */

.introbox-left-third {
	display: block;
}

/* ========================================================================== */

.introbox-center-third {
	display: block;
}

/* ========================================================================== */

.introbox-right-third	{
	display: block;
}

/* ========================================================================== */

.boxes2	{
	font-size: 14px;
	text-align: left;
	color: #C0C0C0;
	background-color: transparent;
	border: solid #C0C0C0;
	border-width: 1px 0px 1px 0px;
	/* padding: 6px 2px 6px 2px; */
	padding: 6px 0px 6px 0px;
	margin: 0px;
}

/* ========================================================================== */

/* HOME IMAGES WITH ZOOM */

.imagesbox {
	width: 100%;
	height: 150px;
	overflow: hidden;
	cursor: pointer;
	margin: 0 auto;
	/* CMS Color Change */
	border: solid #08298A;
	border-width: 0px 0px 0px 0px;
	/* CORNER ROUNDING */
	-moz-border-radius: 5px 5px 0px 0px;
	-webkit-border-radius: 5px 5px 0px 0px;
	-khtml-border-radius: 5px 5px 0px 0px;
	border-radius: 5px 5px 0px 0px;
}

/* ========================================================================== */

.imagesbox-1 {
	width: 238px;
	height: 150px;
	overflow: hidden;
	cursor: pointer;
	margin: 0 auto;
	/* CMS Color Change */
	border: solid #08298A;
	border-width: 0px 0px 0px 0px;
	/* CORNER ROUNDING */
	-moz-border-radius: 5px 5px 5px 5px;
	-webkit-border-radius: 5px 5px 5px 5px;
	-khtml-border-radius: 5px 5px 5px 5px;
	border-radius: 5px 5px 5px 5px;
}

/* ========================================================================== */

.introimages img {
	width: 100%;
	height: 100%; object-fit: cover;
	/* IMAGE ZOOM */
	-webkit-transition: all 1s ease;
	-moz-transition: all 1s ease;
	-o-transition: all 1s ease;
	-ms-transition: all 1s ease;
	transition: all 1s ease;
}
.introimages img:hover{transform: scale(1.2);}

/* ========================================================================== */

.introimages-1 img {
	width: 238px;
	height: 150px;
	/* IMAGE ZOOM */
	-webkit-transition: all 1s ease;
	-moz-transition: all 1s ease;
	-o-transition: all 1s ease;
	-ms-transition: all 1s ease;
	transition: all 1s ease;
}

/* ========================================================================== */

.introimages img:hover {
	/*width: 280px; height: 119px;*/
}

/* ========================================================================== */

.introimages-1 img:hover {
	width: 280px; height: 169px;
}

/* ========================================================================== */

/* HOME PAGE LOWER 2 COLUMN TEXT CONTENT */

.homecontent-outer {
	background-color: transparent;
	max-width: 838px;
	margin: 0 auto;
	border-top: 4px solid #C4C2BC;
	border-bottom: 4px solid #C4C2BC;
}

/* ========================================================================== */

.homecontent-outer-1 {
	background-color: transparent;
	max-width: 838px;
	margin: 0 auto;
}

/* ========================================================================== */

.homecontent-outer-2 {
	background-color: transparent;
	max-width: 838px;
	margin: 0 auto;
	border-top: 4px solid #C4C2BC;
	border-bottom: 4px solid #C4C2BC;
}

/* ========================================================================== */

.homecontent-outer-3 {
	background-color: transparent;
	max-width: 838px;
	margin: 0 auto;
	border-top: 4px solid #C4C2BC;
}

/* ========================================================================== */

.homecontent {
	font-size: 13px;
	float: left;
	max-width: 389px;  /* DIVIDED BY 2 MINUS PADDING BELOW */
	margin: 0px auto 0px auto;
}

/* ========================================================================== */

.content-left	{
	padding: 20px 30px 20px 0px;
}

/* ========================================================================== */

.content-right {
	padding: 20px 0px 20px 30px;
}

/* ========================================================================== */

/* HOME JQUERY SLIDESHOW (HOME & SETS) (SEE ALSO responsive-slides.css IN FOLDER JQuery) */

.homeimageborder {
	/* background-color: #2B445E; */
	/* border: solid #2B445E; */
	border-width: 0px 0px 8px 0px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}

/* ========================================================================== */

/* This is where the width for the home page slideshow can be changed - was changed on 2/24/2022 */

.rslides_container {
	background-color: transparent;
	max-width: 1475px; */ /* This was changed to 1100px on 3/31/2022 original size 900px*/
	min-width: 250px; /* was 250px
	/*max-height: 700px;*/
	/*min-height: 700px;*/
	text-align: center;
	cursor: pointer;
	margin: 0 auto;
	position: relative;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	border: solid #999999;
	border-width: 0px 0px 0px 0px;
	/* NOTE: BORDERs ABOVE ARE | top | right | bottom | left */
}

/* ========================================================================== */

#homeJQ > .centered-btns_nav {
	display: none; /* HIDES HOME ARROWS */
}

/* ========================================================================== */

/* HOME SLIDESHOW ROUND ACTIVE BUTTON STYLES */

.centered-btns_tabs	{
	width: 100%;
	position: absolute;
	bottom: 10px;
	left: 0px;
	margin: 0 auto;
	text-align: center;
	z-index: 1000;
	background-color: transparent;
	display: none;
}

/* ========================================================================== */

/* NORMAL BUTTON STATE */

.centered-btns_tabs a {
	width: 30px;
	height: 7px;
	background-color: transparent;
	border: #D8D8D8 2px solid; */
	/* CORNER ROUNDING */
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	margin: 0px 4px 0px 4px;
}

/* ========================================================================== */

/* HOVER BUTTON STATE */

.centered-btns_tabs a:hover {
	background-color: #FFFFFF; border: #FFFFFF 2px solid;
}

/* ========================================================================== */

/* ACTIVE BUTTON STATE */

.centered-btns_here a, .centered-btns_here a:hover {
	background-color: #6FE0FF; border: #6FE0FF 2px solid; cursor: default;
}

/* ========================================================================== */

/* FADE UP JQUERY BUTTONS */

.centered-btns_tabs	{
	animation: fadein 3s;
	-moz-animation: fadein 3s;
	-webkit-animation: fadein 3s;
	-o-animation: fadein 3s;
}

/* ========================================================================== */

@keyframes fadein {
  from { opacity:0; } to { opacity:1;
	}
}

/* ========================================================================== */

@-moz-keyframes fadein {
  from { opacity:0; } to { opacity:1; /* Firefox */
	}
}

/* ========================================================================== */

@-webkit-keyframes fadein {
  from { opacity:0; } to { opacity:1; /* Safari & Chrome */
	}
}

/* ========================================================================== */

@-o-keyframes fadein {
  from { opacity:0; } to { opacity:1; /* Opera */
  }
}

/* ========================================================================== */

/* FOR OPTIONAL-No-Animation-Home.php PAGE IMAGE */

.homeimage {
	width: 100%; display: block;
}

/* ========================================================================== */

.homeimage-static	{
	max-width: 900px;  /* WIDTH INCLUDES BORDER */
	min-width: 250px;
	margin: 0 auto;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	border: #CCCCCC 0px solid;
}

/* ========================================================================== */

/* RIGHT SIDEBAR */

#sidebar-content {
	width: 100%;
	max-width: 280px;
	float: left;
	padding: 0px;
	border-left: #C5CBD4 1px solid;
}

/* ========================================================================== */

#sidebar-content-player-profile {
	width: 100%;
	max-width: 280px;
	float: left;
	padding: 0px;
	border-left: #C5CBD4 0px solid;
}

/* ========================================================================== */

/* .sidebar-area { background-color: transparent; margin: 0 auto; } */

.sidebar-area	{
	margin: 0 auto;
}

/* ========================================================================== */

.sidebar-pad {
	padding: 0px 0px 10px 30px;
}

/* ========================================================================== */

.sidebar-textarea	{
	text-align: left;
	width: 100%;
	margin: 0px auto 10px auto;
	padding: 0px 0px 10px 0px;
	border: solid #CECECE;
	border-width: 0px 0px 0px 0px;
	/* NOTE: BORDERs ABOVE ARE | top | right | bottom | left */
}

/* ========================================================================== */

.sidebar-text {
	color: #000000;
	font: 13px "Droid Sans", arial, sans-serif;
	text-align: left;
	font-weight: normal;
	line-height: normal;
}

/* ========================================================================== */

.sidebar-title-teams {
	color: #FFFFFF;
	font: 17px "Droid Sans", arial, sans-serif;
	font-weight: normal;
	line-height: normal;
	background-color: #A09D93;
	/* background-color: #A09D93; */
	padding: 6px 5px 7px 6px;
	margin: 0px auto 7px auto;
	/* CORNER ROUNDING */
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	-khtml-border-radius: 3px;
	border-radius: 3px;
}

/* ========================================================================== */

.sidebar-title {
	color: #FFFFFF;
	font: 17px "Droid Sans", arial, sans-serif;
	font-weight: normal;
	line-height: normal;
	/* background-color: #FFFFFF; */
	background-color: #A09D93;
	padding: 6px 5px 7px 6px;
	margin: 0px auto 7px auto;
	/* CORNER ROUNDING */
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	-khtml-border-radius: 3px;
	border-radius: 3px;
}

/* ========================================================================== */

.sidebar-image {
	width: 100%;
	height: auto;
	display: block;
	margin: 0px auto 15px auto;
	/* border-width: 6px 0px 6px 0px; */
	/* NOTE: BORDERs ABOVE ARE | top | right | bottom | left */
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	/* CORNER ROUNDING */
	-moz-border-radius: 0px;
	-webkit-border-radius: 0px;
	-khtml-border-radius: 0px;
	border-radius: 0px;
}

/* ========================================================================== */

.sidebar-image-custom {
	width: 159px;
	height: 599px;
	display: block;
	margin: 0px 0px 0px 0px;
	/* border-width: 6px 0px 6px 0px; */
	/* NOTE: BORDERs ABOVE ARE | top | right | bottom | left */
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	/* CORNER ROUNDING */
	-moz-border-radius: 0px;
	-webkit-border-radius: 0px;
	-khtml-border-radius: 0px;
	border-radius: 0px;
}

/* ========================================================================== */

.sidebar-image-profile {
	width: 100%;
	height: auto;
	display: block;
	margin: 0px auto 15px auto;
	border-width: 0px 0px 0px 0px;
	/* NOTE: BORDERs ABOVE ARE | top | right | bottom | left */
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	/* CORNER ROUNDING */
	-moz-border-radius: 0px;
	-webkit-border-radius: 0px;
	-khtml-border-radius: 0px;
	border-radius: 0px;
}

/* ========================================================================== */

.sidebar-image-teams {
	width: 100%;
	height: auto;
	display: block;
	margin: 0px auto 15px auto;
	border: #F2F2F2 solid;
	border-width: 1px 1px 1px 1px;
	/* NOTE: BORDERs ABOVE ARE | top | right | bottom | left */
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	/* CORNER ROUNDING */
	-moz-border-radius: 0px;
	-webkit-border-radius: 0px;
	-khtml-border-radius: 0px;
	border-radius: 0px;
}

/* ========================================================================== */

.side-links	{
	padding: 10px 0px 10px 0px;
	margin: 0px;
}

/* ========================================================================== */

.side-links a	{
	font: 14px "Droid Sans", arial, sans-serif;
	font-weight: normal;
	line-height: normal;
	display: block;
	padding: 6px 0px 6px 12px;
	background-image: url("/picts/sidebar-bullet-gray.gif");
	background-repeat: no-repeat;
	background-position: left top;
	border: dashed #A09D93;
	border-width: 0px 0px 1px 0px;
	/* NOTE: BORDERs ABOVE ARE | top | right | bottom | left */
}

/* ========================================================================== */

.side-links a:first-child {
	border-width: 1px 0px 1px 0px;
}

/* ========================================================================== */

/* JQUERY SLIDESHOW SETS (SEE ALSO HOME JQUERY ABOVE & responsive-slides.css IN FOLDER JQuery) */

.slideshow-text	{
	max-width: 700px;
	text-align: center;
	margin: 12px auto 10px auto;
}

/* ========================================================================== */

.HoverBorder {
	/* CMS Color Change */
	border: #08298A 2px solid;
	vertical-align: bottom;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}

/* ========================================================================== */

a:hover .HoverBorder {
	border: #C0C0C0 2px solid;
}

/* ========================================================================== */

/* CMS Color Change */

#slidesJQ	{
	border: #08298A 3px solid; cursor: auto;
}

/* ========================================================================== */

#contentbox-slideshows {
	max-width: 932px;
	margin: 0 auto;
	padding: 30px 10px 15px 10px;
}

/* ========================================================================== */

.slide-setwidth	{
	max-width: 240px;  /* MAX SLIDE IMAGE WIDTH - INCLUDES BORDER */
}

/* ========================================================================== */

#slidesJQ > .centered-btns_nav {
	display: block; /* ARROWS */
}

/* ========================================================================== */

/* CONTACT & QUOTES PAGE CODE */

.phonetitle	{
	color: #000000; font: 16px "Droid Sans", arial, sans-serif; font-weight: 700; line-height: normal;
}

/* ========================================================================== */

.contact-pad {
	padding: 15px 0px 15px 0px;
}

/* ========================================================================== */

/* CMS Color Change */

.contact-select	{
	color: #08298A; font-weight: normal; margin: 6px 0px 6px 0px;
}

/* ========================================================================== */

.contactform-table {
	margin: 20px 0px 10px 50px;
}

/* ========================================================================== */

.form-box	{
	margin: 20px 0px 10px 50px;
}

/* ========================================================================== */

/* QUOTES PAGE - MODIFIES ABOVE CLASSES */
/* CMS Color Change */

.quotechoice {
	color: #08298A; margin: 6px 0px 6px 0px;
}

/* ========================================================================== */

.quoteform {
	width: auto;
}

/* ========================================================================== */

.dropquotes	{
	width: auto;
}

/* ========================================================================== */

input[type=submit].quotebutton {
	width: 200px;
}

/* ========================================================================== */

/* CONTACT PAGE GOOGLE MAP & DIRECTIONS */

#map-canvas	{
	max-width: 225px; height: 160px;
}

/* ========================================================================== */

/* CONTACT PAGE GOOGLE DIRECTIONS */

.directions	{
	font-size: 12px; font-weight: normal; line-height: normal; padding: 8px 0px 5px 0px;
}

/* ========================================================================== */

.directions .shadeform {
	width: 221px; margin: 0px 0px 5px 0px;
}

/* ========================================================================== */

input[type=submit].directionbutton {
	width: 225px;
}

/* ========================================================================== */

/* OPTIONAL No-Form-contact.php PAGE */

.no-formmargin {
	margin: 25px 0px 25px 0px;
}

/* ========================================================================== */

/* CALENDAR PAGE */

blockquote.calbox {
	color: #000000;
	font-size: 13px;
	line-height: normal;
	background-color: #F0F9F8;
	margin-top: -30px;
	margin-bottom: 0px;
	margin-left: 50px;
	margin-right: 0px;
	padding: 8px 8px 8px 10px;
	border-top: 1px solid #C2DDE3;
	border-right: 1px solid #C2DDE3;
	border-bottom: 1px solid #C2DDE3;
	border-left: 6px solid #C2DDE3;
	/* CORNER ROUNDING */
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	-khtml-border-radius: 4px;
	border-radius: 4px;
}

/* ========================================================================== */

.calendarnum {
	color: #00658F; font-size: 24px;
}

/* ========================================================================== */

.bigtitle {
	color: #000000;
	font: 36px "PT Sans", arial, sans-serif;
	letter-spacing: 0px;
	font-weight: normal;
	line-height: normal;
	padding: 0px 0px 0px 6px;
}

/* ========================================================================== */

.icon-space	{
	margin-top: 10px; margin-bottom: 3px;
}

/* ========================================================================== */

.clickdate-text	{
	font-size: 12px; text-align: center; padding: 4px 0px 2px 0px;
}

/* ========================================================================== */

/* SMALL CALENDAR */

.calendar	{
	border: #C0C0C0 1px solid; background-color: #F0F0F0;
}

/* ========================================================================== */

.calendarinner {
	border-collapse: collapse; border-spacing: 0px;
}

/* ========================================================================== */

.calspace	{
	padding: 0px;
}

/* ========================================================================== */

.calendartitle {
	color: #FFFFFF;
	/* CMS Color Change */
	background-color: #08298A;
	font: normal 19px "Droid Sans", arial, sans-serif;
	padding: 8px 4px 8px 10px;
	text-align: left;
	border-bottom: #3399FF 3px solid;
}

/* ========================================================================== */

.caldays {
	width: 29px;
	height: 26px;
	background-color: #FFFFFF;
	color: #000000;
	font: normal 12px "Droid Sans", arial, sans-serif;
	border-right: #E2E2E2 1px solid;
	border-bottom: #00C1CC 1px solid;
	text-align: center;
}

/* ========================================================================== */

.calday	{
	width: 29px;
	background-color: #F0F9F8;
	color: #000000;
	font: 700 14px "Droid Sans", arial, sans-serif;
	border-right: #E2E2E2 1px solid;
	border-bottom: #66CC00 1px solid;
	text-align: center;
}

/* ========================================================================== */

.caldates	{
	height: 27px;
	background-color: #FFFFFF;
	color: #000000;
	font: normal 13px "Droid Sans", arial, sans-serif;
	border-right: #E2E2E2 1px solid;
	border-bottom: #E2E2E2 1px solid;
	text-align: center;
}

/* ========================================================================== */

.calhilite {
	background-color: #F0F9F8;
	color: #FFFFFF;
	font: 700 18px "Droid Sans", arial, sans-serif;
	border-right: #E2E2E2 1px solid;
	border-bottom: #E2E2E2 1px solid;
	text-align: center;
}

/* ========================================================================== */

/* FAQ PAGE */

.faq-box {
	display: none;
	margin: 0px 0px 0px 0px;
	padding: 10px 20px 10px 20px;
	border: #999999 0px solid;
}

/* ========================================================================== */

/* LINKS PAGE CODE */

table.searcharea td	{
	padding: 0px 3px 0px 0px;
}

/* ========================================================================== */

.searcharea	{
	margin: 18px 0px 18px 0px;
}

/* ========================================================================== */

.searchform {
	color: #000000;
	font: 12px arial, sans-serif;
	text-align: left;
	background-color: #FFFFFF;
	background-image: url("picts/shadeform.png");
	width: 110px;
	border: #999999 1px solid;
}

/* ========================================================================== */

.searchbutton {
	color: #FFFFFF;
	font: bold 12px arial, sans-serif;
	text-align: center;
	background-color: #A09D93;
	-webkit-appearance: none;
	height: 21px;
	margin-top: 0px;
	cursor: pointer;
	border: #000000 0px solid;
	/* CORNER ROUNDING */
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	-khtml-border-radius: 3px;
	border-radius: 3px;
}

/* ========================================================================== */

/* PAYPAL payments.php PAYMENT PAGE CODE */

.payform {
	width: 150px;
}

/* ========================================================================== */

input[type=submit].payform {
	width: 152px; margin-bottom: 10px;
}

/* ========================================================================== */

.payformbox	{
	background-color: #F0F0F0;
	border: #CCCCCC 1px solid;
}

/* ========================================================================== */

.paypaltable td	{
	vertical-align: middle; padding: 6px 10px 6px 10px;
}

/* ========================================================================== */

.paypalbadge-space {
	padding: 30px 10px 8px 0px;
}

/* ========================================================================== */

/* PDF PAGE */

.pdf-icon	{
	/* margin: 10px 0px 0px 15px; */
	margin: 10px 10px 0px 10px;
}

/* ========================================================================== */

/* SITE MAP */

.map-thumb-link	{
	line-height: 42px;
}

/* ========================================================================== */

.searchtext	{
	font-size: 12px;
}

/* ========================================================================== */

.searchmargin	{
	margin: 0px 0px 0px 0px;
}

/* ========================================================================== */

.sitesearchform	{
	width: 125px; margin: 0px 3px 0px 0px;
}

/* ========================================================================== */

.sitesearchbutton	{
	width: 65px;
}

/* ========================================================================== */

/* STAFF PAGE */

.staff-email {
	color: #604F3C;
	font-family: "Droid Sans", arial, sans-serif;
	font-size: 13px;
	font-weight: 700;
	line-height: normal;
	margin: 7px 0px 0px 0px;
	padding: 5px 0px 0px 0px;
	border-top: #604F3C 1px solid;
	/* border-top: #CC9900 1px solid; */
}

/* ========================================================================== */

/* VIDEO PAGE (FOR RESPONSIVE VIDEO) */

.videobox	{
	max-width: 640px;
	margin: 0 auto;
	padding: 0px 5px 0px 5px;
}

/* ========================================================================== */

.video-container {
	min-width: 200px;
	padding-top: 30px;
	padding-bottom: 56.25%;
	margin: 26px auto 12px auto;
	height: 0;
	overflow: hidden;
	position: relative;
	z-index: 100;
}

/* ========================================================================== */

.video-container iframe,
.video-container object,
.video-container embed {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 100;
}

/* ========================================================================== */

/* VIDEO MENU */

#menu-videos {
	background-color: #08298A; /* CMS Color Change */
	font-size: 0px;
	line-height: 0px;
	text-align: center;
	padding: 12px 0px 9px 0px;
	margin: 0px 0px 0px 0px;
	border-bottom: #C0C0C0 1px solid;
}

/* ========================================================================== */

.vid-thumb {
	width: 100%;
	max-width: 60px;
	height: auto;
	vertical-align: bottom;
	margin: 2px 2px 2px 2px;
	/* CMS Color Change */
	border: #08298A 2px solid;
}

/* ========================================================================== */

.vid-thumb:hover {
	border: #FFFFFF 2px solid;
}

/* ========================================================================== */

/* HIDE MENU AND ITEMS FOR PRINTING */

@media print {
	.printhide {
		display:none;
	}

	.pageheight {
		min-height: 50px;
	}
}

/* ========================================================================== */

@media screen {
	.printonly { display:none; }
}

/* ========================================================================== */

/* The code below was added on 3/11/2022 so testing with faded text could be tested */
/* TOP MAIN IMAGE */

.image-bar {
	width: 100%;
	overflow: hidden;
	color: #FFFFFF;
	text-align: center;
	background-color: transparent;
	padding: 0px;
	margin: 0px;
	position: relative;
	border-bottom: #E7E7E7 12px solid;

	/* DROP SHADOW */
	-moz-box-shadow: -5px 5px 5px rgba(0, 0, 0, 0.20);
	-webkit-box-shadow: -5px 5px 5px rgba(0, 0, 0, 0.20);
	box-shadow: -5px 5px 5px rgba(0, 0, 0, 0.20);
}

/* ========================================================================== */

.main-image	{
	width: 100%;
	max-width: 2500px;
	min-width: 260px;
	height: auto;
	display: block;
	margin: 0px auto 0px auto;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	border: #000000 0px solid;
}

/* ========================================================================== */

/* START HOME IMAGE LAYERED TEXT (WITH FADE-IN) */

.layered-text	{
	color: #FFFFFF;
	font-size: calc(7px + 1.5vw);  /* DYNAMICALLY CHANGES SIZE WITH BROWSER WIDTH */
	font-weight: 600;
	text-align: left;
	padding: 0px 10px 0px 10px;
	position: absolute;

	width: 100%;
		left: 0%;
		top: 40%;
	transform: translate( 0%, -40%);

	z-index: 900;
	box-sizing: border-box;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;

	-webkit-animation: fadeLtext 4s; /* FADE Safari, Chrome and Opera > 12.1 */
	-moz-animation: fadeLtext 4s; /* FADE Firefox < 16 */
	-ms-animation: fadeLtext 4s; /* FADE Internet Explorer */
	-o-animation: fadeLtext 4s; /* FADE Opera < 12.1 */
	animation: fadeLtext 4s;
}

/* ========================================================================== */

.layer-title {
	color: #FFFFFF;
	font-size: calc(7px + 4.0vw);  /* DYNAMICALLY CHANGES SIZE WITH BROWSER WIDTH */
	font-weight: 400;
	line-height: normal;
	letter-spacing: -1px;
	margin-bottom: 0px;
}

/* ========================================================================== */

/* LAYERED TEXT LINK COLORS */

.layered-text a:link, .layered-text a:visited, .layered-text a:active {
	color: #F39C12; text-decoration: none;
}

/* ========================================================================== */

.layered-text a:hover {
	color: #F0B27A; text-decoration: none;
}

/* ========================================================================== */

/* { color: #AED6F1; text-decoration: underline; } */
/* LAYERED TEXT FADE-IN */

@keyframes fadeLtext {
from {
	     opacity: 0;
	     transform: rotateX(-10deg);
		 }

to   {
	     opacity: 1;
     }
}

/* ========================================================================== */

/* Firefox < 16 */

@-moz-keyframes fadeLtext {
from {
	     opacity: 0;
	     transform: rotateX(-10deg);
		 }

to   {
	     opacity: 1;
     }
}

/* ========================================================================== */

/* Safari, Chrome and Opera > 12.1 */

@-webkit-keyframes fadeLtext {
from {
	     opacity: 0;
	     transform: rotateX(-10deg);
		 }

to   {
	     opacity: 1;
     }
}

/* ========================================================================== */

/* Internet Explorer */

@-ms-keyframes fadeLtext {
from {
	     opacity: 0;
	     transform: rotateX(-10deg);
		 }

to   {
	     opacity: 1;
     }
}

/* ========================================================================== */

/* HOME PAGE LOWER 1 COLUMN TEXT CONTENT */

.home-1col {
	max-width: 100%; margin: 0 auto;
}

/* ========================================================================== */

.content-pad-home {
	padding: 30px 20px 30px 20px;
}

/* ========================================================================== */

.homelinks {
	color: #669999;
}

/* ========================================================================== */

/* HOME PAGE LOWER 2 COLUMN TEXT CONTENT */

.homecontent-outer {
	background-color: transparent;
	max-width: 100%;
	margin: 0px 20px 50px 20px;
	border-top: 0px solid #C4C2BC;
	border-bottom: 0px solid #C4C2BC;
}

/* ========================================================================== */

.home-2xcontent	{
	float: left;
	width: 50%;  /* DIVIDED BY 2 MINUS PADDING BELOW */
	margin: 0px auto 0px auto;
}

/* ========================================================================== */

.content-left	{
	padding: 25px 20px 40px 0px;
}

/* ========================================================================== */

.content-right {
	padding: 25px 0px 40px 20px;
}

/* ========================================================================== */

/* SCROLL TO TOP ARROW */
/* This was added by Ed - 9/21/2022 */

.scrollToTop {
	width: 36px;
	height: 36px;
	padding: 0px;
	text-align:center;
	text-decoration: none;
	position:fixed;
	bottom: 50px;
	right: 10px;
	display:none;
	background: #08298A url('/picts/arrow-up.png') no-repeat 0px 0px;
	}

.scrollToTop:hover {
	text-decoration:none;
	background: #348BF9 url('/picts/arrow-up.png') no-repeat 0px 0px;
}

/* ========================================================================== */

.division-containers {
  display: flex;
}

.division-containers .card {
  flex: 1;
  margin: 10px;
  text-align: center;
  box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.5);
  border-radius: 20px;
  overflow: hidden;
}

.division-containers .card .title {
  text-transform: uppercase;
  font-size: 25px;
  font-weight: bold;
  padding: 15px;
  padding-bottom: 60px;
  color: #ffffff;
}

.division-containers .card .circle {
  box-sizing: border-box;
  font-size: 35px;
  font-weight: bold;
  background-color: #000000;
  width: 100px;
  height: 100px;
  border-radius: 50%;
  color: #ffffff;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: -60px auto 0px auto;
  z-index: 2;
  position: relative;
  box-shadow: inset 0px -10px 8px -8px rgba(0, 0, 0, 0.5);
}

.division-containers .card .content {
  padding: 15px;
  padding-top: 20px; /* default was 45px */
  margin-top: -45px;
  background-color: #ffffff;
  box-shadow: 0px -4px 5px rgba(0, 0, 0, 0.15);
}

.division-containers .card .icon {
  font-size: 50px;
}

.division-containers .card:nth-child(1) .title, .division-containers .card:nth-child(1) .circle {
  background-color: #F4B58E;
}

.division-containers .card:nth-child(1) .icon {
  color: #F4B58E;
}

.division-containers .card:nth-child(2) .title, .division-containers .card:nth-child(2) .circle {
  background-color: #A0C4A8;
}

.division-containers .card:nth-child(2) .icon {
  color: #A0C4A8;
}

.division-containers .card:nth-child(3) .title, .division-containers .card:nth-child(3) .circle {
  background-color: #ADB1D6;
}

.division-containers .card:nth-child(3) .icon {
  color: #ADB1D6;
}

.division-containers .card:nth-child(4) .title, .division-containers .card:nth-child(4) .circle {
  background-color: #B9CCE6;
}

.division-containers .card:nth-child(4) .icon {
  color: #B9CCE6;
}

.division-containers .card:nth-child(5) .title, .division-containers .card:nth-child(5) .circle {
  background-color: #de8a00;
}

.division-containers .card:nth-child(5) .icon {
  color: #de8a00;
}

.division-containers .card .icon {
  font-size: 50px;
}

@media (max-width: 767px) {
  .division-containers {
    flex-wrap: wrap;
  }
  .division-containers .card {
    flex: 0 0 75%;
  }
}

.ul_left_text {
	text-align:left
}

.division_container_text {
	text-align:left
}

.iframe-full {
	/* position: absolute; */
	width: 100%;
	max-width: 100%;
  height: 100%;
	margin: 10px auto;
	border: 1px solid gray;

}

/* ========================================================================== */
/* ========================================================================== */

.footer-containers .card:nth-child(1) .title, .footer-containers .card:nth-child(1) .circle {
  background-color: #00A36C;
}

.footer-containers .card:nth-child(1) .icon {
  color: #00A36C;
}

.footer-containers .card:nth-child(2) .title, .footer-containers .card:nth-child(2) .circle {
  background-color: #5E5A80;
}

.footer-containers .card:nth-child(2) .icon {
  color: #5E5A80;
}

.footer-containers {
  display: flex;
}

.footer-containers .card {
  flex: 1;
  margin: 10px;
  text-align: center;
  box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.5);
  border-radius: 20px;
  overflow: hidden;
}

.footer-containers .card .title {
  text-transform: uppercase;
  font-size: 25px;
  font-weight: bold;
  padding: 15px;
  padding-bottom: 60px;
  color: #ffffff;
}

.footer-containers .card .circle {
  box-sizing: border-box;
  font-size: 35px;
  font-weight: bold;
  background-color: #000000;
  width: 100px;
  height: 100px;
  border-radius: 50%;
  color: #ffffff;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: -60px auto 0px auto;
  z-index: 2;
  position: relative;
  box-shadow: inset 0px -10px 8px -8px rgba(0, 0, 0, 0.5);
}

.footer-containers .card .content {
  padding: 15px;
  padding-top: 25px;
  margin-top: -45px;
	height: auto;
  background-color: #ffffff;
  box-shadow: 0px -4px 5px rgba(0, 0, 0, 0.15);
}

.footer-containers .card .icon {
  font-size: 50px;
}

.footer-containers .card:nth-child(1) .title, .footer-containers .card:nth-child(1) .circle {
  background-color: #50C878;
}

.division-containers .card:nth-child(1) .icon {
  color: #50C878;
}

.footer-containers .card:nth-child(2) .title, .footer-containers .card:nth-child(2) .circle {
  background-color: #FF6700;
}

.footer-containers .card:nth-child(2) .icon {
  color: #FF6700;
}

.footer-containers .card:nth-child(3) .title, .footer-containers .card:nth-child(3) .circle {
  background-color: #f8d23c;
}

.division-containers .card:nth-child(3) .icon {
  color: #f8d23c;
}

.footer-containers .card:nth-child(4) .title, .footer-containers .card:nth-child(4) .circle {
  background-color: #7478ae;
}

.footer-containers .card:nth-child(4) .icon {
  color: #7478ae;
}

.footer-containers .card:nth-child(5) .title, .footer-containers .card:nth-child(5) .circle {
  background-color: #de8a00;
}

.footer-containers .card:nth-child(5) .icon {
  color: #de8a00;
}

.footer-containers .card .icon {
  font-size: 50px;
}

@media (max-width: 767px) {
  .footer-containers {
    flex-wrap: wrap;
  }
  .footer-containers .card {
    flex: 0 0 75%;
  }
}

.ul_left_text {
	text-align:left
}

.footer_container_text {
	text-align:left
}

/* ========================================================================== */

.preview > div {
    display: inline-block;
    padding: 5px; border:1px solid #AEB6BF;
    position:relative; margin-bottom: 15px;
    margin-bottom: 15px; min-height: 100px;
    vertical-align: top;
}

.preview > div > span{
   position:absolute; z-index: 1;
   width: 20px; cursor:pointer;
   height: 20px; font-size:12px;
   top:6px; right: 5px; color: #fff;
   background:red; border-radius: 50%;
   text-align: center; line-height: 20px;
}

.preview > div > img {
  height: 100px;
    width: auto;
    max-width: 100px;
    object-fit: cover;
}

.filter_worksheet {
    float:left;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    gap: 15px;
}

.filter_worksheet input[type="submit"],
.filter_worksheet input[type="button"]{ margin-bottom:0; }

body div .ws_total_cs {
  float: right;
  margin-right: calc(1% - 1px);
  border-top: none;
  border-left-width: 2px;
}