* { /*									overflow: auto;							*/ }

.overflow {  }

html { color: #164365; }

.w3-main { margin: 150px 0em 100px 0em; height: 100%; }
.mainContent { margin-left: 10%; margin-right: 10%; }

.floatLeft { float: left; }
.floatRight{ float:right; }
.clearFloat { clear: both; }

.headerBG { background-color: black; padding: 0; margin: 0; width: 100%; }
.headerBG .headerText { float: left; padding: 0; margin: 0 0 0 0.5em; color: white; font-size: 3.5em; font-weight: bold; }
.headerBG .headerText a { text-decoration: none; }
.headerBG .txtNum { float: right; padding: 0 20px 0 0; }
.headerBG .txt {  font-size: 1em; color: white; text-align: center; }
.headerBG .num { font-size: 1em; font-weight: bold; text-align: center; }
.headerBG .num a { text-decoration: none; }

.headerFixed { position: fixed; width: 100%; }

/* menu 2023 */
.topnav { overflow: hidden; background-color: grey; width: 100%; }
.topnav  a { float: left; display: block; color: #f2f2f2; text-align: center; padding: 14px 16px; text-decoration: none; font-size: 17px; }
.topnav  a:hover { background-color: #ddd; color: black; }
.topnav  a.current { background-color: #04AA6D; color: white; }
.topnav  .icon { display: none; }
/**/

.bottomBoxes { display: none; }
.topBoxes { display: block; text-align: center; max-width: 1000px; margin: auto; padding: 1em 0 2em 0; }
.topBoxes .button { padding: 0px 5px 0px 5px; }

iframe .map { height: 450px; border: 0; }

@media screen and (max-width: 1000px) {		/*		if screen is less than 1000px		*/
	.mainContent { margin-left: 2%; margin-right: 2%; }
}

@media screen and (max-width: 800px) {		/*		if screen less than 800px		*/
	.mainContent { margin-left: 1%; margin-right: 1%; }
	.bottomBoxes { display: none; }
	.topBoxes { display: block; text-align: center; color: white; max-width: 1000px; margin: auto; padding: 1em 0 2em 0; }
	.topBoxes .button { padding: 0px 5px 0px 5px; }
	.box-readmore{ color:#fff; background:#bb5354; width:90px; text-align:center; line-height:27px; padding: 5px; margin: 0em 0em 0em 0em; text-decoration:none; font-weight:bold }
	.box-readmore:hover{text-decoration:underline }

	.headerBG .headerText { padding: 0; margin: 0px 0 0 0.5em; font-size:2.5em; font-weight:bold; text-decoration:none; }
	.headerBG .txtNum { float: right; padding: 0 20px 0 0; }
	.headerBG .txt { float: none; clear: both; text-align: center; font-size: 1em; }
	.headerBG .num { float: none; clear: both; text-align: center; font-size: 1em; font-weight: bold; color: white; }
}

/*	never change this part keep it at 650px only for drop down menu		*/
@media screen and (max-width: 650px) {
	.topnav a:not(:first-child) { display: none; }
	.topnav a.icon { float: right; display: block; }
	.topnav.responsive { position: relative; display: block; }
	.topnav.responsive .icon { position: absolute; right: 0; top: 0; }
	.topnav.responsive a { float: none; display: block; text-align: left; }
}
/************************************************************************/

@media screen and (max-width: 600px) {
	.mainContent { margin-left: 0; margin-right: 0; }
	.bottomBoxes { display: none; }
	.topBoxes { display: block; text-align: center; color: white; max-width: 1000px; margin: auto; padding: 2em 0 1em 0; }
	.topBoxes .button { padding: 0px 5px 0px 5px; }
	.box-readmore{ color:#fff; background:#bb5354; width:80px; text-align:center; line-height:27px; padding: 5px; margin: 0em 0em 0em 0em; text-decoration:none; font-weight:bold }
	.box-readmore:hover{text-decoration:underline }

	.headerBG .headerText { float: none; clear: both; padding: 0; margin: 0 0 0 0; text-align: center; font-size:2.5em; font-weight:bold; text-decoration:none; }
	.headerBG .txtNum { float: none; clear: both; text-align: center; padding: 0 0 0 0; }
	.headerBG .txt { float: none; clear: both; text-align: center; font-size: 1em; }
	.headerBG .num { float: none; clear: both; text-align: center; font-size: 1em; font-weight: bold; }
}

html,body,h1,h2,h3,h4,h5,h6,ul {font-family: "Roboto", sans-serif; overflow: auto; }
.w3-bar a { padding-top: 12px; padding-bottom: 12px; }
.current{ text-decoration:none; color:#c60100  }

.blueText { color: blue; }
.redText { color: red; }
.darkpurpleText { color: #540857; }
.greenText { color: green; }
.greyText { color: #696969; }
.whiteText { color: white; }
.orangeText { color: orange; }
.goldText { color: #7e5109; }

.centerText { text-align: center; }
.textRight { text-align: right; }
.nowrap { white-space: nowrap; }
.bold { font-weight: bold; }
.underlined { text-decoration: underline; }

.links h4{ padding: 0px; margin: 20px 0px 5px 0px; line-height: 1.5em; text-align: left; }
.links h6{ padding: 0px; margin: 0px 0px 4px 20px; line-height: 2em; text-align: left; }
.links ul{ margin: 0px; text-align: left; }
.linksMinWidth { width: 335px; overflow: auto; }

.places ul { margin: 0; padding: 0em; }
.places li { float: left; width: 16em; margin: 0 10px 0 15px; }

.image { width: 100%; }
.image50pc { width: 50%; }
.maxImageSize { max-width: 1000px; }
.alan { width: 250px; }

.margin2pc0pc2pc0pc { margin: 2% 0 2% 0; }
.margin2em0em1em0em { margin: 2em 0em 1em 0em; }
.margintop1em { margin-top: 1em; }
.padding0em { padding: 0em; }
.margin0em { margin: 0em; }
.padding0pc0pc2pc0pc { padding: 0 0 2% 0; }
.padding0pc8pc0pc8pc { padding: 0em 8% 0em 8%; }
.padding2pc0pc { padding: 2% 0 2% 0; }
.padding1em { padding: 1em; }
.padding1-2em { padding: 1.2em; }
.padding2em { padding: 2em; }
.padding1em2em { padding: 1em 2em; }
.padding0em0-5em2em0-5em { padding: 0em 0.5em 2em 0.5em; }
.padding1em2em0em2em { padding: 1em 2em 0em 2em; }
.padding1em0em1em0em { padding: 1em 0 1em 0; }
.padding05em { padding: 0.5em; }
.paddingL0em { padding-left: 0em; }
.paddingL0-4em { padding-left: 0.4em; }
.paddingR0-5em { padding-left: 0.4em; }
.paddingR0em { padding-right: 0em; }
.paddingr05em { padding-right: 0.5em; }
.paddingr08em { padding-right: 0.8em; }
.paddingb2em { padding-bottom: 2em; }
.paddingb05em { padding-bottom: 0.5em; }
.lrpadding05em { padding: 0em 0.5em 0.5em 0.5em; }
.lrpadding1em { padding: 0.5em 2em 0.5em 2em; }
.lrpadding33pc { padding: 0 10% 0 10% }

.size1em { font-size: 1em; }
.size1-2em { font-size: 1.2em; }
.size2em { font-size: 2em; }
.fontsize08em { font-size: 0.8em; }
.fontsize09em { font-size: 0.9em; }
.fontsize1-1em { font-size: 1.1em; }
.fontsize1-3em { font-size: 1.3em; }
.fontsize1-4em { font-size: 1.4em; }
.fontsize1-5em { font-size: 1.5em; }
.fontsize1-6em { font-size: 1.6em }
.fontsize36px { font-size:36px; } /* h1 */
.fontsize30px { font-size:30px; } /* h2 */
.fontsize24px { font-size:24px; } /* h3 */
.fontsize20px { font-size:20px; } /* h4 */
.fontsize18px { font-size:18px; } /* h5 */
.fontsize16px { font-size:16px; } /* h6 */

.lineheightauto { display:block; line-height:30px; }
.lineheight1-2em { line-height: 1.2em; }
.lineheight1-3em { line-height: 1.3em; }
.lineheight1-5em { line-height: 1.5em; }
.lineheight1-7em { line-height: 1.7em; }
.lineheight2em { line-height: 2em; }

.width4em { width: 4em; }
.width5em { width: 5em; }
.width6em { width: 6em; }
.width7em { width: 7em; }
.width8em { width: 8em; }
.width9em { width: 9em; }
.width14em { width: 14em; }
.width15em { width: 15em; }
.width16em { width: 16em; }
.width18em { width: 18em; }
.width20em { width: 20em; }
.width170px { width: 170px; }
.min-width220px { min-width: 220px; }
.min-width330px { min-width: 330px; }
.maxwidth250px { max-width: 250px; }
.maxwidth350px { max-width: 350px; }
.maxwidth550px { max-width: 550px; }
.bgcolor-lightblue { background-color: lightblue; }
.bgcolor-D0C3BF { background-color: #D0C3BF; }
.bgcolor-F0E68C { background-color: #F0E68C; }
.bgcolordarkblue { background-color: darkblue; }
.bgcolorgrey { background-color: grey; }

#myFooter { position:fixed; bottom: 0px; width: 100%; height: 70px; padding: 0; margin: 0; font-size: 0.8em; overflow: auto;
color: #000 !important; background-color: #A5ACBC !important; }
.footerFloatLeftC1 { float: left; width: 17em; text-align: center; }
.footerFloatLeftC1PB { position:fixed; bottom: 0px; left: 10px; text-align: center; }
.footerFacebook { position: fixed; bottom: 13px; right: 12em; }
.footerFacebook img { width: 4em; }
.footerFloatRightGR a img { position: fixed; bottom: 13px; right: 10px; width: 9em; }

/* cyrillic-ext */
@font-face {
  font-family: 'Roboto'; font-style: normal; font-weight: 400; unicode-range: U+0460-052F, U+20B4, U+2DE0-2DFF, U+A640-A69F;
  src: local('Roboto'), local('Roboto-Regular'), url(https://fonts.gstatic.com/s/roboto/v15/ek4gzZ-GeXAPcSbHtCeQI_esZW2xOQ-xsNqO47m55DA.woff2) format('woff2');
}
/* cyrillic */
@font-face {
  font-family: 'Roboto'; font-style: normal; font-weight: 400; unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
  src: local('Roboto'), local('Roboto-Regular'), url(https://fonts.gstatic.com/s/roboto/v15/mErvLBYg_cXG3rLvUsKT_fesZW2xOQ-xsNqO47m55DA.woff2) format('woff2');
}
/* greek-ext */
@font-face {
  font-family: 'Roboto'; font-style: normal; font-weight: 400; unicode-range: U+1F00-1FFF;
  src: local('Roboto'), local('Roboto-Regular'), url(https://fonts.gstatic.com/s/roboto/v15/-2n2p-_Y08sg57CNWQfKNvesZW2xOQ-xsNqO47m55DA.woff2) format('woff2');
}
/* greek */
@font-face {
  font-family: 'Roboto'; font-style: normal; font-weight: 400; unicode-range: U+0370-03FF;
  src: local('Roboto'), local('Roboto-Regular'), url(https://fonts.gstatic.com/s/roboto/v15/u0TOpm082MNkS5K0Q4rhqvesZW2xOQ-xsNqO47m55DA.woff2) format('woff2');
}
/* vietnamese */
@font-face {
  font-family: 'Roboto'; font-style: normal; font-weight: 400; unicode-range: U+0102-0103, U+1EA0-1EF9, U+20AB;
  src: local('Roboto'), local('Roboto-Regular'), url(https://fonts.gstatic.com/s/roboto/v15/NdF9MtnOpLzo-noMoG0miPesZW2xOQ-xsNqO47m55DA.woff2) format('woff2');
}
/* latin-ext */
@font-face {
  font-family: 'Roboto'; font-style: normal; font-weight: 400; unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
  src: local('Roboto'), local('Roboto-Regular'), url(https://fonts.gstatic.com/s/roboto/v15/Fcx7Wwv8OzT71A3E1XOAjvesZW2xOQ-xsNqO47m55DA.woff2) format('woff2');
}
/* latin */
@font-face {
  font-family: 'Roboto'; font-style: normal; font-weight: 400; unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215;
  src: local('Roboto'), local('Roboto-Regular'), url(https://fonts.gstatic.com/s/roboto/v15/CWB0XYA8bzo0kSThX0UTuA.woff2) format('woff2');
}

/* admin */
.hr { width: 90%; }



/* suspended pages */
.holder { list-style: none; }
.h1size { font-size: 20px; }
.rhcolor { color: #2963E0; }