/* Extract from normalize.css by Nicolas Gallagher and Jonathan Neal git.io/normalize */
html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}
body{margin:0}
article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block}
audio,canvas,video{display:inline-block;vertical-align:baseline}
audio:not([controls]){display:none;height:0}
[hidden],template{display:none}
a{-webkit-tap-highlight-color:transparent;background-color:transparent}
a:active,a:hover{outline:0}
abbr[title]{border-bottom:1px dotted}
b,strong{font-weight:bold}
dfn{font-style:italic}
mark{background:#ff0;color:#000}
small{font-size:80%}
sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}
sup{top:-0.5em} sub{bottom:-0.25em}
img{border:0} svg:not(:root){overflow:hidden} figure{margin:1em 40px}
hr{-moz-box-sizing:content-box;box-sizing:content-box}
pre{overflow:auto}
code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}
button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}
button{overflow:visible}button,select{text-transform:none}
button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer}
button[disabled],html input[disabled]{cursor:default}
button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}
input{line-height:normal}
input[type=checkbox],input[type=radio]{padding:0}
input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{height:auto}
input[type=search]{box-sizing:content-box;-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box}
input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}
fieldset{border:1px solid red;margin:0 2px;padding:0.35em 0.625em 0.75em}
legend{border:0;padding:0}
textarea{overflow:auto}
optgroup{font-weight:bold}
/* End extract from normalize.css */

/* General styles, border:0; removes the border around the viewport in old versions of IE */
body {margin:0;padding:0;border:0;width:100%;color:#000;background:#fff;font-family:verdana,sans-serif;font-size:90%;line-height:normal;min-width:320px;max-width:990px; margin:auto;}
a {color:#009;transition:.2s ease-out;}
a:hover {color:#00f;}
h1{font-size:2em}h2{font-size:1.5em}h3{font-size:1.25em}h4{font-size:1.125em}h5, h6{font-size:1em}
@media (max-width:659px) {h1 {font-size:1.75em;}}
h1, h2, h3, h4, h5, h6 {margin:10px;}
header h1 {margin-top:20px;margin-bottom:20px;}
p, li {margin:10px;}
hr {clear:both;margin:0;}
hr.spaceunder {margin-bottom:10px;}
hr.fine {border:0;border-top:1px solid #0b983a;max-width:99%;margin:0 10px;}
ul, ol {margin:0 10px 10px -5px;} /* reduced indent to save space */
ul.nobullet {list-style-type:none;}
.notopmargin {margin-top:0;}
img {margin:10px;}
img.logo {margin:0 auto 10px;}
img.supporterlogo {display:block;max-width:98%;margin:0 auto;max-height:100px;align-items:center;}
img.photo {display:block;margin:0 auto;max-width:98%;border:0 solid #fff;border-radius:12px;page-break-inside:avoid;}
a img:hover {opacity:0.9;}

input[type=text] {width:600px;max-width:96%;margin:0;padding:5px;border:1px solid #0b983a;border-radius:4px;}
input[type=submit] {width:150px;margin:0;padding:5px;background:#fff584;color:#000;border:1px solid #0b983a;border-radius:4px;}
input[type=reset] {width:75px;margin:0;padding:5px;background:#eee;color:#000;border:1px solid #0b983a;border-radius:4px;}
textarea {width:600px;max-width:96%;height:150px;resize:none;margin:0;padding:5px;border:1px solid #0b983a;border-radius:4px;}

.flexwrap {clear:both; display:flex; flex-direction:row; flex-wrap:wrap; justify-content:space-around;padding:0px;}

a.bigbtn{background:#94c11f;color:#000;background-image: linear-gradient(#94c11f, #0b983a);border-radius:24px;text-decoration:none;font-size:1.25em;font-weight:bold;text-align:center;margin:0 4px 10px 4px;padding:10px;width:200px;border:1px solid #94c11f;}
a.bigbtn.staff{background:#fff;color:#0b983a;border-color:#0b983a;}
a.bigbtn.admin{background:#005826;color:#fff;background-image: linear-gradient(#0b983a, #005826);width:260px;border:1px solid #0b983a;}
a.bigbtn.public{width:240px;}
a.bigbtn:hover {opacity:0.9;}
@media print {a.bigbtn{background:#fff;color:#000;border-color:#000;}}

a.alert{background:white;color:#000;border:1px solid #005826;border-radius:14px;text-decoration:none;margin:0 5px 20px 5px;max-width:600px;}
a.alert.darkgreen{background:white;color:#005826;border:1px solid #005826;border-radius:24px;text-decoration:none;margin:0 5px 20px 5px;max-width:600px;}
a.alert:hover {opacity:0.8;}
@media (max-width:659px){a.alert{width:80%;margin-bottom:10px;}}

.holder.alert.darkgreen{background:white;color:#005826;border:1px solid #005826;border-radius:24px;margin:0 5px 20px 5px;max-width:600px;}
.holder.alert.red{background:white;color:black;border:2px solid red;border-radius:24px;margin:0 5px 20px 5px;max-width:600px;}
.holder.alert.red h4{color:red;}
@media (max-width:659px){.holder.alert{width:80%;margin-bottom:10px;}}

.holder.leisure{color:black;background:#fff584;border-color:#005826;max-width:650px;}

.holder {display:block;margin:0 9px 20px 9px;background:#fff;border:1px solid #0b983a;border-radius:14px;page-break-inside:avoid;}
.holder.half{width:46%;}
.holder.third{width:30%;}
@media (max-width:659px){.holder.half, .holder.third {width:100%;}}

.holder.blank{border-color:#fff;}
.holder.nobottommargin{margin-bottom:0;}
.holder.allcream{background:#fff584;border-color:#fff584;}
.holder.cream{background:#fff584; border-color:#0b983a;}
.holder.grey{background:#eee;}
.holder.wide p{font-size:1.125em;}
.holder.wide li{font-size:1.125em;}
@media (max-width:659px) {.holder.wide p{font-size:1em;} .holder.wide li{font-size:1em;}}

.holder.timetable{margin-bottom:0;background:#fff;border-color:#fff;color:#000;}
.holder.timetable789{margin-bottom:0;background:#fff;border-color:#fff;color:#000;}

table {page-break-inside:avoid;}
.col789, .col456, .col123 {margin:10px 4px;font-size:1em;border-collapse:separate;border-spacing:6px 3px;text-align:center;}
@media (max-width:659px) {.col789{margin:10px 6px;font-size:0.8em;border-spacing:4px 2px;}}
@media (max-width:529px) {.col789{margin:10px 8px;font-size:0.6em;border-spacing:2px 1px;} .col456{margin:10px 6px;font-size:0.8em;border-spacing:4px 2px;}}
@media (max-width:399px) {.col789, .col456, .holder.timetable789{margin-left:0;margin-right:0;} .col123{margin:10px 6px;font-size:0.8em;border-spacing:4px 2px;} .col456{margin:10px 6px;font-size:0.6em;border-spacing:4px 2px;}}

table.borders, table.borders td{margin:10px;padding:5px;border:1px solid #0b983a;border-collapse:collapse;}
table.extraspace td{margin:10px;padding:6px;border-collapse:collapse;}
table.daysofweek{margin:10px 10px 6px 10px;border-collapse:collapse;}
table.daysofweek td{padding:6px 0 6px 0;}
table.middle{margin:10px auto;}
td.bottomborder{border-bottom:1px solid #0b983a;}


.fullwidth {clear:both;}
.centered {text-align:center;}
.caption {text-align:center;margin-top:0;margin-bottom:20px;}

header {clear:both;width:100%;color:#005826;background:#fff;text-align:center;}
header .holder {background:#fff;max-width:600px;margin:0 auto;border:0px solid black}
header p {text-align:center;}
header img.logo {display:block;max-width:96%;margin:20px auto;border:none;}

/* Footer styles */
footer {clear:both;width:100%;}
footer .holder{background:#fff584;margin:0 auto 10px;border:1px solid #fff;max-width:630px;}
@media (max-width:659px){footer .holder{margin-left:8px;margin-right:8px;}}
footer p {font-size:0.875em;text-align:center;}
@media print {footer {background:#fff;}}
@media print {footer .holder {color:#000;background:#fff;}}
@media print {footer a {color:#000;}}

/* buttons */
.btn {display:inline-block;outline:0;padding:4px 7px;margin:3px 0 3px 0;vertical-align:middle;overflow:hidden;text-decoration:none;transition:.2s ease-out;cursor:pointer;white-space:nowrap;color:#000;background:#fff584;border-radius:14px;border:1px solid #94c11f;}
.btn.current{background:#ddf;box-shadow:none;color:#005826;cursor:default}
.btn.staff{background:#ddd;box-shadow:none;color:#005826;cursor:default;border:1px solid #999;margin-bottom:20px;} /* no longer used on home3x */

/* media width breakpoints set 20px greater than 640/960 to allow for side scroll bar */
.show-tiny, .show728, .show468, .show300 {display:none;}
@media (min-width:760px){.show728{display:inline;}}
@media (max-width:759px) and (min-width:500px){.show468{display:inline;}}
@media (max-width:499px){.show300{display:inline;}}
@media (max-width:530px){.hide-tiny{display:none;} p.show-tiny{display:block;}}
@media (max-width:659px){.hide-small{display:none;}}
@media (max-width:979px) and (min-width:660px){.hide-medium{display:none;}}
@media (min-width:980px){.hide-large{display:none;}}

.wrapfull {clear:both;width:100%;}
.colflex {float:left;width:100%;}
.colhalf {float:left;width:50%;}
.coltimetable {float:left;width:50%;}
.colthird {float:left;width:33.3333%;}
@media (max-width:659px) {.colhalf, .colthird {width:100%;}}
@media print {.colhalf, .colthird, .coltimetable {width:100%;}}
.wrap320 {clear:both;margin-right:320px;}
@media (max-width:839px) {.wrap180{clear:both;margin-right:0px;}}
.col320 {float:right;width:320px;margin-right:-320px;}
@media (max-width:839px) {.coltimetable{width:100%;}}
@media (max-width:659px) {.wrap320{clear:both;margin-right:0px;} .col320 {float:left;width:100%;margin-right:0px;}}
/* taken out for testing Stewart home22
@media (min-width:980px) {.wrap320{clear:both;margin-right:480px;} .col320 {float:left;width:479px;margin-right:-480px;}}
*/
.wrap480 {clear:both;margin-right:480px;}
.col480 {float:right;width:480px;margin-right:-480px;}
@media (max-width:979px) {.wrap480{clear:both;margin-right:0px;} .col480 {float:left;width:100%;margin-right:0px;}}

.responsivead {clear:both;display:table;margin:auto;padding:20px 0;width:728px;}
@media (max-width:750px) {.responsivead {width:468px;}}
@media (max-width:600px) {.responsivead {width:320px;}}

.print-only {display:none;}
@media print {body {font-size:80%;background:#fff;} .print-only {text-align:center;display:inline;}}
@media print {.hide-print, .privacy, .ad, .tile .responsivead {display:none;}}
@media print {a {color:#000;}}
@media print {.holder.grey {color:#000;background:#fff;}}

/* all columns full width for printing */
@media print {.wrap320, .wrap480 {clear:both;margin-right:0px;} .col320, .col480 {float:left;width:100%;margin-right:0px;}}

.textleft{text-align:left;}
.textred{color:#e00;}
.textmidgreen{color:#0b983a}
.nobottommargin{margin-bottom:0;}