html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, 
p, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font,
img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, 
u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, 
table, caption, tbody, tfoot, thead, tr, th, td {
 border: 0;
 margin: 0;
 padding: 0;
 font-family: 'EB Garamond';
}




body {
  font: 100%/1.5 'EB Garamond', Helvetica, Arial, sans-serif!important;
  width: 100%;
  margin: 0;
  padding: 0;
  color: #45423B;
  background-color: #D3D794;
  background-image: url("../images/blue-background.png");
  background-repeat: repeat;
}

@media only screen and (max-width: 1000px) { body { font-size: 120%!important; } }
@media only screen and (max-width: 800px) { body { font-size: 150%!important; } }
@media only screen and (max-width: 450px) { body { font-size: 120%!important; } }






a, a img {
 outline: none;
}
a img { border: 0; }

table {
 border-collapse: collapse;
 border-spacing: 0;
}

table img { margin-right: 1em; }

fieldset, img {
 border: 0;
}

img {
 vertical-align: bottom;
  max-width: 100%; height: auto; 
}



div.right, img.right, span.wf_caption, span.wf_caption.right { 
  display: block; 
  float: right; 
  clear: right;
  max-width: 50%!important; 
  margin: 0 0 1em 2em; 
}

div.right > img, 
div.left > img { 
  display: block; 
  width: 100%; height: auto; 
  max-width: 100%!important; 
  margin: 1em auto!important; 
}

div.left, img.left, span.wf_caption.left { 
  display: block; 
  float: left; 
  max-width: 50%!important; 
  margin: 0 2em 1em 0; 
  border: 1px solid black;
}



span.wf_caption img { 
  max-width: 100%!important; 
}
span.wf_caption span { 
  font-style: italic; 
  font-size: 0.9em; 
  text-align: center; 
}


@media screen and (max-width: 700px) { 
  div.right, div.left, img.left, img.right, span.wf_caption { 
    float: none;
    display: block;
    margin: 0 auto 1em auto; 
    max-width: 100%!important; 
    height: auto;
  }
  div.right > img, 
  div.left > img { width: auto; }
}

del, ins {
 text-decoration: none;
}

caption, th {
 text-align: left;
}

h1, h2, h3, h4, h5, h6 {
 /*color: #1e502d;*/ color: #84313c; 
 font-weight: bold;
  line-height: 120%; 
  font-family: 'PT Sans'!important;
}

h1 { font-size: 1.7em; }
h2 { font-size: 1.5em; }
h3 { font-size: 1.3em; }
h4 { font-size: 1.1em; }
h5 { font-size: 1.0em; }

p { font-size: 1.2em; margin: 1em 0; }

ul, ol { margin: 1em 1em 1em 1.5em; }
li p { font-size: 1em; }
#wrap li { font-size: 1.2em; }

li { font-size: 1em!important; }

q:before, q:after {
 content: '';
}

abbr, acronym {
 border: 0;
 font-variant: normal;
}

sup, sub {
 height: 0;
 line-height: 1;
 vertical-align: baseline;
 _vertical-align: bottom;
 position: relative;
}

sup {
 bottom: 1ex;
}

sub {
 top: .5ex;
}

legend {
 color: #000;
}

input, button, textarea, select, optgroup, option {
 font-family: inherit;
 font-size: inherit;
 font-style: inherit;
 font-weight: inherit;
}

input, button, textarea, select {
 font-size: 100%;
}




#contentwrap {
 width: 96%; 
  max-width: 970px;
  margin: 2em auto;
  padding: 0; 
}
@media screen and (max-width: 1000px) { 
  #contentwrap { margin: 1em auto; }
}




/* ---------- HEADER ----------- */

#header {
  width: 100%;
  box-sizing: border-box;
  margin: 0; 
  padding: 1em 2%;
  background-color: white;
  font-size: 0.85em;
}

@media screen and (max-width: 1000px) { 
  #header { font-size: 0.7em; } 
}

@media screen and (max-width: 800px) { 
  #header { font-size: 75%; }
}

#header div.custom-header { 
  display: flex; 
  flex-direction: row; 
  align-items: flex-end;
  justify-content: space-between; 
}

#header div.col1 { width: 21%; }
#header div.col2 { width: 49%; margin: 0 2%; }
#header div.col3 { align-self: flex-end; }
#header div.col3 span.dot { display: none; }


/* Bulleted list with office addresses */
#header ul { 
  margin: 0; padding: 0;
  list-style-type: none;
}
#header ul li { 
  background-image: url(../../../images/bullet.png);
  background-size: 1em auto; 
  background-repeat: no-repeat;
  background-position: left 0.5em;
  padding-left: 1.4em; 
}
#header ul li:nth-child(2) { display: none; }
#header ul li:nth-child(4) { /*background-image: none;*/ }


@media screen and (max-width: 800px) { 
  #header div.custom-header { 
    display: flex; 
    flex-wrap: wrap;
    font-size: 0.8em; 
    align-items: flex-start;
  }
  #header div.custom-header > div { margin: 0 0 1em 0; }
  #header div.col1 { width: 21%; }
  #header div.col2 { width: 75%; }
  #header div.col3 { 
    width: 100%; 
    margin-bottom: 0!important; 
  }
    #header div.col3 br { display: none; }
    #header div.col3 span.dot { display: inline-block; margin: 0; }
    #header ul { text-align: center; }
    #header ul li { 
      box-sizing: border-box; 
      display: inline-block;
      text-align: left;
      vertical-align: top;
      background-image: none;
      margin: 0; padding: 0; 
      width: 48.5%;
      font-size: 0.9em;
    }
  #header ul li:nth-child(2) { 
    height: 1.8em;
    width: 2%;
    display: inline-block;
    background-image: url(../../../images/bullet.png);
    background-size: 1em auto; 
    background-repeat: no-repeat;
    background-position: center center;
  }
  #header ul li:nth-child(3) { text-align: right; }
  #header ul li:last-child { width: 100%; display: block; text-align: center; }
  #header div.col3 h4 { 
    margin: 0 0 0.1em 0; 
  }
}


@media screen and (max-width: 700px) { 
  #header div.custom-header { 
    flex-direction: column; 
    align-items: center;
  }
  #header div.custom-header > div { 
    text-align: center; 
    width: 100%;
  }
  #header div.col1 { max-width: 10em; }
      
  #header ul li { 
      display: block;
      text-align: center!important;
      width: 100%;
    }
  #header ul li:nth-child(2) { display: none; }
}


#header div.col1 img { 
  display: block; 
  width: 85%; 
  height: auto; 
  margin: 0 auto;
}

#header h1, #header h2, #header h3, #header h4 { 
  color: #84313c; 
  margin: 0; padding: 0; 
  line-height: 130%; 
  font-family: 'EB Garamond'!important; 
}

#header h1 { 
    font-size: 2.3em; 
    line-height: 110%; 
    padding-bottom: 0.1em;
    margin-bottom: 0; 
}

#header h2 { 
  font-size: 1.6em; 
  margin: 0; padding: 0; 
  line-height: 120%; 
  font-weight: normal;
}

#header h3 { 
  font-weight: normal; 
  font-size: 1.6em; 
  margin-top: 0.2em;
}

#header h4 { 
  font-size: 1.3em;  
  font-weight: normal; 
  margin-top: 0.3em;
}

#header a { 
  color: #84313c; 
  text-decoration: none; 
}

#header h1 a {   
  font-family: 'PT Sans'!important; 
}

/* COVID-19 button */
#header p { margin: 0; }
#header a.button { 
  background: #7B2B38; 
  color: #FEFF93;
  text-decoration: none; 
  font-family: 'PT Sans';
  font-weight: bold;
  display: inline-block;
  margin: 0.5em 0 0 0;
  padding: 0.4em 0.8em;
  border-radius: 0.5em;
}


#menu {
 border-top: 1px solid #FFFFFF;
  
}




#wrap {
 float: left;
 width: 100%; 
  max-width: 970px;
 background-color: #fff;
}


#left {
 float: left;
  box-sizing: border-box;
  width: 24%;
  padding: 2em 0 1em 1em;
  margin: 0;
}

#left img { max-width: 100%; height: auto; }


#fullwidth { 
  padding: 2em 1em 1em 1em;
}

@media screen and (max-width: 800px) { 
  #left { 
    float: none;
    width: 100%;
    padding: 1em 2%; 
  }
  #left > div { text-align: center; }
  #left img { margin: 0 auto!important; }
}




#right {
  box-sizing: border-box;
  padding: 2em 1em 2em 27%; 
}

@media screen and (max-width: 800px) { 
  #right { 
    padding: 0 3% 1em 3%;
  }
}



#footer {
 background-image: url("../images/footer-maroon.jpg");
 background-repeat: repeat-y;
  clear: both;
 margin-bottom: 0.5em;
 padding: 0.7em 3%;
 box-sizing: border-box;
  width: 100%;
}
#footer p { margin: 0; }
#footer a { font-size: inherit; }

#copyright {
 text-align: center;
 color: #FFFFFF;
 font: 80%/1.5 'EB Garamond', Arial, Helvetica, sans-serif;
}

#copyright a { color:  white; } 


ul.actions {
 margin: 0;
 padding: 0;
 float: right;
}

ul.actions li {
 list-style: none;
 float: left;
 margin-right: 10px;
}



.item-page h2 {
 /*color: #2e663f;*/
 font-size: 1.5em;
 font-weight: bold;
 padding-left: 0;
 padding-top: 0;
 text-align: left;
 text-indent: 0;
}

a { color: /* #45423B; */ #84313c; }
a:visited { color: #a53f4c; }


#right a { font-size: inherit; }


/* 
.item-title a {
 color: #41521B;
 font-weight: bold;
 width: 100%;
 float: left;
}

.cat-children li dl {
 float: left;
 width: 100%;
}

.cat-children li dl dt {
 float: left;
 width: 83px;
}

.cat-children li dl dd {
 float: left;
 width: 100px;
}

.cat-children .category-desc {
 float: left;
 width: 100%;
}

.cat-children {
 float: left;
 width: 100%;
}

.cat-children li {
 float: left;
 margin-bottom: 20px;
 width: 100%;
}

.item-title {
 float: left;
 width: 100%;
}

.category th {
 background: none repeat scroll 0 0 #71A021;
 color: #FFFFFF;
 font-weight: bold;
 padding: 2px;
}

.category th a {
 padding-left: 5px;
}

.cat-list-row1 {
 background: none repeat scroll 0 0 #EFEFEF;
}

.cat-items .category {
 width: 100%;
}

.list-title {
 padding: 5px;
}
*/

#system-message {
 margin-bottom: 10px;
 padding: 0;
}

#system-message > dt {
 font-weight: bold;
 display: none;
}

#system-message > dd {
 margin: 0;
 font-weight: bold;
 text-indent: 30px;
}

#system-message > dd > ul {
 color: #0055BB;
 background-position: 4px top;
 background-repeat: no-repeat;
 margin-bottom: 10px;
 list-style: none;
 padding: 10px;
 border-top: 3px solid #84A7DB;
 border-bottom: 3px solid #84A7DB;
}

#system-message > dd > ul > li {
 line-height: 1.5em;
}

#system-message > .message > ul {
 background-color: #C3D2E5;
 background-image: url(../images/notice-info.png);
}

#system-message > .error > ul, #system-message > .warning > ul, #system-message > .notice > ul {
 color: #c00;
}

#system-message > .error > ul {
 background-color: #E6C0C0;
 background-image: url(../images/notice-alert.png);
 border-color: #DE7A7B;
}

#system-message > .warning > ul {
 background-color: #E6C8A6;
 background-image: url(../images/notice-note.png);
 border-color: #FFBB00;
}

#system-message > .notice > ul {
 background-color: #EFE7B8;
 background-image: url(../images/notice-note.png);
 border-color: #F0DC7E;
}

@import url(../../../media/system/css/system.css);
.system-unpublished, tr.system-unpublished {
 background: #e8edf1;
 border-top: 4px solid #c4d3df;
 border-bottom: 4px solid #c4d3df;
}


/*
span.highlight {
 background-color: #FFFFCC;
 font-weight: bold;
 padding: 1px 0;
}

.img-fulltext-float-right {
 float: right;
 margin-left: 10px;
 margin-bottom: 10px;
}

.img-fulltext-float-left {
 float: left;
 margin-right: 10px;
 margin-bottom: 10px;
}

.img-fulltext-float-none {;
}

.img-intro-float-right {
 float: right;
 margin-left: 5px;
 margin-bottom: 5px;
}

.img-intro-float-left {
 float: left;
 margin-right: 5px;
 margin-bottom: 5px;
}

.img-intro-float-none {;
}

.invalid {
 border-color: #ff0000;
}

label.invalid {
 color: #ff0000;
}
*/

#editor-xtd-buttons {
 padding: 5px;
}


/*
.button2-left, .button2-right, .button2-left div, .button2-right div {
 float: left;
}

.button2-left a, .button2-right a, .button2-left span, .button2-right span {
 display: block;
 height: 22px;
 float: left;
 line-height: 22px;
 font-size: 0.9em;
 color: #666;
 cursor: pointer;
}

.button2-left span, .button2-right span {
 cursor: default;
 color: #999;
}

.button2-left .page a, .button2-right .page a, .button2-left .page span, .button2-right .page span {
 padding: 0 6px;
}


.page span {
 color: #000;
 font-weight: bold;
}

.button2-left a:hover, .button2-right a:hover {
 text-decoration: none;
 color: #0B55C4;
}

.button2-left a, .button2-left span {
 padding: 0 24px 0 6px;
}

.button2-right a, .button2-right span {
 padding: 0 6px 0 24px;
}

.button2-left {
 background: url(../images/j_button2_left.png) no-repeat;
 float: left;
 margin-left: 5px;
}

.button2-right {
 background: url(../images/j_button2_right.png) 100% 0 no-repeat;
 float: left;
 margin-left: 5px;
}

.button2-left .image {
 background: url(../images/j_button2_image.png) 100% 0 no-repeat;
}

.button2-left .readmore, .button2-left .article {
 background: url(../images/j_button2_readmore.png) 100% 0 no-repeat;
}

.button2-left .pagebreak {
 background: url(../images/j_button2_pagebreak.png) 100% 0 no-repeat;
}

.button2-left .blank {
 background: url(../images/j_button2_blank.png) 100% 0 no-repeat;
}

div.tooltip {
 float: left;
 background: #ffc;
 border: 1px solid #D4D5AA;
 padding: 5px;
 max-width: 200px;
 z-index: 13000;
}

div.tooltip h4 {
 padding: 0;
 margin: 0;
 font-size: 95%;
 font-weight: bold;
 margin-top: -15px;
 padding-top: 15px;
 padding-bottom: 5px;
 background: url(../images/selector-arrow.png) no-repeat;
}

div.tooltip p {
 font-size: 90%;
 margin: 0;
}
*/


/*
.img_caption .left {
 float: left;
 margin-right: 1em;
}

.img_caption .right {
 float: right;
 margin-left: 1em;
}

.img_caption .left p {
 clear: left;
 text-align: center;
}

.img_caption .right p {
 clear: right;
 text-align: center;
}

.img_caption {
 text-align: center!important;
}

.img_caption.none {
 margin-left: auto;
 margin-right: auto;
}

a img.calendar {
 width: 16px;
 height: 16px;
 margin-left: 3px;
 background: url(../images/calendar.png) no-repeat;
 cursor: pointer;
 vertical-align: middle;
}
*/



/* ---------- Responsive Menu -------- */

#menu { 
   background: #84313c; 
   background-image: url("../images/footer-maroon.jpg");
}

@media screen and (max-width: 1000px) { #menu { font-size: 0.8em; } }

@media screen and (min-width: 950px)  { 
  #menu div.moduletable { display: table; margin: 0 auto; }
}

/* main menu UL */ 
ul#responsiveMenu101 { 
  background: transparent; 
  margin: 0 auto!important;
  font-size: 85%;
}

ul#responsiveMenu101.isDesktop { 
  display: table!important;
}


/* List items in general */
#responsiveMenu101 li { 
  margin: 0; padding: 0; 
  width: auto!important;
}

/* Top-level list items */ 
#responsiveMenu101 > li { margin: 0 0 0 0.3em; }
#responsiveMenu101 > li > a { font-size: 1em; font-weight: bold; }

/* Links in general */ 
#responsiveMenu101 li a { margin: 0; padding: 0; border: none; }
#responsiveMenu101 li a span.linker { 
  margin: 0; padding: 0.5em 0.8em; 
  font-family: 'PT Sans'!important; 
}

/* links with submenus */ 
#responsiveMenu101.isDesktop li.parent { margin-right: -0.8em; }
#responsiveMenu101 li a.parent span.linker { padding-right: 2em; }

/* arrows */ 
#responsiveMenu101 li a span.opener { 
  background-image: none;
  background-size: auto 1.5em; 
  background-position: right middle; 
  margin: 0; padding: 0.5em 0; 
  width: 2.3em;
}
#responsiveMenu101 li a:hover span.opener { 
  background-image: url(../../../media/mod_responsivemenu/images/down-bg.png);
}

/* Current page */ 
#responsiveMenu101 > li.current > a,
#responsiveMenu101 > li.active > a { background: transparent; color: #feff93; }
#responsiveMenu101 > li.active ul li.active a { background-color: #a53f4c; color: #feff93; }

/* Submenu backgrounds */ 
#responsiveMenu101 li ul li a { background-color: #84313c; }

/* Hover colors */ 
#responsiveMenu101 a:hover { background-color: #67262f!important; }
#responsiveMenu101 li ul li a:hover { background-color: #67262f!important; }




/* MOBILE MENU */

#menu a.responsiveMenu1m.toggleMenu.isMobile { 
  font-weight: bold; 
  text-decoration: none; 
  font-size: 1.6em; 
	padding: 0.2em 0.5em 0.7em 2em;
	height: 1em; 
	background-color: #84313c; 
  color: white;
	border-radius: 0;
	background-position: 0.5em center; 
	background-size: auto 1.1em; 
}

@media screen and (max-width: 800px) { 
  #menu a.responsiveMenu1m.toggleMenu.isMobile { padding-top: 0.5em; }
}
@media screen and (max-width: 450px) { 
  #menu a.responsiveMenu1m.toggleMenu.isMobile { 
    padding-top: 0.2em; padding-bottom: 1em;  }
}



#menu a.responsiveMenu1m.toggleMenu.isMobile span {	
	line-height: 100%;
	display: inline-block;
	padding: 0;
}

ul#responsiveMenu101.isMobile { 
	box-sizing: border-box; 
	position: absolute;
  background: #84313c;
	z-index: 100;
	width: 96%; 
	margin: 0; 
  font-size: 1.2em;
}
ul#responsiveMenu101.isMobile li { line-height: 130%; }
ul#responsiveMenu101.isMobile li a { margin: 0!important; }
ul#responsiveMenu101.isMobile > li > a { padding: 0.2em 0 0.1em 0!important; }

ul#responsiveMenu101.isMobile li.active > a { background: #67262f; }

ul#responsiveMenu101.isMobile li.current a { background: #67262f; }

ul#responsiveMenu101.isMobile li a span.linker { margin: 0; }
ul#responsiveMenu101.isMobile ul { text-align: left; } 

ul#responsiveMenu101.isMobile li ul,
ul#responsiveMenu101.isMobile li ul li,
ul#responsiveMenu101.isMobile li ul li a {  }

ul#responsiveMenu101.isMobile li ul li ul li a span.linker { padding-left: 2em; }

#responsiveMenu101.isMobile li { border: none; }

/* Top-level links */ 
#responsiveMenu101.isMobile > li > a { font-weight: bold; font-size: 1.2em; }
#responsiveMenu101 li a.parent span.linker { padding-right: 2em; }





/* Pagination */

div.pagination { border-top: 2px solid #7F9798; margin-top: 2em; }

div.pagination p.counter { 
   margin: 1em 0 0.2em 0; 
   font-weight: bold; 
}
div.pagination ul { list-style: none; margin: 0 0 1em 0; padding: 0; }

div.pagination ul li { 
     display: inline; 
     color: black; 
     margin: 0 0.4em 0 0; 
     padding: 0.2em 0.5em;
     border-radius: 0.2em; 
}
div.pagination ul li.pagination-start { margin-left: -0.5em; }

div.pagination ul li a { 
     text-decoration: none; 
     background: #52336F;
     margin: 0 -0.5em; 
     padding: 0.2em 0.5em; 
     border-radius: 0.2em;  
     color: white; 
}

div.pagination ul li.pagination-start a { margin-left: 0; }

.tooltip { display: none!important; }





/* ------- SOCIAL MEDIA ---------- */

div.moduletable.socialmedia { 
  background: #f5f5f5;
  float: right;
  clear: right; 
  margin: 0 0 1em 2em;
  padding: 1em;
  text-align: center;
}
div.right div.moduletable.socialmedia { float: none; clear: none; margin: 0; }

@media screen and (max-width: 800px) { 
  div.moduletable.socialmedia { float: none; margin: 1em auto; }
}

#left div.moduletable.socialmedia { float: none; margin: 0; }
#left div.moduletable.socialmedia h3 { font-size: 1em; }

div.moduletable.socialmedia ul { 
  list-style-type: none; 
  margin: 1em 0 0 0; padding: 0; 
}

div.moduletable.socialmedia ul li { 
  display: inline-block;
  margin: 0;
  width: 23.5%;
  box-sizing: border-box; 
}
div.moduletable.socialmedia ul li:last-child { margin-right: 0; }

div.moduletable.socialmedia ul li img { 
  height: auto; 
  max-width: 2em;
}
#left div.moduletable.socialmedia ul li img { max-width: 1.8em; }




/* Constant Contact signup */

div.moduletable.constantcontact { 
  border: 1px solid #ccc; 
  text-align: center;
  margin: 1em 0 0 0; 
  padding: 0.5em;
}

form.constantcontact h4 { 
  margin: 0; 
  padding: 0 0 0.5em 0; 
}

form.constantcontact input { 
  margin: 0; padding: 0.2em 0.3em; 
  line-height: 100%; 
  vertical-align: top; 
}

form.constantcontact input.submit { 
  font-family: 'PT Sans';
  margin: 0 0 0 0.3em; 
  padding: 0.3em 0.4em 0.2em 0.4em;
  background: #85323D;
  color: white; 
  border: none; 
  border-radius: 0.2em; 
}




/* FlexiContact Plus */

#fcp_form label, 
#fcp_form input.fcp_btn { 
  font-family: 'PT Sans'; font-weight: bold; 
}