@charset "utf-8";
@import url(https://fonts.googleapis.com/css?family=McLaren);
* { padding:0; margin:0; font-family: 'McLaren', Arial, Helvetica, sans-serif; word-wrap:break-word; box-sizing:border-box; border-collapse:collapse; }
body, html { font-family: calibri, sans-serif; font-size:14px; background:#69AD32; min-height:100%; }
.clear { clear:both; }
#container { max-width:100%; width:1100px; margin:0 auto; position:relative; }
img { max-width:100%; height: auto; }
div#container nav span.nav-btn { display:none; }
body { background:#69AD32 url(images/bg.png) center 0 repeat-x; }
a { text-decoration:none; }

.table {
    border-collapse: collapse;
    border: none;
}

.table tr {
    padding: 10px 0;
    display: block;
    border-bottom: 1px solid #c2c2c2;
}

.isFloatLeft { margin:0 20px 20px 0; }
.isFloatRight { margin:0 0 20px 20px; }

.staffpage #mod1 img { border-radius: 8px; }

/*height: 265px!important;object-fit:cover; }*/

div#top-banner {padding: 10px 20px;background: #eb1a24;border-radius: 3px;text-transform: capitalize;color: #eee;text-align: center;font-weight: 600;font-size: 12px;margin-bottom: 20px;}

div#container { }
div#container header { padding:30px 0; }
div#container header img { float:left; margin-right:30px; }
div#container header h1 { float:right; font-size:3.9vw; line-height:3.9vw; text-shadow: 2px 2px #333; color:#FFF; }

.covidnotice { background: #EB1A24; text-align: center; padding: 13px; }
.covidnotice:hover { background: #333F48; }
.covidnotice a { color:#FFF; font-weight: bold; font-size: 15px; text-transform: uppercase; text-decoration: none; }


.blogpost { border-bottom: #EFEFEF 3px solid; padding-bottom: 20px; margin-bottom: 20px; }
.blogpost .postimg { width: 120px; height: 120px; background-position: center; background-size: cover; background-repeat: no-repeat; float: right; border-radius: 5px; 
	margin: 0 0 0 20px; }
.blogpost .postdate { font-size: 13px; color:#999; margin-bottom: 7px; }

div#container nav {  }
div#container > nav > ul {  width:100%; text-align:center; }
div#container > nav > ul > li { list-style:none; display:inline-block; float:left; position: relative;}
div#container > nav > ul > li > a { text-decoration:none; width:130px; height:70px; line-height:85px; font-size:16px; color:#FFF; text-transform:capitalize; float:left; text-shadow: 2px 2px #333; background-size: cover; }
div#container > nav > ul > li > a:hover { font-weight:bold; font-size:16px; }

@media screen and (min-width: 1120px) { /* encapsulating some styles to just full width */
.nav-btn { display:none; }

div#container nav img { display:none; }
div#container nav ul > li.purple { }
div#container nav ul > li.purple > a { background:url(images/nav1.png) 0 0 no-repeat; }
div#container nav ul > li.purple > ul { background: #8A15FE; }

div#container nav ul > li.dblue { }
div#container nav ul > li.dblue > a { background:url(images/nav2.png) 0 0 no-repeat; }
div#container nav ul > li.dblue > ul { background: #0066CB; }

div#container nav ul > li.lblue { }
div#container nav ul > li.lblue > a { background:url(images/nav3.png) 0 0 no-repeat; }
div#container nav ul > li.lblue > ul { background: #00A3D8; }

div#container nav ul > li.green { }
div#container nav ul > li.green > a { background:url(images/nav4.png) 0 0 no-repeat; }
div#container nav ul > li.green > ul { background: #2DB100; }

div#container nav ul > li.yellow {  }
div#container nav ul > li.yellow > a { background:url(images/nav5.png) 0 0 no-repeat; }
div#container nav ul > li.yellow > ul { background: #F1F100; }

div#container nav ul > li.orange { }
div#container nav ul > li.orange > a { background:url(images/nav6.png) 0 0 no-repeat; }
div#container nav ul > li.orange > ul { background: #FF8000; }

div#container nav ul > li.pink { width: 190px; }
div#container nav ul > li.pink > a { background:url(images/nav8.png) 0 0 no-repeat; width: 190px; }
div#container nav ul > li.pink > ul { background: #F5628D; }

div#container nav ul > li.red { }
div#container nav ul > li.red > a { background:url(images/nav7.png) 0 0 no-repeat; }
div#container nav ul > li.red > ul { background: #FF2525; }

div#container nav ul li ul { width: 250px; display: none; position: absolute; top: 100%; left: 0; z-index: 999; }
div#container nav ul li ul li { width: 100%; display: block; }
div#container nav ul li ul li a { padding: 5px 0 !important; display: block; width: 100% !important; border-left: none !important; font-size: 14px !important; color: #fff; text-shadow: 2px 2px #333; }
div#container nav ul li ul li a:hover { background: rgba(0,0,0,0.2) !important; }
div#container nav ul li:hover ul { display: block; }


.btn {
    margin: 10px 0;
    padding: 10px 20px;
    border-radius: 5px;
    background: #737373;
    color: #fff;
}


div#container div#upper div#slideshow { -webkit-clip-path: polygon(0 0, 100% 0, 96% 100%, 4% 100%); clip-path: polygon(0 0, 100% 0, 96% 100%, 4% 100%); }

}

div#container div#upper { position:relative; margin-bottom:30px; }

div#container div#upper div#slideshow { max-height:400px; overflow:hidden; }
div#container div#upper div#slideshow img { width: 100%; }

div#container div#upper div#lefttri { width:405px; height:214px; position:absolute; bottom:-1px; left:0; background:url(images/triangle.png) 0 0 no-repeat; padding:100px 10px 10px 10px; z-index:110; } 
div#container div#upper div#lefttri p { color:#FFF; font-size:36px; line-height:49px; text-shadow: 2px 2px #333; }
div#container div#upper div#righttri { width:221px; height:133px; position:absolute; bottom:-1px; right:0; background:url(images/righttriangle.png) 0 0 no-repeat; z-index:110; }

div#container div#center { width:100%; height:110px; background:url(images/slab.png) 0 0 no-repeat; padding:46px 10px 10px 20px; color:#FFF; margin-bottom:49px; }
div#container div#center div#tell { float:left; border-right:#458A00 1px solid; padding-right:20px; }
div#container div#center div#tell h3 { }
div#container div#center div#tell p { }
div#container div#center div#email { float:left; border-right:#458A00 1px solid; padding-left:20px; padding-right:20px; }
div#container div#center div#email h3 { }
div#container div#center div#email p { }
div#container div#center div#address { float:left; padding-left:20px; }
div#container div#center div#address h3 { }
div#container div#center div#address p { }

div#container div.block { position:relative; float:left; width:30%; padding:10px 20px 20px 20px; color:#FFF; min-height:433px; } /*currently using min height - these need to be dynamic?*/
div#container div.one { background:#FF2626; margin-right:5%; }

div#container div.block.wide-block { width:60%; } /*currently using min height - these need to be dynamic?*/

div#container div.two { background:#0059B2; margin-right:5%; }
div#container div.three { background:#8000FF; }
div#container div.block h2 { font-size:26px; margin-bottom:20px; text-shadow: 2px 2px #333; line-height:33px; }
div#container div.block img { margin:0 auto 10px auto; }
div#container div.block img.angle { position:absolute; top:-19px; left:0; }
div#container div.block p { }

div#container div.twitter { width:980px; height:80px; background:url(images/twitterslab.png) 0 0 no-repeat; padding:27px 10px 10px 20px; color:#0059B2; margin-bottom:49px; margin-top:30px; }
div#container div.twitter a { color:#0059B2; }
div#container div.twitter a:hover {  color:#FFF; }
div#container div.twitter img { float:left; margin-right: 20px; margin-top:-9px; }
div#container div.twitter p { margin-top:-4px; }
div#container div.twitter p br { }

div#container footer { padding-bottom:30px; margin-top: 30px; }
div#container footer p { text-align:center; color:#395F1E; }
div#container footer p a { display:block; color:#395F1E; }
div#container footer p a:hover { color:#FFF; }

/* Page.php */

div#container #pagecontent { color:#222; margin:30px 0; }
div#container #pagecontent h2, div#container #pagecontent h2 a { font-size:26px; margin-bottom:20px; line-height:33px; color:#97D638; text-decoration:none; }
div#container #pagecontent h2 a:hover { color:#6A9B20; }
div#container #pagecontent a { color:#97D638; text-decoration:underline; }
div#container #pagecontent a:hover { color:#003D79; text-decoration:none; }
div#container section { float:left; width:68%; margin-right:2%; border:#97D638 2px solid; background: #FFF; padding:20px; border-radius: 3px; }
div#container section h3 { }
/*div#container section p { color:#97D638; }*/
div#container aside { float:right; width:30%; background:#0059B2; padding:20px; border-radius: 3px; }
div#container aside h3 { }
div#container aside ul { list-style:none; }
div#container aside ul li a { display:block; padding:10px; color:#FFF !important; margin-bottom:5px; text-decoration:none !important; border-radius: 3px; }
div#container aside ul li a:hover { background:#333 !important; color:#FFF !important; }
div#container aside ul li:nth-child(7n+1) a { background:#7000DF; }
div#container aside ul li:nth-child(7n+2) a { background:#003D79; }
div#container aside ul li:nth-child(7n+3) a { background:#0085B0; }
div#container aside ul li:nth-child(7n+4) a { background:#249100; }
div#container aside ul li:nth-child(7n+5) a { background:#C1C100; }
div#container aside ul li:nth-child(7n+6) a { background:#E17100; }
div#container aside ul li:nth-child(7n+7) a { background:#FF0000; }


div#container aside ul li { }
div#container aside ul li a { }

@media screen and (max-width: 1120px) {
* { max-width:100%; }
body { overflow-x:hidden; }
div#container header { text-align:center; }
div#container header img { display:none; }
div#container header h1 { float:none; font-size:36px; line-height:36px; }

div#container nav img { float:right; }
div#container nav span.nav-btn { display:block; width:140px; height: 70px; background: url(images/home.png) 0 0 no-repeat; float:left; line-height:85px; font-size:17px; color:#FFF; text-transform:capitalize; text-align:center; text-shadow: 2px 2px #333; margin-top: 7px; }
div#container nav span.nav-btn:hover { font-weight:bold; font-size:20px; cursor:pointer; }
div#container nav { }
div#container nav ul { width:100%; text-align:center; display:none; }
div#container nav ul li { list-style:none; display:block; float:none; }
div#container nav ul li a { text-decoration:none; width:100%; height:50px; line-height:50px; float: none; }

/* Colors and Gradients */

div#container nav ul li.purple { background: #7000df; background: -moz-linear-gradient(top,  #7000df 0%, #8a15ff 99%); background: -webkit-linear-gradient(top,  #7000df 0%,#8a15ff 99%); background: linear-gradient(to bottom,  #7000df 0%,#8a15ff 99%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7000df', endColorstr='#8a15ff',GradientType=0 ); }
div#container nav ul li.dblue { background: #00509f; background: -moz-linear-gradient(top,  #00509f 0%, #0066cc 99%); background: -webkit-linear-gradient(top,  #00509f 0%,#0066cc 99%); background: linear-gradient(to bottom,  #00509f 0%,#0066cc 99%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00509f', endColorstr='#0066cc',GradientType=0 ); }
div#container nav ul li.lblue { background: #0085b0; background: -moz-linear-gradient(top,  #0085b0 0%, #00a3d9 100%); background: -webkit-linear-gradient(top,  #0085b0 0%,#00a3d9 100%); background: linear-gradient(to bottom,  #0085b0 0%,#00a3d9 99%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0085b0', endColorstr='#00a3d9',GradientType=0 ); }
div#container nav ul li.green { background: #249100; background: -moz-linear-gradient(top, #249100 0%, #2db200 100%); background: -webkit-linear-gradient(top, #249100 0%,#2db200 100%); background: linear-gradient(to bottom, #249100 0%,#2db200 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#249100', endColorstr='#2db200',GradientType=0 ); } 
div#container nav ul li.yellow { background: #c1c100; background: -moz-linear-gradient(top, #c1c100 0%, #f2f200 99%); background: -webkit-linear-gradient(top, #c1c100 0%,#f2f200 99%); background: linear-gradient(to bottom, #c1c100 0%,#f2f200 99%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c1c100', endColorstr='#f2f200',GradientType=0 ); }
div#container nav ul li.orange { background: #e17100; background: -moz-linear-gradient(top, #e17100 0%, #ff8000 100%); background: -webkit-linear-gradient(top, #e17100 0%,#ff8000 100%); background: linear-gradient(to bottom, #e17100 0%,#ff8000 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e17100', endColorstr='#ff8000',GradientType=0 ); }	
div#container nav ul li.pink { background: rgb(242,51,108); background: linear-gradient(180deg, rgba(242,51,108,1) 0%, rgba(245,99,142,1) 100%); }
div#container nav ul li.red { background: #ff0000; background: -moz-linear-gradient(top, #ff0000 0%, #ff2626 100%); background: -webkit-linear-gradient(top, #ff0000 0%,#ff2626 100%); background: linear-gradient(to bottom, #ff0000 0%,#ff2626 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff0000', endColorstr='#ff2626',GradientType=0 ); }

div#container nav ul li ul { width: 100%; position: relative; z-index: 999; }
div#container nav ul li ul li { width: 100%; background: rgba(255,255,255,0.1); }
div#container nav ul li ul li a { height: initial; line-height: initial; display: block; padding: 15px 0 !important; width: 100% !important; border-left: none !important; font-size: 16px !important; color: #fff; text-shadow: 2px 2px #333; margin: 2px!important;}
/*div#container nav ul li ul li a:hover { background: rgba(0,0,0,0.2) !important; }*/
/*div#container nav ul li:hover ul { display: block; }*/





div#container div#upper { position:relative; margin-bottom:80px; }
div#container div#upper div#lefttri { width:100%; height:auto; bottom:-44px; background:none; padding:0; } 
div#container div#upper div#lefttri p { font-size:26px; line-height:50px; text-shadow: 2px 2px #333; background: #e17100; background: -moz-linear-gradient(top, #e17100 0%, #ff8000 100%); background: -webkit-linear-gradient(top, #e17100 0%,#ff8000 100%); background: linear-gradient(to bottom, #e17100 0%,#ff8000 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e17100', endColorstr='#ff8000',GradientType=0 ); padding-left:20px; }
div#container div#upper div#lefttri p br { display:none; }
div#container div#upper div#righttri { display:none; }

div#container div#center { width:100%; height:auto; background: #249100; background: -moz-linear-gradient(top, #249100 0%, #2db200 100%); background: -webkit-linear-gradient(top, #249100 0%,#2db200 100%); background: linear-gradient(to bottom, #249100 0%,#2db200 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#249100', endColorstr='#2db200',GradientType=0 ); padding:20px; }
div#container div#center div#tell { float:left; border-right:none; padding:0; margin: 0 20px 0 0; }
div#container div#center div#email { float:left; border-right:none; padding:0 0 0 20px; margin-bottom:10px; border-left:#458A00 1px solid; }
div#container div#center div#address { float:left; padding-left:0; width:100%; }

div#container div.twitter { width:100%; height:auto; background: #0085b0; background: -moz-linear-gradient(top,  #0085b0 0%, #00a3d9 100%); background: -webkit-linear-gradient(top,  #0085b0 0%,#00a3d9 100%); background: linear-gradient(to bottom,  #0085b0 0%,#00a3d9 99%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0085b0', endColorstr='#00a3d9',GradientType=0 ); padding:20px; }
div#container div.twitter a { color:#0059B2; }
div#container div.twitter a:hover {  color:#FFF; }
div#container div.twitter img { float:left; margin:0 20px 10px 0; }
div#container div.twitter p { margin-top:-4px; }
div#container div.twitter p br { }

/* Page.php */
div#container #pagecontent { margin:0 0 30px 0; }
div#container nav ul li:last-child a { margin-bottom:30px; }


div#container div.block img.angle { display:none; }
}

@media screen and (max-width: 800px) {
div#container div.block { width:50%; margin:0; margin-bottom:15px; } /*currently using min height - these need to be dynamic?*/
div#container div#center { margin-bottom:30px; }

/* Page.php */
div#container section { width:100%; margin-bottom:30px; }
div#container aside { width:100%; }

}

@media screen and (max-width: 620px) {
div#container div.block { width:100%; text-align:center; min-height:0; } /*currently using min height - these need to be dynamic?*/
div#container div.block br { display:none; }

}

@media screen and (max-width: 430px) {
div#container div#upper div#lefttri p { font-size:18px; }
div#container div#center div#tell { width:100%; margin-bottom:10px; }
div#container div#center div#email { width:100%; padding:0; border-left:none; }

}




#mod1, #mod2, #mod3, #mod4, #mod5, #mod6, #mod7, #mod8, #mod9 { margin-bottom:20px; }
#mod1 ul, #mod2 ul { margin:20px; }
#mod3 a { margin:0 10px 10px 0; float:left; }
#mod3 img { border:#CCC 3px solid; }
#mod3 ul { margin-left:0 !important; }
#mod3 p { margin-bottom:10px; }

#mod7 ul { padding:0; margin:15px 0 0 0!important; }
#mod7 li { list-style:none; padding:10px; margin:0 0 10px 0; }
#mod7 li:nth-child(odd) { background: #FFE0C1; margin-right:30px; }
#mod7 li:nth-child(odd) span { float: right; padding:8px; background-color: #FFA953; font-size:11px; margin:-10px -10px 0px 10px; }
#mod7 li:nth-child(even) { background: #D6F3FE; margin-left:30px; }
#mod7 li:nth-child(even) span { float: left; padding:8px; background-color:#60D0FB ; font-size:11px; margin:-10px 10px 0px -10px; }
.mod7write { padding:10px; background:#EFEFEF; border-top:#999 1px solid; border-bottom:#999 1px solid; margin-top:10px; }
.mod7write label { display:block;  }
.mod7write input { width:200px;  padding:5px; border:#999 1px solid; }
.mod7write textarea { width:300px; padding:5px; border:#999 1px solid; }

.calendar { width:100%; border-collapse:collapse;  }
.calendar tr { height:60px; } 
.calendar .calendar-head { height:20px !important; }
.calendar td { padding:5px; border:#CCC 1px solid; width:14%; vertical-align:top; } 
.calendar-day-head { line-height:20px; background-color:#666; color:#FFF; padding:5px; text-align:center; }
.calendar-day-np { line-height:30px; }
.calendar td.today { background-color:#CCC; }
.calendar .calendar-day:hover { background-color: #E6E6E6; }

#mod8 { padding-bottom:20px; border-bottom:#249100 1px dotted; }
#mod8.full { border-bottom:none; width: 100%; height: auto; }
#mod8 img.small { float:left; width:120px; max-width:120px !important; margin:0 15px 0 0; border:#249100 1px solid; padding:3px; }
#mod8 img.full { max-width:460px; max-height:510px; margin:5px 0 10px 0; border:#249100 1px solid; padding:3px; display:block; }
#mod8  .title a, #mod8 .title { font-weight:bold; text-decoration:none; font-size:16px; display:block; }
#mod8 em { margin-bottom:5px; display:block; font-size:12px; }

/* Cookie Box */
#cookie_box {
	position: fixed;
	display: inline-flex;
	font-family: sans-serif;
	left: 50%;
	transform: translate(-50%);
	justify-content: center;
	align-items: center;
	bottom: 20px;
	font-size: 14px;
	z-index: 1000;
	background: #193d61;
	padding: 15px 10px;
	width:35%;
	color: #fff;
	border-radius: 15px;
	box-shadow: 0px 0px 5px 4px rgb(0 0 0 / 0.2);
}
#cookie_box .cookie_box_close {
	background-color: #008dbc;
	border-radius: 10px;
	padding: 10px 30px;
	transition: all ease 0.25s;
}
#cookie_box .cookie_box_close:hover {
	background-color: #076a8b;
	color: #fff;
}
#cookie_box .box-cookie {
	width: 85%;
	padding: 0px 25px;
	text-align: justify;
	color: #fff;
}
#cookie_box .box-cookie a {
	color: #d8d8d8;
	font-weight: 600;
	text-decoration: none;
  transition: all ease 0.25s;
}
#cookie_box .box-cookie a:hover {
	color: #bdbdbd;
}
#cookie_box .box-img {
	display: inline-block;
	height: auto;
	width: 7.5%;
	text-align: center;
}
#cookie_box .box-img p{
	font-size: 3em;
	text-shadow: none;
	margin: 0px;
}
#cookie_box .box-btn {
	width: 15%;
	text-align: center;
}
#cookie_box .box-btn a{
	color: #fff;
	text-shadow: 0px 0px 8px rgb(0 0 0 / 0.5);
	text-decoration: none;
	font-weight: bold;
	font-size: 15px;
}
/**/
/* Cookie Mobile */

@media (max-width: 1600px) {
	#cookie_box {
		width: 50%;
	}
}

@media (max-width: 1300px) {
	#cookie_box {
		width: 70%;
	}
}

@media (max-width: 900px) {
	#cookie_box {
		width: 80%;
	}
}

@media (max-width: 770px) {
	#cookie_box .box-cookie {
		display: inline-block;
		vertical-align: middle;
		width: 85%;
		font-size: 12px;
		padding: 0px 5px;
	}
	#cookie_box .box-btn {
		display: inline-block;
		vertical-align: middle;
		width: 15%;
	}
	#cookie_box {
		display: inline-block;
		width: 90%;
		font-size: 12px;
		font-size: 0px;
	}
}

@media screen and (max-width: 650px) {
  #cookie_box .box-btn a { 
    font-size: 12px;
  }
  #cookie_box .cookie_box_close {
    padding: 5px 30px;
  }
  #cookie_box .box-cookie {
    width: 100%;
  }
  #cookie_box .box-btn {
    width: 100%;
    text-align: center;
    margin: 15px 0px;
    margin-bottom: 5px;
  }
  #cookie_box {
    width: 90%;
  }
}

@media screen and (max-width: 450px) {
  #cookie_box .box-cookie {
    font-size: 10px;
  }
  #cookie_box .cookie_box_close {
    padding: 5px 15px;
  }
  #cookie_box .box-btn {
    margin-bottom: 0px;
  }
  #cookie_box {
    padding: 10px;
  }
}

/**/


.forceheight {
    height: 267px!important;
}