/*SETUP==========================================================*/

html {
/*  scroll-padding-top: 4rem;*/
}

body {
/* overflow: hidden;*/
 font-family: Helvetica, Arial, sans-serif;
 font-size: 12pt;
}

.page {
    display: none;
}

.default {
    display: block;
}

:target {
    display: block;
}

:target ~ .default {
    display: none;
}

a:-webkit-any-link {
    text-decoration: none;
}

.body {
  display: grid;
  grid-template-columns: 3fr;
zoom: 100%;
  /*overflow: scroll;*/
  justify-items: center;
 /* margin-top: 5%;
  margin-bottom: 10%;*/
  min-width: 1400px;


}


/*HEADER, LOGO & NAVIGATION==========================================================*/

.header {
  /*border-bottom: 4px solid;*/
  padding:4px;
}

.logo {
  text-align: left !important;
  font-size: 2.7em;
  color:#7d20d4;
  font-style: italic;
  display:inline;
  text-align: left;
}

.logo a {
  color: #41ad49;
}

.logo img{
  max-height: 130px;
  width:auto;
  zoom: 100%;
}


.nav {
 text-align: left;
text-decoration-style: none;
margin-bottom: 14px;
}

.nav ul {
 list-style-type: none;
padding-left: 0px;
margin-bottom: 0px;
display: inline;
clear: both;
}

.nav li {
color: white;
text-decoration-style: none;
display: inline;

}


.nav li a {
color: black;
text-decoration-style: none;
font-weight: bold;
font-size: 0.9em;
display: inline;
padding-bottom: 2px;
border-bottom: 2px solid white;
margin-inline-end: 5px;
}

.nav li a .selected {
  color: black;
  /*border-bottom: 2px solid white;*/
}

.nav li a .wide {
  /*border-bottom: 2px solid white;*/
}

.nav li a .wide_selected {
  /*border-bottom: 2px solid white;*/
}

.nav li:hover {
  color: black;
  /*background-color: white;*/
/*text-decoration: underline;*/
  /*border-bottom: 2px solid white;*/
}



.nav li a:hover {
color: #41ad49;
font-style: italic;
}


.active {
  /*border-bottom: 1px solid white;*/
    font-style: italic;
}

.active a {
  color: #41ad49 !important;
}

a.active {
/*    color: #41ad49 !important;*/
}


.nav li a.active {
  color: #41ad49;
  font-style: italic;
  /*border-bottom: 2px solid #41ad49; */
}

.navExt {
  
}



/*CONTENT CONTAINER==========================================================*/


.content {
/*  min-height:500px;
  height: 500px;*/
  overflow: hidden;

}


.top {
 /* height: 7.5vh;*/
}



.sidebar {
  border-right: 1px solid lightgrey;
}

.footer {
    /*border-top: 1px solid lightgrey;*/

}


.intro_content {
  /*margin: 1px;*/
  padding-top:20px;
padding-inline:20px;
padding-bottom:20px;
    border-inline: 2px solid black;
    border-top: 4px solid black;
    border-bottom: 13px solid black;
    min-width: 600px;
    min-height: 480px;
justify-items: center;
}

.inner {
  padding-right: 6%;
}

.inner2col {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-template-areas:
      "ls  rs"
   ;
   column-gap: 1em;
  /*grid-template-columns: 200px 1fr 200px;*/
  padding-right: 6%;
}

.inner3col {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  grid-template-areas:
      "ls main rs"
      "ls2 main2 rs2"
   ;
   column-gap: 2em;
  /*grid-template-columns: 200px 1fr 200px;*/
  padding-right: 6%;
}


.inner3col main {
  border-right: 2px solid #41ad49;
}

main {
   grid-area: main;
   background-color: #cccccc;
}


aside:first-of-type {
  background-color: #cccccc;
   grid-area: rs;
}

aside:last-of-type {
   grid-area: ls;
   background-color: #cccccc;
      border-right: 2px solid #41ad49;
}

p {
  max-width: 800px;
}



/* GRID */

/*  CSS GRID STYLES */

   .gridlayout {
       display: grid;
       grid-template-columns: repeat(2, 1fr);
       grid-gap: 1rem;
       max-width: 800px;
   }

   .gcell {
       border: 2px solid #000;
       border-radius: 3px;
       font-family: arial;
       font-weight: bold;
       font-style: oblique;
   }


/*BODY TEXT==========================================================*/


.intro_content p {
/*max-width:800px;*/
}

.below {
  padding-top: 0px;
  margin-top: 0px !important;
      margin-block-start: 0px !important;
  margin-bottom: 2em;
}



.intro_content h2 {
 font-family: Helvetica, Arial Black, sans-serif;
font-weight: 900;
font-size: 1.47em;
margin-bottom: 10px;
padding-bottom: 0px;
/*text-decoration: underline;
border-bottom: 4px solid black;*/
}


h5 {
  display: inline !important;
   font-family: Helvetica, Arial Black, sans-serif;
font-weight: 900;
font-size: 1.47em !important;
margin-block-start: 0em !important;
    margin-block-end: 0em !important;
}





.intro_content p a {
  color: black;
  text-decoration: underline;
}

.intro_content p a:hover {
  color: #a82a2a;
  text-decoration: none;
}


.intro_content p i {
/*  color: #999;*/
  font-style: italic;
}






.inner3col h2 {
/*font-family: Helvetica, Arial Black, sans-serif;*/
font-weight: 600;
font-size: 1.2em;
margin-bottom: 10px;
/*  color: #41ad49;
  font-style: italic;*/
padding-bottom: 0px;
/*text-decoration: underline;
border-bottom: 4px solid black;*/
}