* {-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;  }

body#template-08-2019 { margin:  0; }
#template-08-2019 .wrapper,
#template-08-2019.wrapper {max-width: none;  margin: auto;  }
#template-08-2019 #header .inner {}
#template-08-2019 .wrapperinner,
#template-08-2019 .inner,
#template-08-2019  #footer .inner {  margin: auto; color: #fff; }
#social-feeds.inner,
#template-08-2019 #content.inner {text-align: center; max-width: 960px;}
#template-08-2019 .fullcolumn { padding: 50px 7% 0; margin: 0px; text-align: center;}
#template .column { margin:   0px; padding: 10px; float: left; display: inline; 
overflow:  hidden;}

#template-08-2019 h1,
#template-08-2019 h2,
#template-08-2019 h3,
#template-08-2019 #home-left h2,
#template-08-2019 #home-right h2 {font-family: "Roboto Condensed", sans-serif; font-style: normal; 
		font-weight: 400; color: #000;}
#template-08-2019 h2,
#template-08-2019 h2 a {line-height: 1.3em; font-size: 25px; color: #514e86; font-weight: 400; 
    font-family: "Roboto Condensed", sans-serif; font-style: normal;}
#template-08-2019 .intro {font-family: "Roboto Condensed", sans-serif; font-style: normal; line-height: 1.3em; font-size: 23px;
		font-weight: 300; color: #000;}


#template-08-2019 h1,
#template-08-2019 h1 a {font-weight: 300; font-size: 225%; color: #58595b; padding-bottom: 10px; line-height: 1.2; }
#template-08-2019 h3 {font-weight: 600; font-size: 145%; color: #58595b; padding-bottom: 10px}

#template-08-2019 h1 a {color: #3573b9; font-size: 100%;}

#template-08-2019 *  {font-family: 'Roboto', sans-serif; font-style: normal; font-weight: 300; 
		color: #000; font-size: 15px; line-height: 1.5em}
#template-08-2019 p a {color: #3573b9;}
#template-08-2019 strong {font-weight: bold;}
#template-08-2019 em,
#template-08-2019 em a {font-style: italic;}
#template-08-2019 .dropdownmenu li a, 
#template-08-2019 a #serving, 
#template-08-2019 #big-links, 
#template-08-2019 #big-links a, 
#template-08-2019 .footermenu a, 
#template-08-2019 #submenuheading,
#template-08-2019 .slideshowcontainer + .fullcolumn p,

#template-08-2019 #home-quote {font-family: 'Roboto Condensed', sans-serif; font-style: normal; 
		font-weight: 300; color: #000;}
#template-08-2019 #home-events .home-event a { 
		font-weight: 300; color: #000;}

#template-08-2019 .slicknav_btn span {color: white;}

#template-08-2019 .dropdownmenu li a {font-size: 16px;}
#template-08-2019 .dropdownmenu ul li a:after {padding: 3px;}
/**************  INNER **************/

#template-08-2019 .cycle-slideshow .inner {padding: 0  0 0 55px;}
#template-08-2019.page1290 #header .inner {padding: 0 0px;}


/**************  HEADER **************/

#template-08-2019 {padding-top: 135px;}
#template-08-2019 #header {position: fixed; top: 0; z-index: 1000; background-color: white; 
	width: 100%; text-align: center;}


#template-08-2019 #header {margin: auto; border-bottom: 1px solid #dedede;}

#template-08-2019 #logo img {width: 275px; margin-top: 18px}

#template-08-2019 #topnav { margin: 0 10px 0px; float: right;  }

#template-08-2019 #animated-search {float: right; margin-top: 0;}
#template-08-2019 #search-icon {float: right; margin: 4px 0 0 5px;}
#template-08-2019 #searchform {float: right;}
#template-08-2019 #searchform input {padding: 8px; border: 1px solid #ccc;}
#template-08-2019 #animated-search img {width: 20px; margin-top: 2px;}

#template-08-2019 #social { float: right; text-align: right; margin: 4px 0 0 20px; }
#template-08-2019 #social a { text-decoration: none; }
#template-08-2019 #social {padding-right: 10px;}
#template-08-2019 #social img { width: 25px; padding-top: 3px;}

#template-08-2019 #topnav a {color: #fff;}
#template-08-2019 .button {color: #fff; padding: 9px 15px; display: inline-block;
	text-transform: uppercase; font-size: 16px; margin-left: 10px; font-weight: 400 }
#template-08-2019 .button span {color: #fff; font-size: 16px; font-weight: 500}
#template-08-2019 .button:hover {color: #fff; text-decoration: underline;}

#template-08-2019 #big-links #donate,
#template-08-2019 .button.purple {background-color: #514e86;  }
#template-08-2019 #big-links #member,
#template-08-2019 .button.green {background-color: #78a22f; }
#template-08-2019 #big-links #attend {background-color: #3573b9; }


#template-08-2019 .cycle-slideshow h1 {font-family: "minion-pro-condensed", serif; font-size: 5em;}
#template-08-2019 .cycle-slideshow .item img.overlay { left: -12%;}
#template-08-2019 .cycle-slideshow .color-block {width: 400;}

#template-08-2019 #template-08-2019 h2 {margin-bottom: .75em;}
#template-08-2019 .slideshowcontainer + .fullcolumn p {font-size: 17px; font-weight: 400; margin: 0; 
	line-height: 1.25em; padding: 0;}

#template-08-2019 #big-links {margin: 25px 0 30px 0;}
#template-08-2019 #big-links #ribbon,
#template-08-2019 #big-links a {width: 255px; margin: 0 20px 10px; text-align: center; display: inline-block;
	padding: 18px 10px; font-size: 18px; color: #fff; font-weight: 400}
#template-08-2019 #big-links a#member  {background-image: none;}
#template-08-2019 #big-links a#donate  {background-image: none;}
#template-08-2019 #big-links a#attend  {background-image: none;}

#template-08-2019 .featured-home.row-2 {clear: both;}
#template-08-2019 .featured-home > div 
{ width: 50%;  float: left; margin-bottom: 20px; text-align: left; font-size: 14px;
     padding-top: 30px; padding-bottom: 20px;}

#template-08-2019 .featured-home > div.two-third {width: 66%;}
#template-08-2019 .featured-home > div.one-third {width: 33%;} 

#template-08-2019 .featured-home-left {padding-right: 20px;}
#template-08-2019 .featured-home-right {padding-left: 20px;}

#template-08-2019 .featured-home h1,
#template-08-2019 .featured-home h2 {line-height: 1.3em; padding-top: 0; padding-bottom: .4em;}

#template-08-2019 .featured-home h1 a,
#template-08-2019 .featured-home h2 a {color: #514e86;}

#template-08-2019 .featured-home img {width: 100%;} 


#template-08-2019 .home-left, 
#template-08-2019 .home-right { width: 50%;  float: left; margin-bottom: 20px; text-align: left; 
font-size: 14px;}

#template-08-2019 .home-left { padding-right: 2%; padding-top:15px; border: 0; }
#template-08-2019 .home-right {padding-left: 2%;  padding-top:15px;}

#template-08-2019 .home-right img,
#template-08-2019 .home-left img {margin-bottom: 1em; width: 100%;}

#template-08-2019 .home-right a,
#template-08-2019 .home-left a {color: #78a22f;}

#template-08-2019 .home-left h2,
#template-08-2019 .home-right h2 {font-size: 25px; margin-bottom: .4em;}

#home-bottom#template-08-2019  { clear: left; }

#template-08-2019 #home-events .home-event {width: 22%; margin-right: 4%; float: left;}
#template-08-2019 #home-events .home-event:nth-of-type(4) {margin-right: 0;}
#template-08-2019 #home-events h2 {font-size: 27px; margin-bottom: .8em;}
#template-08-2019 #home-events .home-event img {margin-bottom: 1em; width: 100%;}
#template-08-2019 #home-events .home-event p {font-weight: 300; padding: 0 0 10px; line-height: 1.25em; }
#template-08-2019 #home-events .home-event h3,
#template-08-2019 #home-events .home-event a {color: #514e86; line-height: 1.3em; font-size: 20px; font-weight: 400;}
#template-08-2019 #home-events .home-event a.date { font-weight: 600; text-transform: uppercase;}
#template-08-2019 #home-events + a {padding: 9px 45px; margin: 1.5em 0 2.5em; clear: both; font-size: 16px; font-weight: 600;}

#template-08-2019 #volunteer {padding: 50px 15%; text-align: center; font-size: 26px; background-color: #e6eed8;
	font-weight: 300;}

#template-08-2019 #volunteer .home-left,
#template-08-2019 #volunteer .home-left p,
#template-08-2019 #volunteer .home-right {margin-bottom: 0; padding-bottom: 0;}
#volunteer .responsive-video-wrapper {margin-bottom: 0;}

#template-08-2019 #volunteer .home-right a {color: #514e86;}

/*
#template-08-2019 #volunteer .home-right a {background-color: #78a22f; padding: 9px 45px;
    margin: .5em 0 1em; color: white; clear: both; font-size: 16px; font-weight: 600; 
		text-transform: uppercase; display: inline-block;}
*/
#volunteer #home-quote {font-size: 22px; }

#template-08-2019 #home-icons {padding: 40px 0; max-width: 932px;}
#template-08-2019 #home-icons .icon {text-align: center; width: 16%; margin-right: 4%; float: left; color: #000;
  font-family: "Roboto Condensed", sans-serif; font-style: normal; font-weight: 300; 
	font-size: 32px; }
#template-08-2019 #home-icons .icon:nth-of-type(5) {margin-right: 0;}
#template-08-2019 #home-icons .icon img {width: 90px; height: 90px; border-radius: .25%; display: block; margin:auto;}

#template-08-2019 #middle {padding-top: 30px;}

#template-08-2019 #centercolumn {padding: 0; width: 70%;}
#template-08-2019 #rightcolumn {padding: 0; width: 25%; float: right;}
#template-08-2019 #big-links #ribbon,
#template-08-2019 #rightcolumn #big-links a {width: 100%; margin: 0 0 15px; text-align: center;}
#template-08-2019 #rightcolumn #big-links span {display: none!important;}

/* #template-08-2019 #rightcolumn #events {margin-top: -65px; } */
#template-08-2019 #rightcolumn #Event {background-color: #F2F3F4; padding: 10px 10px 10px 0;}
#template-08-2019 #rightcolumn #Event a {color: #3573b9;  }

.page3 #sidebar-rte {padding: 0;}
.page1660 #sidebar-rte a,
.page3 #sidebar-rte a {display: inline-block; padding: 18px 10px; font-size: 18px;
    color: #fff; font-weight: 400; background-color: #78a22f; width: 100%;}

/* These are technically the same, but use both */
  overflow-wrap: break-word;
  word-wrap: break-word;

  -ms-word-break: break-all;
  /* This is the dangerous one in WebKit, as it breaks things wherever */
  word-break: break-all;
  /* Instead use this non-standard one: */
  word-break: break-word;

  /* Adds a hyphen where the word breaks, if supported (No Blink) */
  -ms-hyphens: auto;
  -moz-hyphens: auto;
  -webkit-hyphens: auto;
  hyphens: auto;
}

#template-08-2019 #submenuheading { font-size: 165%}
#template-08-2019 #submenu li a {font-size: 125%; /*text-align: center; */ width: 100%;  margin-right: 4%; float: left; color: #000;
  font-family: "Roboto Condensed", sans-serif; font-style: normal; font-weight: 300; }
#template-08-2019 #submenu #doc1626 ul,
#template-08-2019.page2 #submenu #doc40 {display: none;}

#centercolumn .register-button {padding: 10px 5px; color: white; width: 225px; text-align: center;}
	

/************* Member Pages ************************/

html {
    height: 100%;
    overflow: hidden;
    width: 100%;
}

body {
    height: 100%;
    overflow-x: hidden;
    overflow-y: auto;
    width: 100%;
}


/**************  Menu **************/

#template-08-2019 .dropdownmenu { padding-left: 0px; clear: right; margin: 10px 0 5px 0; position: relative; 
	width: auto; float: right; background-image: none; }
#template-08-2019 .dropdownmenu ul {padding-left: 0; text-align: right;}
#template-08-2019 .dropdownmenu ul li {float: none; display: inline-block;}
#template-08-2019 .dropdownmenu ul li a { color:#58595b; height:40px; line-height:40px;  padding: 0 5px; 
	font-size: 18px; font-weight: 400;}
#template-08-2019 .dropdownmenu ul li a:after { content: "";  }

/* remove page id when applied to interior pages */
#page1290 .slicknav_menu {background-color: #efefef;}
#page1290 .slicknav_menutxt {display: none;}

#page1290 .slicknav_nav a {color: #000;}
#page1290 .slicknav_menu .slicknav_icon {margin-left: 0;}
#page1290 .slicknav_btn {background-color: transparent;}
#page1290 .slicknav_menu .slicknav_icon-bar {background-color: #000; width: 30px; height: 4px; margin-top: 3px;}

/**************  CYCLE **************/
#template-08-2019 .slideshowcontainer { margin: 0 0 40px 0; clear: both; position: relative; overflow: hidden; width: 100%; 
	max-height: 425px; padding: 0 ;}
#template-08-2019 .slideshowcontainer > img {width: auto; position: absolute; top: 0;}
#template-08-2019 .cycle-slideshow   {width: 100%; min-width: 200px; max-width: none;  margin: 0 auto 0; padding: 0;
  border-bottom: 0px solid #606fab;  } 
#template-08-2019 .cycle-slideshow .color-block {background-color: #514e86; height: 425px;  display: block;
	position: absolute; left: 0; top: 0;}
#template-08-2019 .cycle-slideshow .inner {position: relative; }
#template-08-2019 .cycle-slideshow .item > img { width: 75%;}
#template-08-2019 .cycle-slideshow img.overlay {width: auto!important; margin-left: 0px; height: 425px}
#template-08-2019 .item {display: none; max-width: none; }
#template-08-2019 .item h1 {left: auto; color: #fff; top: 80px; font-size: 80px}
#template-08-2019 .item h2 {left: auto; color: #fff; top: 180px; line-height: 1.2em}


/*********** Sponsors ***********/

#home-icons .item {max-width: 960px; margin: auto; display: block; text-align: center; }
#home-icons .home-page-sponsors img {  margin: 10px; max-height: 50px; max-width: 130px;
float: none;}
.page37 #centercolumn img {border: 0;}


/**************  Social Feeds  **************/

#template-08-2019 #social-feeds hr {padding: 0 0 40px 0;}
#template-08-2019 #social-feeds .home-left {}
#template-08-2019 #twitter-widget-1 {margin: auto!important; position: relative!important; width: 400px;}
#member-quote {font-size: 22px; text-align: center; padding-top: 15px;}
#social-feeds {padding: 50px 0;}

/**************  Footer  **************/

#template-08-2019  #footer {  padding: 0px; margin:0 0; clear: both; background-color: #78a22f; 
	width: 100%;  max-width: none; }
#template-08-2019  #footer {background-color: #78a22f; color: #fff; margin-top: 30px; padding: 30px 0; width: 100%; }
#template-08-2019  #footer a,
#template-08-2019  #footer span {color: #fff;}
#template-08-2019  #footer .inner { padding: 0;  background-image: none; width: 100%;  }

#template-08-2019 #credit .inner {max-width: 932px; color: #666;}
#template-08-2019 #credit {margin: 0;}

#template-08-2019 #footer-utility {color: #fff;}

#template-08-2019 .fb_iframe_widget {width: 100%;}


@media all and (min-width: 960px){
	#template-08-2019 .inner {padding: 0 10px;}
}

@media all and (min-width: 1300px){
#template-08-2019 .cycle-slideshow .color-block {width: 450px;}
}

@media all and (min-width: 1500px){
	#template-08-2019 .cycle-slideshow .color-block {width: 550px;}
}

@media all and (min-width: 1600px){
#template-08-2019 .cycle-slideshow .color-block {}
}

@media all and (min-width: 2500px){
#template-08-2019 .cycle-slideshow .color-block {width: 1100px;}
}


@media all and (min-width: 3300px){
#template-08-2019 .cycle-slideshow .color-block {width: 1400px;}
}

@media all and (max-width: 600px){

#template-08-2019 #header {padding-top: 10px;}
	#logo {float: left;}
	#template-08-2019 #topnav {float: none; margin: auto;}
	#template-08-2019 .button.green {margin: 5px 0 5px 0;}
	
	#template-08-2019 #topnav .button {float: right; clear: right; padding: 9px 0; width: 90px; }
	
	#template-08-2019 #animated-search {position: absolute; top: 10px; left: 8px; z-index: 1000; }
	#template-08-2019 #search-icon {margin-top: 6px;}
	#template-08-2019 #searchform form {margin-left: 0;}
	#template-08-2019 #searchform #search {max-width: 175px;}

#template-08-2019 #big-links a {display: none; width: 100%; margin-left: 0; padding-left: 0;}

#template-08-2019 #centercolumn {width: 95%; margin: 0 2.5%;}	
	
#template-08-2019 #home-left, 
#template-08-2019 #home-right,
#template-08-2019 #home-events .home-event,
#template-08-2019 .featured-home > div,
#template-08-2019 .home-left, 
#template-08-2019 .home-right,
#template-08-2019 #volunteer
{float: none; margin: 1em 0 1em; width: 100%; padding: 0 1em;}

#template-08-2019 #volunteer .home-right a {width: 100%;}
#template-08-2019 #footer {padding: 30px;}


#template-08-2019 #home-icons {padding: 40px 40px 0; }	
#template-08-2019 #home-icons .icon {width: 48%; margin-right: 4%; margin-bottom: 1em;}
#template-08-2019 #home-icons .icon:nth-of-type(2) {margin-right: 0;}	
#template-08-2019 #home-icons .icon:nth-of-type(3) {clear: left;}			
	
#template-08-2019  #footer #footer-utility {float: none; display: block; margin-bottom: 1em;}
	
.slicknav_menu:before {width: 100%; display: block; padding-top: 10px;}

.slicknav_nav a:hover, 
.slicknav_nav .slicknav_item:hover, 
.slicknav_nav .slicknav_item a:hover {background-color: #545188;}

#--template-08-2019 .slicknav_nav .slicknav_parent.slicknav_open > a {color: #545188;}
#template-08-2019 .slicknav_nav li a,
#template-08-2019 .slicknav_nav .slicknav_arrow {margin-top: 0; color: white;}
	
}

@media all and (max-width: 350px){
	#template-08-2019 #header {padding: 0 10px;}
	#template-08-2019 #header #logo {padding: 0;}
	#template-08-2019 #header #logo img {width: 180px; padding: 0;}
	
}