@font-face {
	font-family: "Open Sans";
	src: url('fonts/Open_Sans/OpenSans-Regular.ttf') format("truetype");
}

html, body {
	background-color: #e9e8e4;
//	font-family: 'Open Sans', sans-serif;
	height: 100%;
}




div {
	margin-top:0 !important;
	padding:0 !important;
}

.my-bold {
	font-weight:bold;
}

.my-pointer {
	cursor: pointer;
}

.my-arrowPointer {
	cursor: default;
}
.my-zeroTable, .my-zeroTable tr, .my-zeroTable td, .my-zeroTable tr td {
	padding:0;
	margin:0;
	border-collapse:collapse;
	vertical-align:top;
}

.my-countingTable {
	counter-reset: row-num - 1;
}
.my-countingTable tr {
	counter-increment: row-num;
}
.my-countingTable tr td:first-child::before {
	content: counter(row-num) ". ";
}


.my-displayCenter {
  display: grid;
  justify-content: center;
  align-content: center;
}

.my-middle {
	position: fixed;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
}

.my-flexWrapper {
        display: flex;
        min-height: 100vh;
        flex-direction: column;
        justify-content: space-between;
}


.my-noDecor {text-decoration: none;}
.my-content {max-width: 1400px}
.my-container {padding:0.01em 0.5em}
.my-container:after {content:""; display:table; clear:both;}
.my-w100 {width:100%}
.my-w50 {width:50%}
.my-w1 {width:1%}
.my-cell {display:table-cell}
.my-flexCentered {display:flex; align-items: center; flex-wrap:nowrap;}
.my-flexVertical {display:flex; align-items: center; flex-wrap:nowrap; justify-content:center;}
.my-flexTop {display:flex; align-items: flex-start; flex-wrap:nowrap;}
.my-flexStretched {display:flex; align-items:stretch; flex-wrap:wrap; justify-content:center; align-content:stretch;}
.my-flexLeft      {display:flex; align-items:stretch; flex-wrap:wrap; justify-content:left;   align-content:stretch;}

.my-imgWithSubtitle p {
	position: absolute;
	line-height: 1.5em;
	display: block;
	margin: 10px 5px;
	padding: 5px 8px;
	background-color: #404040;
	color: #ffffff;
	opacity: 0.95;
	border-left: 8px solid red;
	bottom: 0;
	left: 0;
	width: 98.5%;
	font-size: 12pt;
}
.my-departmentHeader {
	font-size: 24pt;
	letter-spacing: 0.05em;
}

.my-responsiveLeftMargin-DT {}
.my-responsiveRightMargin-DT {}
.my-responsiveRightMargin-DT-LT-TB {}
.my-margin-0 { margin:0 }
.my-flexContainer {
	margin:0;
	padding:0;
	list-style: none;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-flow: row wrap;
	-ms-flex-flow: row wrap;
	-moz-flex-flow: row wrap;
	flex-flow: row wrap;
	align-items: stretch;
	align-content: space-between;
	justify-content: space-between;
}

.my-flexItem {
	flex-grow: 0;
}

.my-s1{width:8.33333%}
.my-s2{width:16.66666%}
.my-s3{width:24.99999%}
.my-s4m{width:32.5%}
.my-s4{width:33.33333%}
.my-s5{width:41.66666%}
.my-s6m{width:49%}
.my-s6{width:49.99999%}
.my-s7{width:58.33333%}
.my-s8{width:66.66666%}
.my-s9{width:74.99999%}
.my-s10{width:83.33333%}
.my-s11{width:91.66666%}
.my-s12{width:99.99999%}

@media only print {
	.my-imgWithSubtitle p {font-size: 1.8em; }
	.my-departmentHeader { font-size: 26pt; }
	.my-rescaleableHeader01 { font-size: 20pt; }
	.my-rescaleableHeader02 { font-size: 18pt; }
	.my-rescaleableHeader03 { font-size: 10pt; }
	.my-rescaleableHeader04 {  }
	.my-responsiveLeftMargin { margin-left: 1em; }
	.my-responsiveRightMargin { margin-right: 1em; }
	.my-responsiveTopMargin { margin-top: 2em; }
	.my-responsiveBottomMargin { margin-bottom: 2em; }
	.my-responsiveRightMargin-DT-LT { margin-right: 1em; }
	.my-responsiveLeftMargin-DT-LT { margin-left: 1em; }
	.my-responsiveLeftMargin-DT { margin-left: 0.5em;}
	.my-responsiveRightMargin-DT { margin-right: 0.5em;}
	.my-responsiveRightMargin-DT-LT-TB { margin-right: 0.5em; }
	.my-rescaleableCard { }
	.my-rescaleableCard-DT-LT { }
	.my-columns { -moz-column-count: 4; -webkit-column-count: 4; column-count: 4; }
	.my-flexItem41 { width: 33%; }
	.my-flexItem31 { width: 33%; }
	.my-flexItem21 { width: 49%; }
	.my-flexItem22 { width: 49%; }
}

/* For big laptops and desktops */
@media only screen and (min-width: 1301px) {
	.my-imgWithSubtitle p {font-size: 1.8em; }
	.my-departmentHeader { font-size: 26pt; }
	.my-rescaleableHeader01 { font-size: 20pt; }
	.my-rescaleableHeader02 { font-size: 18pt; }
	.my-rescaleableHeader03 { font-size: 10pt; }
	.my-rescaleableHeader04 {  }
	.my-responsiveLeftMargin { margin-left: 1em; }
	.my-responsiveRightMargin { margin-right: 1em; }
	.my-responsiveTopMargin { margin-top: 2em; }
	.my-responsiveBottomMargin { margin-bottom: 2em; }
	.my-responsiveRightMargin-DT-LT { margin-right: 1em; }
	.my-responsiveLeftMargin-DT-LT { margin-left: 1em; }
	.my-responsiveLeftMargin-DT { margin-left: 0.5em;}
	.my-responsiveRightMargin-DT { margin-right: 0.5em;}
	.my-responsiveRightMargin-DT-LT-TB { margin-right: 0.5em; }
	.my-rescaleableCard { }
	.my-rescaleableCard-DT-LT { }
	.my-columns { -moz-column-count: 4; -webkit-column-count: 4; column-count: 4; }
	.my-flexItem41 { width: 24.2%; }
	.my-flexItem31 { width: 32.5%; }
	.my-flexItem21 { width: 49.75%; }
	.my-flexItem22 { width: 49.33%; }
	.my-xl1{width:8.33333%}
	.my-xl2{width:16.66666%}
	.my-xl3m{width:24.2%}
	.my-xl3{width:24.5%}
	.my-xl4m{width:32.5%}
	.my-xl4{width:33.33333%}
	.my-xl5{width:41.66666%}
	.my-xl6{width:49%}
	.my-xl6{width:49.99999%}
	.my-xl7{width:58.33333%}
	.my-xl8{width:66.66666%}
	.my-xl9{width:74.99999%}
	.my-xl10{width:83.33333%}
	.my-xl11{width:91.66666%}
	.my-xl12{width:99.99999%}
}

/* For laptops */
@media only screen and (max-width:1300px) and (min-width: 993px) {
	.my-imgWithSubtitle p {font-size: 1.4em; }
	.my-departmentHeader { font-size: 20pt; }
	.my-rescaleableHeader01 { font-size: 14pt; }
	.my-rescaleableHeader02 { font-size: 12pt; }
	.my-rescaleableHeader03 { font-size: 8pt; }
	.my-rescaleableHeader04 {  }
	.my-responsiveLeftMargin { margin-left: 1em; }
	.my-responsiveRightMargin { margin-right: 1em; }
	.my-responsiveTopMargin { margin-top: 2em; }
	.my-responsiveBottomMargin { margin-bottom: 2em; }
	.my-responsiveRightMargin-DT-LT { margin-right: 1em; }
	.my-responsiveLeftMargin-DT-LT { margin-left: 1em; }
	.my-responsiveRightMargin-DT-LT-TB { margin-right: 0.5em; }
	.my-rescaleableCard { width: 100%; margin: 1em 0; }
	.my-rescaleableCard-DT-LT { }
	.my-columns { -moz-column-count: 3; -webkit-column-count: 3; column-count: 3; }
	.my-flexItem41 { width: 32.5%; }
	.my-flexItem31 { width: 49.75%; }
	.my-flexItem21 { width: 49.75%; }
	.my-flexItem22 { width: 49.75%; }
	.my-l1{width:8.33333%}
	.my-l2{width:16.66666%}
	.my-l3m{width:24.2%}
	.my-l3{width:24.99999%}
	.my-l4m{width:32.5%}
	.my-l4{width:33.33333%}
	.my-l5{width:41.66666%}
	.my-l6m{width:49%}
	.my-l6{width:49.75%}
	.my-l7{width:58.33333%}
	.my-l8{width:66.66666%}
	.my-l9{width:74.99999%}
	.my-l10{width:83.33333%}
	.my-l11{width:91.66666%}
	.my-l12{width:99.99999%}
}


/* For tablets */
@media only screen and (max-width:992px) and (min-width: 601px) {
	.my-imgWithSubtitle p {font-size: 1.2em; line-height: 1.5em; }
	.my-departmentHeader { font-size: 20pt; }
	.my-rescaleableHeader01 { font-size: 16pt; }
	.my-rescaleableHeader02 { font-size: 14pt; }
	.my-rescaleableHeader03 { font-size: 8pt; }
	.my-rescaleableHeader04 {  }
	.my-responsiveLeftMargin { margin-left: 0; }
	.my-responsiveRightMargin { margin-right: 2em; }
	.my-responsiveTopMargin { margin-top: 2em; }
	.my-responsiveBottomMargin { margin-bottom: 2em; }
        .my-responsiveThird-A { width: 49%; }
        .my-responsiveThird-B { width: 49%; }
        .my-responsiveThird-C { width: 100%; margin-top: 2em; }
	.my-responsiveRightMargin-DT-LT { margin-right: 0; margin-left: 0; }
	.my-responsiveLeftMargin-DT-LT { margin-right: 0; margin-left: 0; }
	.my-responsiveRightMargin-DT-LT-TB { margin-right: 0.5em; }
	.my-rescaleableCard { width: 100%; margin: auto 0; }
	.my-rescaleableCard-DT-LT { width: 100%; margin: auto 0; }
	.my-columns { -moz-column-count: 2; -webkit-column-count: 2; column-count: 2; }
	.my-flexItem41 { width: 49%; }
	.my-flexItem31 { width: 49.75%; }
	.my-flexItem21 { width: 49.75%; }
	.my-flexItem22 { width: 100%; }
	.my-m1{width:8.33333%}
	.my-m2{width:16.66666%}
	.my-m3{width:24.99999%}
	.my-m4m{width:32.5%}
	.my-m4{width:33.33333%}
	.my-m5{width:41.66666%}
	.my-m6m{width:49%}
	.my-m6{width:49.5%}
	.my-m7{width:58.33333%}
	.my-m8{width:66.66666%}
	.my-m9{width:74.99999%}
	.my-m10{width:83.33333%}
	.my-m11{width:91.66666%}
	.my-m12{width:99.99999%}
}

/* For phones */
@media only screen and (max-width:600px) and (min-width: 1px) {
	.my-imgWithSubtitle p {
		border-left: 5px solid red;
		margin: 0;
		width: 100%;
		margin-top: 5px;
		padding: 4px 8px;
		position: relative;
		font-size: 1.1em;
		opacity: 1;
		background-color: transparent;
		background-color: #444;
		color: black;
		color: white;
	}
	.my-padding-0 { padding:0!important; }
	.w3-myCol-Carousel { width: 100%; }
	.w3-myCol-rest { width: 100%; margin:0;}
	.my-departmentHeader { font-size: 16pt; }
	.my-rescaleableHeader01 { font-size: 14pt; }
	.my-rescaleableHeader02 { font-size: 12pt; }
	.my-rescaleableHeader03 { font-size: 8pt; }
	.my-rescaleableHeader04 {  }
	.my-responsiveLeftMargin { margin-left: 0; }
	.my-responsiveRightMargin { margin-right: 0; }
	.my-responsiveTopMargin { margin-top: 2em; }
	.my-responsiveBottomMargin { margin-bottom: 2em; }
        .my-responsiveThird-A { width: 100%; margin: 1em 0; }
        .my-responsiveThird-B { width: 100%; margin: 1em 0; border-top: 1px solid #444; }
        .my-responsiveThird-C { width: 100%; margin: 1em 0; border-top: 1px solid #444; padding-top: 2em; }
	.my-responsiveLeftHalfImage { width: 100%; }
	.my-responsiveRightHalfImage { width: 100%; }
	.my-responsiveRightMargin-DT-LT { margin-right: 0; margin-left: 0; }
	.my-responsiveLeftMargin-DT-LT { margin-right: 0; margin-left: 0;}
	.my-responsiveRightMargin-DT-LT-TB { margin-right: 0; margin-left: 0; }
	.my-rescaleableCard { width: 100%; margin: auto 0; }
	.my-rescaleableCard-DT-LT { width: 100%; margin: auto 0; }
	.my-columns { -moz-column-count: 1; -webkit-column-count: 1; column-count: 1; }
	.my-flexItem41 { width: 100%; }
	.my-flexItem31 { width: 100%; }
	.my-flexItem21 { width: 100%; }
	.my-flexItem22 { width: 100%; }
}

.w3-myTopMenuSeperator {
	border-top:1px solid #888;
	line-height: 2px;
	padding: 0 16px;
	margin-top: 2px;
}

.w3-myTopMenuSubheader {
	padding: 2px 16px;
	font-weight: bold;
	background-color: #888;
	color: #fff;
}

.w3-mySideMenuItem {
	padding-top: 0.3em;
	padding-bottom: 0.3em;
	line-height: 1.2em;
}

.w3-myTopMenuItem {
	padding-top: 0;
	padding-bottom: 0;
	line-height: 0.5em;
}

.w3-myFullWidthDropdown {
	position: relative;
	width:100%;
	border-top:0;
	border-left: 1px solid black;
	border-right: 1px solid black;
	border-bottom: 1px solid black;
	padding: 0 0 1em 0;
	-webkit-transition: background-color .3s,color .15s,box-shadow .3s,opacity 0.3s !important;
	transition:background-color .3s,color .15s,box-shadow .3s,opacity 0.3s !important;
}

.w3-myTopMenu h4 {
	font-size: 14pt;
	border-bottom: 1px solid;
	padding: 0;
}

.w3-myTopMenu a {
	font-size: 12pt!important;
	padding: 0.25em 0!important;
	margin:0;
	line-height: 1.2em;
}

.myborder {
	border: 1px solid black;
}

.myborder2 {
	border: 1px solid white;
}

.my-sidenav {
	display:block;
	width: 84vw;
	height: 100%;
	overflow-y: scroll;
	overflow-x: hidden;
	padding-bottom: 50px;
	transition: left 0.3s;
	left: -84vw;
//	opacity: 0.9;
}

#mainCarousel .item img {
	display: block;
	width: 100%;
	height: auto;
}

.my-bkg-darkGreen {
	background-color: #242;
}

.my-nestedList ol {
	list-style-type: none;
	counter-reset: item;
	margin: 0;
	padding: 0;
}

.my-nestedList ol > li {
	display: table;
	counter-increment: item;
	margin-bottom: 0.6em;
	font-size: 1.0em !important;
	font-weight: normal !important;
}

.my-nestedList ol > li p:first-child {
	font-size: 1.1em !important;
	border-bottom: 1px solid grey;
	font-weight: bold !important;
}


.my-nestedList ol > li:before {
	content: counters(item, ".") ". ";
	display: table-cell;
	padding-right: 0.6em;    
	font-weight: bold !important;
}


.my-nestedList li ol > li {
	margin: 0;
	font-weight: bold;
	font-size: 1.0em !important;
}

.my-nestedList li ol > li:before {
	content: counters(item, ".") ". ";
	font-weight: bold !important;
}		


.my-nestedList ol ol > li p:first-child {
	font-weight: bold !important;
	border-bottom: none !important;
}

.my-nestedList ul > li {
	margin-bottom: 1em;
	font-size: 1.0rem;
	font-weight: normal !important;
}

.my-middleRow {
	display: table-row;
	vertical-align:middle;
}

.my-middleCell {
	display: table-cell;
	vertical-align:middle;
}

.my-verticalAlign {
	vertical-align: middle !important;
}

.my-verticalAlignTop {
	vertical-align: top !important;
}



.qmy-block {
	display: inline-block;
	text-align: center;
}

.qmy-block:before {
	content: '';
	display: inline-block;
	height: 100%; 
	vertical-align: middle;
	margin-right: -0.25em;
}

.my-centered {
	display: inline-block;
	vertical-align: middle;
}

footer {
	margin-top: 2em;
}

.myTab .tabContainer {
	display: none;
}

.myTab .tabContainer:target {
	display: block;
	min-height: 33vh;
}