body {
	background-color: #336633;
	margin-top: 0px;
    font-family: Arial, Helvetica, sans-serif; 
    padding: 0px;
    height: 100%;
}
a:link {
	text-decoration: none;
}
a:visited {
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}
a:active {
	text-decoration: underline;
	color: #E4E746;
}
.style3 {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	color: #D9CDA0;
	font-size: 14px;
}
.style46 {font-family: Arial, Helvetica, sans-serif}
.style47 {font-size: 12px; color: #FFFFCC; }
.HeadPanel {
	position:absolute;
	z-index:1; 
	background-color: #336633; 
	background-repeat: no-repeat; 
	height: 114px; 
	width: 100%; 
	top: 4px;
	left: 4px
}
.BodyPanel {
	position:absolute;
	top:323px;
	z-index:1;
; visibility: visible; clip:   rect( auto  auto); margin-right: auto; margin-left: auto
}
.MenuPanel {
	position:absolute;
	left:5px;
	top:5px;
	width:20px;
	height:20px;
	z-index:1;
; clip:    rect(   ); background-color: #0000FF; visibility: visible
}
.style68 {
	font-family: Tahoma;
	font-size: 14px;
    margin-bottom: 10px;
	color: #FFFFCC;
}
.style71 {font-size: 12px; color: #FFFFFF; font-weight: bold; font-family: Tahoma;}
.style74 {font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #FFFFFF; }
.style75 {color: #339933}
.style77 {
	font-family: Arial;
	font-size: 9px;
	color: #FFFFFF;
}
.style78 {color: #FFFFFF}
.style79 {font-family: Arial, Helvetica, sans-serif; color: #CCCCCC; font-size: 8px; }

.pmenutype1 { font-family: Arial, Helvetica, sans-serif; color: #D6DB41; font-size: 14px; font-weight: bold; }
.pmenutype2 { font-family: Arial, Helvetica, sans-serif; color: #93BF7A; font-size: 12px; }
.pmenutype3 { font-family: Arial, Helvetica, sans-serif; color: #339933; font-size: 12px; }
.hmenu      { font-family: Arial, Helvetica, sans-serif ; font-size: 12px; color: #FFFFFF}
.footer     {  font-family: Arial, Helvetica, sans-serif; font-size: 12px}
.rpaneltext { font-family: Tahoma; font-size: 10px; color: #FFFFCC; }
.waypointname { font-family: Arial, Helvetica, sans-serif ; font-size: 18px}
li {  font-family: Arial, Helvetica, sans-serif; font-size: 14px; color: #000000}
td {  font-family: Arial, Helvetica, sans-serif; font-size: 14px; color: #000000}
.indented {  font-family: Arial, Helvetica, sans-serif; margin-left: .3in; font-size: 12px}
.boldheadings { font-family: Arial, Helvetica, sans-serif ; font-size: 18px }
.BoldHdgWht { font-family: Arial, Helvetica, sans-serif ; font-size: 18px; color: #000000}
.p {  font-family: Arial, Helvetica, sans-serif; font-size: 12px}
.SectionHeadTxt 
     {
     font-family: Arial, Helvetica, sans-serif; 
     font-size: 16px; 
     font-weight: bold; 
     color: #FFFFFF; 
     margin-left: 0.1in;
     background-color: #330000
     }
.SectionHeadTxt24
     {
     font-family: Arial, Helvetica, sans-serif; 
     font-size: 24px; 
     font-weight: bold; 
     color: #FFFFFF; 
     margin-left: 0.1in;
     background-color: #330000
     }
.TxtWht10px { font-family: Arial, Helvetica, sans-serif; font-size: 10px; color: #FFFFFF; text-decoration: none }
.TxtWht12px { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #FFFFFF; text-decoration: none }
.TxtWht14px { font-family: Arial, Helvetica, sans-serif; font-size: 14px; color: #FFFFFF; text-decoration: none }

.TxtBlk10px { font-family: Arial, Helvetica, sans-serif; font-size: 10px; color: #000000; text-decoration: none }
.TxtBlk12px { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #000000; text-decoration: none }
.TxtBlk14px { font-family: Arial, Helvetica, sans-serif; font-size: 14px; color: #000000; text-decoration: none }

.TxtYlw12px { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #E4E746; text-decoration: none }

.SectionHeadBG { margin-left: 0.1in; background-color: #330000 }
.CaptionTxt    {  font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #FFFFFF}
.CaptionBG     { background-color: #638D41}
.wptdatabullet {  font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #93BF7A; font-weight: bold}
.TxtNavBar     {  font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-style: italic; color: #E4E746}
.TxtNavBarBlk  {  font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-style: italic; color: #000000}
.SectionHeadTxt12 { font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #FFFFFF; margin-left: 0.1in; background-color: #330000 }

.aligncenter { text-align: center; }



/* ********************** 2020 V4 revisions ***************************** */

#thmb {
      width: auto;
      height: 100px;  
      }  

.CenteredTable 
  {
  margin-left: auto;
  margin-right: auto;
  }

.NarrativeTxt { font-family: Arial, Helvetica, sans-serif; font-size: 16px; color: #000000; text-decoration: none }

p      {  font-family: Arial, Helvetica, sans-serif; font-size: 1.4vw; color: #000000; margin-bottom: 10px}
p.vw12 {  font-family: Arial, Helvetica, sans-serif; font-size: 1.2vw; color: #000000}
p.px12 {  font-family: Arial, Helvetica, sans-serif; font-size: 12px;  color: #000000}
p.r12  {  font-family: Arial, Helvetica, sans-serif; font-size: 1.2vw; color: #000000}
p.r14  {  font-family: Arial, Helvetica, sans-serif; font-size: 1.4vw; color: #000000}
.r16   {  font-family: Arial, Helvetica, sans-serif; font-size: 1.6vw; color: #000000}
.r18   {  font-family: Arial, Helvetica, sans-serif; font-size: 1.8vw; color: #000000}
.vw16  {  font-family: Arial, Helvetica, sans-serif; font-size: 1.6vw}
.px16  { font-size: 16px} 

#thmb {
      width: auto;
      height: 150px;  
      }  

.responsiveheader {
  max-width: 100%;
  height: auto;
  }

.responsiveimage {
  max-width: 100%;
  height: auto;
}

.hmenu { font-family: Arial, Helvetica, sans-serif ; font-size: 12px; color: #FFFFFF}

/* for responsive embeded videos */

.videoWrapper {
  position: relative;
  padding-bottom: 56.25%; /* 16:9 */
  height: 0;
}
.videoWrapper iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

/* hamburger for V4 */
/* nav toggle */
/* end hamburger menu for V4 */ 


div.headerbox {
    position: relative;
    width: 100%;
    background-color: #336633; 
    margin-top: 0px;
	top: 0px;
    left: 0px;
	height: 120px;  
	z-index: 1;
    }

.headerboxV4 {
    position:  relative;
    width: 100%;
    background-color: #336633;
    margin-top: 0px;
	top: 0px;
    left: 0px;
	height: 120px; 
	z-index: 1;
    }


div.mainbox {
	position: absolute;
    background-color: #B7CF95; 
	left: 10%;
    right: 10%;
	top: 180px;
    padding: 20px;
	height: auto;
	z-index: 1;
    }

div.indexmenubox {
	position: absolute;
    background-color: #B7CF95; 
	left: 10px;
	top: 180px;
    padding: 20px;
	height: auto;
	z-index: 1;
    }


/* responsive grid for the 2 index page divs /*

/*  SECTIONS  */
.section {
	clear: both;
	padding: 0px;
	margin: 0px;
}

/*  COLUMN SETUP  */
.col {
	display: block;
	float:left;
	margin: 1% 0 1% 1.6%;
}
.col:first-child { margin-left: 0; } 


/*  GROUPING  */
.group:before,
.group:after {
	content:"";
	display:table;
}
.group:after {
	clear:both;
}
.group {
    zoom:1; /* For IE 6/7 */
}

/*  GRID OF TWO   ============================================================================= */


.span_1_of_2 {
    background-color: #354C25;
	width: 49.2%;
}

.span_2_of_2 {
	width: 49.2%;
}

/*  GO FULL WIDTH AT LESS THAN 480 PIXELS */

@media only screen and (max-width: 480px) {
	.span_2_of_2 {
		width: 100%; 
	}
	.span_1_of_2 {
		width: 100%; 
	}
}

/*  Hamburger app V4 */
/* @import url("https://fonts.googleapis.com/css?family=Source+Sans+Pro");*/
* {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

html {
  font: 10px Helvetica, Arial, sans-serif;
  min-height: 100%;
}

a {
  cursor: pointer;
  text-decoration: none;
}
a:hover {
  opacity: 0.8;
}

#header,
#main,
#footer {
  flex-shrink: 0;
}

#main,
#footer {
  position: relative;
}

#main {
  flex-grow: 1;
}

/* Hamburger Menu */

/* nav toggle */
.nav-toggle {
  cursor: pointer;
  height: 2rem;
  left: 2rem;
  position: fixed;
  top: 2rem;
  width: 3.6rem;
  z-index: 2;
}
.nav-toggle:hover {
  opacity: 0.8;
}
.nav-toggle .nav-toggle-bar,
.nav-toggle .nav-toggle-bar::after,
.nav-toggle .nav-toggle-bar::before {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  background: #ffffff;
  content: "";
  height: 0.4rem;
  transition: all 0.5s;
  width: 100%;
}
.nav-toggle .nav-toggle-bar {
  margin-top: 0;
}
.nav-toggle .nav-toggle-bar::after {
  margin-top: 0.8rem;
}
.nav-toggle .nav-toggle-bar::before {
  margin-top: -0.8rem;
}
.nav-toggle.expanded .nav-toggle-bar {
  background: transparent;
}
.nav-toggle.expanded .nav-toggle-bar::after, .nav-toggle.expanded .nav-toggle-bar::before {
  background: #ffffff;
  margin-top: 0;
}
.nav-toggle.expanded .nav-toggle-bar::after {
  -ms-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}
.nav-toggle.expanded .nav-toggle-bar::before {
  -ms-transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

/* nav */
.nav {
  background: #336633; 
  color: #ffffff;
  cursor: pointer;
  display: flex;
  font-size: 2rem;
  height: 100vh;
  left: -20rem;
  padding: 6rem 2rem 2rem 2rem;
  position: fixed;
  top: 0;
  transition: all 0.5s;
  width: 20rem;
  z-index: 1;
}
.nav.expanded {
  left: 0;
}
.nav ul {
  list-style: none;
  margin: auto 0;
  padding: 0;
}
.nav-items {
 color: white;
}

/*  END HAMBBURGER APP V4 */