body{font-family: 'fira_sans'; font-size: 1em; font-weight: 300; line-height: 140%; margin:0px; padding:0px; border: none; background-color: white; background: -webkit-linear-gradient(top, #416D18 0%, #6AA628 100%) no-repeat, -webkit-linear-gradient(top, #78BF0B 0%, #78BF0B 100%) no-repeat; background: -moz-linear-gradient(top, #416D18 0%, #6AA628 100%) no-repeat, -moz-linear-gradient(top, #78BF0B 0%, #78BF0B 100%) no-repeat; background: linear-gradient(to bottom, #416D18 0%, #6AA628 100%) no-repeat, linear-gradient(to bottom, #78BF0B 0%, #78BF0B 100%) no-repeat; background-size: 100% 156px, 100% 38px; background-position: 0px 0px, 0px 158px; box-sizing: border-box;}
img {border: none;}
article {padding: 0; margin: 0 0 12px 0;}
h1, h2, h3, h4, h5, h6 {text-align: center; font-weight: bold; font-size: 1.1em; line-height: 1.5em; margin: 0px 0px 0.32em 0px; padding: 0px;}
h1, h2, h3 {letter-spacing: 0.05em;}
h1 {color: #69A528; position: relative; padding-bottom: 5px; background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%, #A5E347 20%, #A5E347 80%, rgba(255,255,255,0) 100%) no-repeat center bottom; background: -moz-linear-gradient(left, rgba(255,255,255,0) 0%, #A5E347 20%, #A5E347 80%, rgba(255,255,255,0) 100%) no-repeat center bottom; background: linear-gradient(to right, rgba(255,255,255,0) 0%, #A5E347 20%, #A5E347 80%, rgba(255,255,255,0) 100%) no-repeat center bottom; background-size: 100% 2px;}
h2 {background: -webkit-linear-gradient(left, #FFFFFF 0%, #CB90FB 20%, #CB90FB 80%, #FFFFFF 100%); color: #FFFFFF; background: -moz-linear-gradient(left, #FFFFFF 0%, #CB90FB 20%, #CB90FB 80%, #FFFFFF 100%); color: #FFFFFF; background: linear-gradient(to right, #FFFFFF 0%, #CB90FB 20%, #CB90FB 80%, #FFFFFF 100%); color: #FFFFFF; text-shadow: 1px 1px 2px rgba(78, 0, 141, 0.5);}
h3 {color: #69A528; background: -webkit-radial-gradient(bottom, ellipse, rgba(204,252,178,1) 0%, rgba(255,255,255,0) 80%) no-repeat center bottom; background: -moz-radial-gradient(bottom, ellipse, rgba(204,252,178,1) 0%, rgba(255,255,255,0) 80%) no-repeat center bottom; background: radial-gradient(ellipse at bottom, rgba(204,252,178,1) 0%, rgba(255,255,255,0) 80%) no-repeat center bottom; background-size: 100% 75%;}
h4, h5, h6 {line-height: 1.2em;}
h4 {font-size: 1em; color: #b655ff; background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(204,252,178,1) 20%, rgba(204,252,178,1) 80%, rgba(255,255,255,0) 100%) no-repeat center bottom; background: -moz-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(204,252,178,1) 20%, rgba(204,252,178,1) 80%, rgba(255,255,255,0) 100%) no-repeat center bottom; background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(204,252,178,1) 20%, rgba(204,252,178,1) 80%, rgba(255,255,255,0) 100%) no-repeat center bottom; background-size: 100% 2px; padding-bottom: 4px; letter-spacing: 0.01em;}
h5 {font-size: 1em; color: #b655ff; font-weight: 300; background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(204,252,178,1) 20%, rgba(204,252,178,1) 80%, rgba(255,255,255,0) 100%) no-repeat center bottom; background: -moz-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(204,252,178,1) 20%, rgba(204,252,178,1) 80%, rgba(255,255,255,0) 100%) no-repeat center bottom; background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(204,252,178,1) 20%, rgba(204,252,178,1) 80%, rgba(255,255,255,0) 100%) no-repeat center bottom; background-size: 100% 1px; padding-bottom: 3px;}
h6 {font-size: 1em; font-weight: bold; color: #666666; text-align: left;}
p + h4, p + h5, p + h6, img + h4, img + h5, img + h6, img + section {margin-top: 0.75em;}
p {font-size: 0.97em; margin: 0 0 0px 0; padding: 0;}
p + p {margin-top: 0.32em;}
p + section, section + section {margin-top: 0.6em;}
hr {border: 0; margin: 0.25em;}
b, strong {font-weight: 500;}
.line1green {height: 2px; background-image: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%, #A5E347 30%, #A5E347 70%, rgba(255,255,255,0) 100%); background-image: -moz-linear-gradient(left, rgba(255,255,255,0) 0%, #A5E347 30%, #A5E347 70%, rgba(255,255,255,0) 100%); background-image: linear-gradient(to right, rgba(255,255,255,0) 0%, #A5E347 30%, #A5E347 70%, rgba(255,255,255,0) 100%);}
.line2green {height: 1px; background-image: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%, #A5E347 35%, #A5E347 65%, rgba(255,255,255,0) 100%); background-image: -moz-linear-gradient(left, rgba(255,255,255,0) 0%, #A5E347 35%, #A5E347 65%, rgba(255,255,255,0) 100%); background-image: linear-gradient(to right, rgba(255,255,255,0) 0%, #A5E347 35%, #A5E347 65%, rgba(255,255,255,0) 100%);}
.line3green {height: 1px; background-image: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(204,252,178,1) 35%, rgba(204,252,178,1) 65%, rgba(255,255,255,0) 100%); background-image: -moz-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(204,252,178,1) 35%, rgba(204,252,178,1) 65%, rgba(255,255,255,0) 100%); background-image: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(204,252,178,1) 35%, rgba(204,252,178,1) 65%, rgba(255,255,255,0) 100%);}
footer {text-align: center; font-size: 0.7em; margin-bottom: 0.5em; color: #999999;}

.pageDim {width: 980px; margin: 0px auto; }
.siteHead { padding: 0px; }
.tableDiv, .tableDivHead {display: table; width: 100%;}
.rowDiv, .rowDivHead {display: table-row;}
.leftCol, .leftColHead {display: table-cell; width: 245px; vertical-align: top; height:auto;}
.leftCol, .mainSection {overflow: hidden;}
.contentCol, .contentColHead {display: table-cell; vertical-align: top; padding: 0px 0px 0px 20px; width: 100%;}
.topLeftCont {width: 243px; height: 206px; box-shadow: 0px 2px 12px 0px rgba(0,0,0,0.18);}
.topLeftImg {width: 100%; height: auto;}
.headCont {text-align: center;}
.logoImgCont {height: 158px;}
.logoImg {margin: 20px 0px 0px 0px;}
.headText { line-height: 34px; color: white; font-weight: 300; letter-spacing: 0.28em; font-size: 1.45em; position: relative;}
.menuButton {position: absolute; bottom: -50%; left: 0.8em; color:red; background-color: #416D18; width: 2em; height: 2em; cursor: pointer; display: none;}
.siteContent {margin-top: 18px;}


.ml_l0 { list-style-type: none; margin: 0 0 2em 0; padding: 0; }
.ml_l0_a, .ml_l0_aSel { cursor: pointer; position: relative; z-index: 1; display: block; text-decoration: none; font-size: 0.95em; line-height: 1.1em; margin: 0px 0px 6px 0px; font-weight: 300;}
.ml_l0_a { color: #6AA628; }
.ml_l0_aSel {color: #b655ff;}
.ml_l0_at {padding: 5px 6px; position: relative; z-index: 100;}
.ml_l0_ab1 {position: absolute; top: 0px; left:0px; width: 100%; height: 100%; background: url('images/button-l0-n.png') no-repeat center bottom, -webkit-linear-gradient(left, #FCFFDD 0%, #FFFFFF 100%) no-repeat; background: url('images/button-l0-n.png') no-repeat center bottom, -moz-linear-gradient(left, #FCFFDD 0%, #FFFFFF 100%) no-repeat; background: url('images/button-l0-n.png') no-repeat center bottom, linear-gradient(to right, #FCFFDD 0%, #FFFFFF 100%) no-repeat; background-size: 100%, 100%; z-index: 2;}
.ml_l0_ab2 {position: absolute; top: 0px; left:0px; width: 100%; height: 100%; background: url('images/button-l0-o.png') no-repeat center bottom, -webkit-linear-gradient(left, #EBFFDD 0%, #FFFFFF 100%) no-repeat; background: url('images/button-l0-o.png') no-repeat center bottom, -moz-linear-gradient(left, #EBFFDD 0%, #FFFFFF 100%) no-repeat; background: url('images/button-l0-o.png') no-repeat center bottom, linear-gradient(to right, #EBFFDD 0%, #FFFFFF 100%) no-repeat; background-size: 100%, 100%; z-index: 2; opacity: 0;}
.ml_l0_a:hover .ml_l0_ab2 {opacity: 1;}
.ml_l0_a:hover .ml_l0_ab1 {opacity: 0;}
.ml_l0_a:hover {color: #416D18;}
.ml_l0_aSel .ml_l0_ab1 {background: url('images/button-l0-s.png') no-repeat center bottom, -webkit-linear-gradient(left, #F1F0FF 0%, #FFFFFF 100%) no-repeat; background: url('images/button-l0-s.png') no-repeat center bottom, -moz-linear-gradient(left, #F1F0FF 0%, #FFFFFF 100%) no-repeat; background: url('images/button-l0-s.png') no-repeat center bottom, linear-gradient(to right, #F1F0FF 0%, #FFFFFF 100%) no-repeat; background-size: 100%, 100%;}

.ml_l1 { list-style-type: none; margin: 0px 0px 0px 10px; padding: 0; }
.ml_l1_a, .ml_l1_aSel { cursor: pointer; position: relative; z-index: 1; display: block; text-decoration: none; font-size: 0.95em; line-height: 1.1em; margin: 0px 0px 6px 0px; font-weight: 300;}
.ml_l1_a { color: #6AA628;}
.ml_l1_aSel {color: #b655ff;}
.ml_l1_at {padding: 5px 6px; position: relative; z-index: 100;}
.ml_l1_ab1 {position: absolute; top: 0px; left:0px; width: 100%; height: 100%;
	background: url('images/button-l1-n.png') no-repeat center bottom, -webkit-linear-gradient(left, #FCFFDD 0%, #FFFFFF 100%) no-repeat;
	background: url('images/button-l1-n.png') no-repeat center bottom, -moz-linear-gradient(left, #FCFFDD 0%, #FFFFFF 100%) no-repeat;
	background: url('images/button-l1-n.png') no-repeat center bottom, linear-gradient(to right, #FCFFDD 0%, #FFFFFF 100%) no-repeat;
	background-size: 100%, 100%; z-index: 2;}
.ml_l1_ab2 {position: absolute; top: 0px; left:0px; width: 100%; height: 100%; 
	background: url('images/button-l1-o.png') no-repeat center bottom, -webkit-linear-gradient(left, #EBFFDD 0%, #FFFFFF 100%) no-repeat;
	background: url('images/button-l1-o.png') no-repeat center bottom, -moz-linear-gradient(left, #EBFFDD 0%, #FFFFFF 100%) no-repeat;
	background: url('images/button-l1-o.png') no-repeat center bottom, linear-gradient(to right, #EBFFDD 0%, #FFFFFF 100%) no-repeat;
	background-size: 100%, 100%; z-index: 2; opacity: 0;}
.ml_l1_a:hover .ml_l1_ab2 {opacity: 1;}
.ml_l1_a:hover .ml_l1_ab1 {opacity: 0;}
.ml_l1_a:hover { color: #416D18; }
.ml_l1_aSel .ml_l1_ab1 {
	background: url('images/button-l1-s.png') no-repeat center bottom, -webkit-linear-gradient(left, #F1F0FF 0%, #FFFFFF 100%) no-repeat;
	background: url('images/button-l1-s.png') no-repeat center bottom, -moz-linear-gradient(left, #F1F0FF 0%, #FFFFFF 100%) no-repeat;
	background: url('images/button-l1-s.png') no-repeat center bottom, linear-gradient(to right, #F1F0FF 0%, #FFFFFF 100%) no-repeat;
	background-size: 100%, 100%;}

.ml_l2 { list-style-type: none; margin: 0; padding: 0; }
.ml_l2_a, .ml_l2_aSel { cursor: pointer; position: relative; z-index: 1; display: block; text-decoration: none; font-size: 0.95em; line-height: 1.1em; margin: 0px 0px 6px 0px; font-weight: 300; padding: 0px 6px; background-color: #F0FFE6; color: #416D18; border-radius: 10px;}
.ml_l2_aSel {color: #b655ff; background-color: #F5F5FF; padding: 3px 6px;}
.ml_l2_a:hover {color: #6AA628; background-color: #FDFFEC;}


.ml_l0_ab1, .ml_l0_ab2, .ml_l0_at, .ml_l1_ab1, .ml_l1_ab2, .ml_l1_at, .ml_l2_a {transition: opacity 0.3s linear, color 0.3s linear, background-color 0.3s linear;}


.l1_link, .link_map {text-decoration: none; color: #69A528; font-weight:400;}
.l1_link { font-weight: bold; }
.l1_link:hover, .link_map:hover, a.schoolEvent:hover {text-decoration: underline;}

.table {display: table;}
.row {display: table-row;}
.cell {display: table-cell; vertical-align: top; text-align: left;}
.cell + .cell {padding-left: 8px;}

.l0_ContentRow, .schoolRow {display: flex; margin: 0.5em 0px;}
.l0_ImageCell, .schoolButtonCell {flex: 0 1; align-self: center;}
.l0_ImageCell {width: 160px; min-width: 160px; text-align: center; padding-right:10px;}
.l0_ImageCell img {width:100%;}
.l0_flex, .schoolFlex {flex: 2 0;  align-self: center;}
.l0_descr {margin-top: 0px;}


.schoolSection {margin: 1em 0px;}
.schoolButtonCell {width: 65px; min-width: 65px;}
.schoolP {padding-left: 65px;}
.schoolButton {border: 1px solid #E5E5E5; background-color:#F5F5F5; margin: 0; padding:0; border-radius: 6px; cursor: pointer; outline: none; transition: 0.2s linear;}
.schoolButton:hover {border-color:#DDDDDD; background-color: #EEEEEE;}
.schoolButton img {margin:0.3em; }
a.schoolEvent { color: #7F7F7F; text-decoration: none;}

.shopsTable {width: 300px;}
.shopsRowHead {color: white; background-color: #B6E469; padding-left:0.3em;}
.shopsElements {color: #16690B; background-color: #EDFFDA; padding: 0.1em 0.5em; border-radius: 0px 0px 20px 0px; margin-bottom: 0.2em;}
.shopsHours {color: #16690B; background-color: #EDFFDA; padding-left:0.3em;}

.ul_text {padding: 0 0 0 2em; margin: 0.5em 0;}
.siteMapNm {letter-spacing: 0.08em;}

.asideContainer {float: right; width: 222px; margin: 3px 0px 10px 20px;}
.asideNewsContainer {border: 1px solid #B6E469; margin: 0px 0px 10px 0px; border-radius: 10px 0px 10px 0px; background-color:white;}
.asideTitleContainer {background-color: #B6E469; color: white; text-align: center; padding: 1px; border-radius: 10px 0px 6px 0px; line-height: 1em;}
.asideText {padding: 2px 5px 2px 5px;}
.asideFBCont {}
.asideContainer iframe {border:none; overflow:hidden; width:90px; height:21px; margin-right:3px;}
.asideImgLink {vertical-align: top;}

._sccsCnt {position:fixed; bottom: 0; left: 0; right: 0; background-color: #79bf0d; color: #FFFFFF; z-index:10000; transition: opacity 0.3s linear; opacity:1;}
._sccsACnt {max-width:1200px; margin: auto; display:flex; text-align:center; justify-content: center; align-items: center;}
._sccsACnt div {display:flex;}
._sccsCnt span {padding: 5px 5px; line-height: 110%;}
._sccsCnt a {background-color: #CB90FB; color: #FFFFFF; padding:10px; border-radius:10px; text-decoration: none; transition: background-color 0.3s linear; cursor:pointer; border: 2px solid #FFFFFF; margin: 15px 5px; white-space: nowrap;}
._sccsCnt a:hover {background-color: #B761FE;}

@media only screen and (max-width: 1024px) {
	.pageDim {width: 96%; }
}

/* 800 was 700 */
@media only screen and (max-width: 800px) {
	body {background: none;}
	.pageDim {width: 100%; }
	.tableDiv, .rowDiv, .leftCol, .contentCol {display: block;}
	.contentCol {padding: 0px 20px; width:auto;}
	.leftCol {width: auto; padding: 0px 10px; height:0px;}
	.leftColHead {display: none;}
	.menuButton {display: block;}
	.contentColHead {width: 70%; padding: 0px; vertical-align: middle;}
	.logoImgCont {height: auto; 
		background: -webkit-linear-gradient(top, #416D18 0%, #6AA628 100%) no-repeat;
		background: -moz-linear-gradient(top, #416D18 0%, #6AA628 100%) no-repeat;
		background: linear-gradient(to bottom, #416D18 0%, #6AA628 100%) no-repeat;
	}
	.headText {background-color: #78BF0B; border-top: 2px solid white; line-height: 1.45em; padding-bottom: 2px; letter-spacing: 0.15em;}
	.logoImg{width: 75%; max-width: 340px; margin: 3.2% 3% 2.2% 3%;}
	
	.ml_l0 {margin: 0.5em 0; font-size: 1.15em;}
	.ml_l0_ab1 {
		background: -webkit-linear-gradient(left, #FCFFDD 0%, #FFFFFF 100%) no-repeat;
		background: -moz-linear-gradient(left, #FCFFDD 0%, #FFFFFF 100%) no-repeat;
		background: linear-gradient(to right, #FCFFDD 0%, #FFFFFF 100%) no-repeat;
		border-radius: 5px;
	}
	.ml_l0_ab2 {
		background: -webkit-linear-gradient(left, #EBFFDD 0%, #FFFFFF 100%) no-repeat;
		background: -moz-linear-gradient(left, #EBFFDD 0%, #FFFFFF 100%) no-repeat;
		background: linear-gradient(to right, #EBFFDD 0%, #FFFFFF 100%) no-repeat;
		border-radius: 5px;
	}
	.ml_l0_aSel .ml_l0_ab1 {
		background: -webkit-linear-gradient(left, #F1F0FF 0%, #FFFFFF 100%) no-repeat;
		background: -moz-linear-gradient(left, #F1F0FF 0%, #FFFFFF 100%) no-repeat;
		background: linear-gradient(to right, #F1F0FF 0%, #FFFFFF 100%) no-repeat;
		border-radius: 5px;
	}
	.ml_l1_ab1 { 
		background: -webkit-linear-gradient(left, #EBFFDD 0%, #FFFFFF 100%) no-repeat;
		background: -moz-linear-gradient(left, #EBFFDD 0%, #FFFFFF 100%) no-repeat;
		background: linear-gradient(to right, #EBFFDD 0%, #FFFFFF 100%) no-repeat;
		border-radius: 5px;
	}
	.ml_l1_ab2 {
		background: -webkit-linear-gradient(left, #FCFFDD 0%, #FFFFFF 100%) no-repeat;
		background: -moz-linear-gradient(left, #FCFFDD 0%, #FFFFFF 100%) no-repeat;
		background: linear-gradient(to right, #FCFFDD 0%, #FFFFFF 100%) no-repeat;
		border-radius: 5px;
	}
	.ml_l1_aSel .ml_l1_ab1 {
		background: -webkit-linear-gradient(left, #F1F0FF 0%, #FFFFFF 100%) no-repeat;
		background: -moz-linear-gradient(left, #F1F0FF 0%, #FFFFFF 100%) no-repeat;
		background: linear-gradient(to right, #F1F0FF 0%, #FFFFFF 100%) no-repeat;
		border-radius: 5px;
	}
	.ml_l0_at, .ml_l1_at {padding: 0.5em 0.5em;}
	.ml_l1, .ml_l2 {margin-left:1em;}
	.ml_l2_a, .ml_l2_aSel {padding: 0.5em; border-radius: 5px;}

}

@media only screen and (max-width: 500px) {
	.l0_ContentRow {display: block;}
	.l0_ImageCell {width: auto; margin-top: 1em; padding-right:0;}
	.asideContainer {width: auto; margin: 0.05em 0px 0.75em 1em;}
}

@media only screen and (max-width: 380px) {
	body {font-size: 0.9em; line-height: 120%;}
	.headText {font-size: 1.2em; line-height: 24px; letter-spacing: 0.2em;}
	.contentCol {padding: 0px 10px;}
	.menuButton {width: 2.3em; height: 2.3em; left: 0.45em;}
	._sccsCnt a {padding:8px; margin: 5px 5px 15px 5px;}
	._sccsACnt {flex-direction: column;}
	._sccsCnt span {padding-top:10px;}
}

@media only screen and (max-width: 320px) {
	.menuButton {width: 2.1em; height: 2.1em;}
}

@media only screen and (max-width: 800px) and (orientation:landscape) {
	.logoImg{max-height: 65px; width: auto; margin: 1.2% 1.2% 0.6% 1.2%;}
	.headText {font-size: 1.2em; line-height: 24px; }
	.menuButton {width: 2.1em; height: 2.1em;}
}

@media only screen and (min-width: 801px) and (pointer: coarse) {
	/*body {font-size: 1.05em;}*/
	.ml_l0_at, .ml_l1_at {padding: 8px 6px;}
	.ml_l2_a {padding: 9px 6px;}
	.ml_l2_aSel {padding: 8px 6px;}
}

@media only screen and (pointer: coarse) {
	.schoolP + .schoolP {margin-top: 0.8em;}
}