/*** SHARED STYLE SHEET PROPERTIES FOR THE WEBSITE ***/
body {
  width: 100%;
  height: 100vw;
  font-family: sans-serif;
  font-size:100%; }  
h1 {
  font-family: Arial, Helvetica, sans-serif; */
  color: darkred;
  text-transform: uppercase;  
  font-variant:small-caps;
  margin-top: 1.2rem;
  text-align:center;
  font-family: "Bitter", serif;
  font-optical-sizing: auto;
  font-style:italic;
  font-size:1.3rem;
  list-style-type:none;}  
h2 {
  text-align: left;
  text-transform: uppercase;
  font-family: Arial, Helvetica, sans-serif;
  font-weight: bold;
  color: red;
  font-size: 1.3em;}
hr {
  height: 5px; 
  width:90%;
  margin-left:5%;
  background-color: red;
  border: none; 
  margin-bottom:1rem;}
 blockquote {
  font-family: "Lora", serif;
  font-optical-sizing: auto;
  font-weight: oblique;
  font-stretch: extra-expanded;
  font-size: 1.3em;
  font-style: normal;
  font-weight: bold;
  color: red;  }
.lowercase_s {text-transform:lowercase}
.link {
  text-transform: uppercase;
  font-family: Arial, Helvetica, sans-serif;
  font-weight: bold;
  font-size: .8em;
  text-transform: uppercase;  
  margin-top: 1em;
  color: rgb(255, 230, 0);
  font-size: 1.6rem;
  font-style:italic; 
  padding-right: 2rem;
  text-align: center;} 
#FAQ_link {text-transform:none;}
p { 
  font-family: "Lora", serif;
  font-optical-sizing: auto;
  font-weight: oblique;
  font-stretch: extra-expanded;
  font-size: 1.3em;
  font-style: normal;
  font-weight: bold;
  color: maroon;     
  text-indent: 2em;
  line-height:1.7rem;}
.discussion::first-letter, .discussion_text::first-letter  {
  font-size:260%;
  color:red;
  text-shadow: 2px 2px 4px #000000;
  border:#000000;
  margin-right:0.15rem;}
.discussion_text::first-letter {
  font-size:220%;}
/* sets a gap between columns in the table elements
  source: https://stackoverflow.com/questions/17469483/how-to-increase-the-distance-between-table-columns-in-html */
table {
  border-collapse: separate;
  border-spacing: 0.2em 0;
  width: 20vw;
  padding-bottom: 20px,}
th {
  font-size:1.5rem;
  color: red;
  text-align:left;}
td {
  padding-top: 1rem;}
a { 
  font-size:1.3rem;
  font-weight:bolder;
  text-transform:small-caps;}
a:visited {
  color: #dbb50d;
  border-bottom:none;}
a:hover {
  color: maroon;
  background-color:rgba(235,235,52,0.7);}
a:active {
  color: darkblue;
  background-color: transparent;
  text-decoration: underline;
  border-bottom:3px solid darkblue;}
/* rotates the coachometry logo 
    from: https://imagekit.io/blog/image-rotation-html-and-css-imagekit/ */
@keyframes rotation {
  from {transform: rotate(0deg)}
  to {transform: rotate(359deg)
  logo.height=logo.height+50px;}}
.logo {
  margin-left: 1rem;
  margin-right:7rem;
  height: 175px;
  width: 600px;
  animation: rotation 2s 1 linear;
  transform: rotate(360deg);}   
#logo {
  box-sizing:border-box;
  width:40px;
  height: 20px;
  margin-left: 1em;
  animation: rotation 1.2s 1 linear;
  transform: rotate(360deg);   
  margin-top:0.7rem;
  z-index: 2;
  float:left;
  border:5px solid black;}
.bottom_logo {
  margin-top: 3.5rem;
  margin-bottom:2rem;
  height: 7rem;
  width: 7rem;
  transform: rotate(45deg);
  border: gold 0.4rem solid;
  outline: 4px solid red;}
.motto {
  font-family: Apple Chancery, Zapf-Chancery, Comic Sans, times-roman;
  font-family: Arial, Helvetica, sans-serif;
  color: rgb(3, 165, 177);
  font-optical-sizing: auto;
  box-sizing: border-box;
  text-align: left;
  align-items: left;
  text-wrap:wrap;
  line-break:auto;  
  overflow-wrap:break-word; 
  line-height: 2.2rem;
  font-size: 1.6rem;
  font-weight:bolder;
  font-variant:small-caps;
  font-style:oblique;
  text-shadow: 1px  1px;
  z-index:2;
  padding-left:2rem;
  padding-right:2rem;
  -webkit-text-stroke-width:1px;
  -webkit-text-stroke-color:black;}
 p.motto {
  text-align: left;
  float:center;
  text-transform: uppercase;
  line-break:auto;  
  overflow-wrap:break-word; 
  margin-left:10rem;
  font-family: Arial, Helvetica, sans-serif;
  font-weight: bold;
  color: rgb(3, 165, 177);
  font-size: 1.4rem;
  text-transform: uppercase;
  text-shadow: 1px  1px;
  margin-top: 7vh;}
#motto_every {
  color:red;
  font-size: 110%;
  margin-left:-1.5rem;
  margin-right:0.8rem;
  text-decoration:underline;
  font-weight:bolder;
  font-style:oblique;}
#motto_every::first-letter {
  font-size:120%;}
#nav_link_menu {
  margin-top:1rem;
  height: 2rem;
  width:100%;}
.nav_links {
  text-transform: uppercase;
  font-family: Arial, Helvetica, sans-serif;
  font-weight: bold;
  color: rgb(255, 230, 0);
  font-size: 1.4rem;
  font-style: italic;
  text-transform: uppercase;  
  margin-top: 1px;
  margin-bottom: 1px;}
#nav_link_list {
  display: flex;
  justify-content: space-evenly;
  flex-wrap: wrap;
  list-style: none;
  background-color: red;
  text-align: center;
  border: 0.5em solid #ffcd74;}
#nav_link_list a {
  display: block;
  padding: 0.25rem 0.5rem;
  color: gold;
  text-decoration: none;
  text-align: center;
  font-size: 1rem;
  font-style:italic;}
#nav_link_list a:hover {
  color: red;
  background-color:rgba(235,235,52,0.7);}
#bottom_banner  {
  background: red url(logo.png) round;
  background-size: 3rem;
  height: 3rem;
  margin-bottom:0.5rem;
  border: 5px solid gold;}
#bottom_banner_container  {
  width:100%;
  height:auto;
  color:peachpuff;
  -webkit-text-fill-color:peachpuff;}

/*** STYLE SHEET PROPERTIES FOR THE MAIN HOME PAGE (index.html) ***/
#homepage_body {
  display: flexbox;
  flex-direction:column;
  flex-flow:column;
  justify-content: center;
  text-align:center;}
#homepage_background_container {
  width:100vw;
  height:100vh;
  display: flexbox;
  flex-direction:column;
  justify-content: center;
  text-align:center;
  margin-right:2px;
  margin-left:-3px;
  padding-top:5px;
  background-image:url("iStock-Climbing.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  background-color: rgba(0,0,0,5);}
#homepage_logo { 
  height:220px;
  width:375px;
  padding:8px 4px 8px 10px;
  margin-top:-55px;
  margin-left:-2px;}     
#homepage_banner_container {
  box-sizing: border-box;
  display:block;
  margin:10px auto;
  border: 0.5rem solid rgb(187, 95, 20);
  border-radius:1.5em;
  width:430px;
  height:150px;
  background-color:white;
  z-index:1;} 
#homepage_banner {
  border-color: gold;
  border-style: solid;
  border-width:0.5rem;
  border-radius:1rem;
  padding-left:-5px;
  width:96.5%;
  height: 90%;} 
#homepage_motto_container {
  justify-content:center;
  text-align:center;
  overflow:visible;
  overflow-wrap:break-word;
  word-wrap:break-word;
  width:450px;
  margin: 0 auto;
 /* margin-top:35px;*/} 
#homepage_motto {
  text-align:center;
  font-size: 1.5em;
  font-weight:bolder;
  text-shadow: 0.1em 0.1em black;
  justify-items:right;
  padding-bottom:0.5rem;
  padding-left:1rem;
  overflow-wrap:break-word;
  word-wrap:break-word;
  line-break:auto;
  overflow:visible; }
#homepage_bottom_container {
  width: 410px;
  height: 260px;
  margin:0 auto;
  margin-top:300px;
  box-sizing: border-box;
  border: 0.5rem solid rgb(187, 95, 20);
  color: white;
  border-radius:1.5em;
  background-image: linear-gradient(to bottom, wheat, moccasin,  papayawhip 70%);
  justify-content:baseline;}
.homepage_link_container {     
  padding-bottom: .1rem;
  padding-left:10px;
  padding-top:10px;
  margin-left:-0.3px;
  border:gold 0.3rem solid;
  height:93%;
  width:96%;
  border-radius:1em;}
.homepage_link_category {
  color:red;
  font-size:1.3rem;
  text-transform:uppercase;
  text-decoration:underline;
  font-style:oblique;
  text-align:left;
  margin-bottom:0.3rem;}
#homepage_site_links {
  width:400px;
  margin-left:4px;
  column-width:10px;
  border-spacing:0;
  font-size: 0.2rem;
  justify-content: left;
  text-align:left;}  
.homepage_link_col {
  text-align: right;}
#homepage_links_title_row {
  column-width: 20px;
  padding-bottom: 5px;
  text-align: left;}
#social_media {
  margin-left:-30px;}
.icon {
  align-items:center;}
.social_media_icon {
  width:1.6em;
  height:1.6em;    
  border-bottom:none;
  padding-left:45px;
  padding-top:5px;}           
.homepage_link {
  color:rgb(3, 165, 177); 
  font-size:1.3rem;
  font-weight:bold;
  text-transform:small-caps;
  display:inline-block;
  text-decoration:none;}
.homepage_link:link {
  background-color: transparent;
  text-decoration: none;
  border-bottom:3px solid rgb(3, 165, 177); 
  border-bottom:none;}
.homepage_link:hover, .homepage_icon:hover {
  color: maroon;
  background-color:#ffd9d9;}

/*** STYLE SHEET PROPERTIES FOR THE INSTRUCTOR PAGE (coach_steve.html) ***/
#coach_steve_body {
  margin: 0 5%;
  margin-left:2.5vw; 
  font-family: sans-serif;
  width:87vw;
  background-color:peachpuff;}
#coach_steve_bottom {
  width:89.35vw;
  background-color:peachpuff;}
#coach_steve_banner_container {
  display: block;
  height: 9rem;
  margin-right:-2rem;
  margin-top:1.5rem;
  margin-bottom: 2rem;
  margin-left:0.5rem;
  display:grid;
  place-items: left;
  text-align:left;
  border: 0.5rem solid #ffcd74;
  outline: 0.4rem solid brown;
  background-image:url("logo.png");
  background-size:9.4rem;
  background-color:red;
  background-repeat:space;
  z-index: -1;}  
#coach_steve_title_container {
  width:375px;
  height:auto;
  background-image:linear-gradient(to bottom,papayawhip,white);
  position: relative;
  border-left: 0.5rem solid #ffcd74;  
  border-right: 0.5rem solid #ffcd74;
  padding-left: 2vw;}
#coach_steve_title {
  position: relative;
  text-align:center;
  top:.75rem;
  left:0rem;
  color: red;
  font-weight:bolder;
  font-family: "Dancing Script", serif;
  font-weight: bolder;
  font-size: 5rem;
  text-shadow: 2px 2px 4px #000000;
  border:#000000;}    
#coach_steve_frame_container {
  float:right;
  width: 250px;
  height: 250px;
  margin-right: .7em;
  margin-left: 20px;
  margin-top:-20px;
  margin-bottom: 30px;
  padding: 0.5rem;
  padding-top:-4rem;
  padding-bottom:3rem;
  padding-left:30px;
  padding-right:-1em;
  display: grid;
  place-items: center; 
  justify-content: center;
  align-items: center;}
#coach_steve_pictures {
  width:240px;
  height: 240px;
  background-color: rgba(235,186,52,0.5);
  border-color:#ffcd74 brown;
  padding-left:-20px;
  border-width: 0.7rem;
  border-style:groove; } 
#coach_steve_figcaption {
  color:maroon;
  position: relative;
  top: 5px;
  left:-17px;
  padding-bottom:60px;
  width:300px;  
  text-align:center;
  font-family:Georgia, "Times New Roman", serif;
  font-size:1.5rem;
  font-weight:bolder;
  font-style:oblique;
  text-decoration:underline;
  text-transform:uppercase;
  font-variant:small-caps;
 /* provides black outline of text
     source: https://kinsta.com/blog/css-text-outline/ */
  -webkit-text-stroke-width:1px;
  -webkit-text-stroke-color:black;
text-shadow:0 0 black;}} 
#coach_steve_discussion_container {
  margin-top: 20px;
  margin-bottom: 5px;   
  margin-right:-2.45rem;
  padding-top:1rem 2.5rem 2rem 4rem;}
p .coach_steve_discussion {
  font-family: Arial, Helvetica, sans-serif;
  font-weight: bold;
  color: rgb(113, 0, 128);
  background-color:papayawhip;
  font-size: 1rem;
  text-align: justify;
  text-align-last:left;}
#coach_steve_education_nav_link {text-align:left;
  justify-items:left;
  margin-left:-35px;}
#coach_steve_bottom_logo_container {
  width:100%;
  height:auto;
  padding-bottom:40px;}
#coach_steve_bottom_logo {
  position:relative;
  left:40%;
  bottom:2%;
  height: 6.5rem;
  width:6.5rem;
  margin-top:86.5px;
  margin-bottom:10px;}

/*** STYLE SHEET PROPERTIES FOR THE CONTACT US PAGE ***/
#contact_us_body {
  background-color:white;
  font-family: sans-serif;
  width: 70vw;
  height: 100vh;
  margin-left:15vw;}
#contact_us_logo { 
   width:390px;
    height:200px;
   height:auto;
   margin:0 auto;
   margin-left:-10vw;
   margin-bottom:0;
  padding-right:0;}   
#contact_us_motto_container{
  width: 320px;
  height: auto;
  text-align:center;
  overflow-wrap:break-word;}
#contact_us_motto {
  margin-top:80px;
  font-size:1.3em;
  text-align:center;
 margin-left:0px;}
#contact_us_banner_container  {
  display: grid;
  place-items: center; 
  justify-content:center;
  align-items: center;
  margin-top: 0.5rem;
  width:70vw;}
#contact_us_main {
  background-color: chocolate;
  width:90vw;
  margin-left:-15vw;
  margin-right:2vw;
  padding-right:8rem;
  display:flex;
  flex-direction:column;
  align-items:center;}
#contact_us_title_container {
  display:grid;
  width:260px;  
  height:50px;
  margin-top: 1rem;
  margin-bottom: 1.5rem;
  margin-left: 5.5rem;
  border-color:#ffcd74 maroon;
  border-width: 1rem;
  border-radius: 35px;
  border-style:ridge;
  font-weight:bolder;
  text-shadow: 2px 2px 1px #000000;}
#contact_us_middle, #contact_us_bottom {
  display:grid;
  place-content:center;
  justify-content:center;
  align-items:center;
  vertical-align:center;
  width:  460px; 
  height: auto;}
#contact_us_bottom_container, #contact_us_list_container {
  width:105%;
  margin-right:auto;
  margin-left:auto;
  margin-bottom:20px;
  border-left: 30px solid transparent;
  border-right: 30px solid transparent;
  border-color:#ffcd74;
  border-width: 1rem;
  border-style:ridge; 
  background:peachpuff;
  display:grid;
  place-content:center;
  justify-content:center;
  align-items:center;
  vertical-align: center;} 
#contact_us_list_container {
  width: 270px;
  background-color:papayawhip;
  margin-top:2rem;
  margin-bottom:1rem;
  padding-left:1.5rem;
  border: 0.7rem ridge red;}
#contacts_list {
  font-family: "Bitter", Arial, Helvetica, sans-serif;
  font-weight:bolder;
  font-size: 1.4rem;
  color: maroon;
  line-break:auto;  
  overflow-wrap:break-word; 
  list-style-image:url(logo_small_2.png);
  list-style-position:inside;
  padding-right:3rem;
  padding-left:-3rem;
  text-align:left;
  width:100%;}
#contact_us_table_header {
  text-align:center;
  font-size:1.6em;
  margin-left:-2rem;}
.contacts_list_text {
  font-style: italic;
  margin-top:2rem;
  margin-bottom:0.5rem;}
.contacts_link a {
  color: red;
  font-size:1.25rem;
  margin-left: 0.2rem;}
.contacts_link a:hover {
  color: maroon;
  background-color:#ffd9d9;}
#contact_us_navigation_menu {
  padding: 0.5em 0;
  margin-left:17px;
  width:60vw;}
  
/*** STYLE SHEET PROPERTIES FOR THE EDUCATION PAGE ***/
#education_body {
  margin: 0 5%;
  margin-left:10vw;
  background-color: peachpuff;
  width:70vw;
  font-weight: bold;}
#education_top{
  display: grid;
  place-items: center; 
  justify-content: center;
  align-items: center;
  margin-top: 1em;
  margin-bottom: 1rem;
  width:100%;
  background: url(logo_translucent.png) center top round;
  background-size:6rem;
  background-color:papayawhip;
  border-color:#ffcd74;
  border-width: 1rem;
  border-style:groove; 
  border-style:ridge;}
#graduation_picture_container {
  display: block;
  width:225px;
  height:auto;   
  margin-top: 1em;
  margin-bottom: 1rem;
  margin-left: 0rem;}
#graduation_picture {
  display: block;
  width:215px;
  height:auto;
  border-color:#ffcd74 maroon;
  border-width: 1rem;
  border-style:groove; 
  border-style:ridge;}
#education_title {
  display:block;
  padding-top:0.5rem;
  text-align:center;
  font-variant:small-caps;
  font-stretch:extra-expanded;
  border-top: 0.5rem solid #ffcd74;   
  border-bottom: 0.5rem solid #ffcd74;   
  border-left: 0.2rem solid #ffcd74;  
  border-right: 0.2rem solid #ffcd74;  
  text-align: center;
  text-transform: uppercase;
  font: bold 2.3rem "Marko One", Georgia, serif;
  color: rgb(255, 230, 0);
  text-transform: uppercase;
  background: red;
  margin-left:5vw;
  margin-right:5vw;
  width:95%;}
#education_container {
  background-color: papayawhip;
  display:grid;
  overflow: scrollbar;
  scrollbar-width: 80vw;
  place-content:center;
  justify-content:center;
  align-items:center;
  vertical-align: center;
  text-align: center;
  margin-right:10rem;
  width:100%;
  border: 30px solid transparent;
  border-color:#ffcd74;
  border-width: 1rem;
  border-style:ridge;}
#education_list {
  margin-left:2rem;
  margin-right:3rem;
  margin-top:0.5rem;
  margin-bottom:1rem;
  display:grid;
  list-style-position:inside;
  place-content:center;
  justify-content:center;
  align-items:center;
  vertical-align: center;
  text-align:center;}
.school {
  font-family: "Bitter", serif;
  color:maroon;  
  margin-top: 1rem;
  font-optical-sizing: auto;
  font-style:normal;
  font-size:1.25rem;
  font-weight:bolder;
  line-height:1.5rem;
  list-style-type:none;
  font-variant:small-caps;}
.location {
  color:maroon;
  font-weight:normal;
  text-decoration:solid;
  text-transform: none;  
  font-variant:normal;
  font-family: Arial, Helvetica, sans-serif;  
  font-size:0.5rem;
  margin-left:1rem;}
  #nova,  #george_mason, #mason_law, #rutgers, #rutgers_newark, #hopkins,
  #gwu_masters, #gwu_certificate, #wm_law, #wm_business, #vt  {
    color: firebrick;
    font-size: 1.1rem;
    font-style:bold;
    font-family: Arial, Helvetica, sans-serif;
    font-optical-sizing: auto;
    list-style-type:circle;
    margin-top: 0.2rem;
    margin-left:-5rem;
    /* centers the text within the box layout */
    /* source: https://www.w3schools.com/css/css_align.asp */
    text-align:left;
    justify-content:center; 
    display:inline-block;
    line-height: 1.5;
    vertical-align:middle;}
  #nova > a:link , #george_mason > a:link, #mason_law > a:link, #rutgers > a:link, #rutgers_newark > a:link,
  #hopkins > a:link, #gwu_masters > a:link, #gwu_certificate > a:link, #wm_law> a:link, #wm_business> a:link,
  #vt> a:link {
    font-style:oblique;
    font-size:1rem;
    color: firebrick;}
  #nova > .gpa,  #george_mason > .gpa, #mason_law > .gpa, #rutgers > .gpa, #rutgers_newark > .gpa,
  #hopkins > .gpa, #gwu_masters > .gpa, #gwu_certificate > .gpa, #wm_law > .gpa, #wm_business > .gpa,
  #vt > .gpa {
    font-size:1rem;
    margin-left:2rem;}
  #nova .graduation_date, #george_mason .graduation_date, #mason_law .graduation_date,
  #rutgers .graduation_date, #rutgers_newark .graduation_date, #hopkins .graduation_date,
  #gwu_masters .graduation date, #gwu_certificate .graduation date, #wm .graduation date,
  #wm_business .graduation date,  #vt .graduation date {
    font-size:1.05rem;
    margin-left:3rem;}
  .awards {
    font:bold;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 1rem;
    list-style-type:square; 
    line-height:1.3rem;
    line-break:auto;  
    overflow-wrap:break-word; 
    margin-right:4rem;
    min-height:fit-content;
    margin-top: 0.2rem; 
    text-align:left;
    line-height: 1.4;
    vertical-align: middle; 
    color:saddlebrown;}
  #publications, #bar_admissions {
    color:darkred;  
    font-variant:small-caps;
    text-align:center;
    text-decoration:underline;
    font-family: "Bitter", serif;
    font-optical-sizing: auto;
    font-style:italic;
    font-weight: bolder;
    font-size:1.4rem;}  
  .papers, #admissions {
    display:block;
    font:bolder;
    font-family: Arial, Helvetica, sans-serif;
    color: firebrick;
    font-size: 1.rem;
    font-style:normal;
    text-transform: capitalize;  
    overflow-wrap:break-word; 
    line-height: 1.4rem;
    margin-left:5vw;
    margin-right:5vw;
    margin-bottom: 1rem;}
  #admissions {
    vertical-align: middle;
    justify-content:center;
    text-align:center;
    margin-left:-1vw;
    margin-top:0;}
    /* creates a links banner at the bottom of the page
      source: https://www.w3schools.com/css/css_link.asp */
   #education_links_banner {
        width: 90%;
        height: 1.6rem;
        margin-left:5%;
        margin-bottom: 4rem;}
  .education_links {
     text-align: center;
     font-style:oblique;
     font-variant:small-caps;
     font-weight: bolder;
     font-family:serif;
     font-size:1.6rem;
     line-height: 1.6rem;}
  .education_bottom_banner {
    width: 101.75%;
    margin-top:0.5rem;
    margin-bottom:0.5rem;}

/*** STYLE SHEET PROPERTIES FOR THE EXPERIENCE PAGE ***/
#experience_body {
  font-size:100%;
  margin-left:12.5vw;
  font-weight:bold;  
  background-color: peachpuff;
  place-content:center;
  justify-content:center;
  align-items:center;
  vertical-align: center;
  width:70vw;}
 #professional_picture_container {
  border-color:#ffcd74;
  border-width: 1rem;
  border-style:groove; 
  border-style:ridge; 
  margin-top: 1em;
  margin-bottom:0.75rem;
  background: url(logo_translucent.png) center top round;
  background-size:6rem;
  background-color: papayawhip;
  display: grid;
  place-items: center; 
  justify-content: center;
  align-items: center;}
 #professional_picture {
  display: block;
  width:  210px; 
  height: auto;  
  margin-top: 1em;
  border-color:#ffcd74 maroon;
  border-width: 1rem;
  border-style:groove;}
#experience_title {
  display:block;
  padding-top:0.5rem;
  text-align:center;
  font-variant:small-caps;
  font-stretch:extra-expanded;
  font-family:cursive;
  border-top: 0.5rem solid #ffcd74; 
  border-bottom: 0.5rem solid #ffcd74; 
  text-align: center;
  text-transform: uppercase;
  font: bold 2.3rem "Marko One", Georgia, serif;
  color: rgb(255, 230, 0);
  background: red;
  margin-left:10vw;
  margin-right:10vw;
  width:68.4vw;}
#employer_list_container {
  margin: 5px auto;
  border: 30px solid transparent;
  border-color:#ffcd74;
  border-width: 1rem;
  background-color: papayawhip;
  border-style:ridge; 
  display:grid;
  place-content:center;
  justify-content:center;
  align-items:center;
  display: inline-block;
  overflow:scroll;
  scrollbar-width:80vw;
  vertical-align: middle;
  padding-left:10px;
  padding-right:10px;}
#employer_list {
  margin-left:70px;
  width:70%;
  display: grid;}
.employer_list_item {
  list-style-type:none;
   margin-top:1rem;}
.employer {
  font-family: Arial, Helvetica, sans-serif;
  font-family: "Bitter", serif;
  color:maroon;
  text-transform: uppercase;  
  font-variant:small-caps;
  margin-top: 1rem;
  font-optical-sizing: auto;
  font-style:normal;
  font-size:1.4rem;
  font-weight:bolder;
  list-style-type:none;
  text-decoration:underline;}  
.years, .location {
  font-family: Arial, Helvetica, sans-serif;
  color:maroon;
  font-variant:small-caps; 
  margin-top: 1rem;
  font-optical-sizing: auto;
  font-style:italic;
  font-size:1.2rem;
  list-style-type:none;
  text-align:right;}  
.location  {
  margin-left:2vw;
  margin-right:4vw;
  font-size:1.25rem;}
.job_title {
  font:bold;
  font-family: Arial, Helvetica, sans-serif;
  color:sienna;
  font-size: 1.1rem;
  font-style:italic;
  text-decoration:underline;
  text-transform: uppercase;  
  list-style-type:square;
  margin-top: 0.3rem;
  font-family: "Bitter", serif;
  font-optical-sizing: auto;}
.duties {
  font-variant:normal; 
  font-family: Arial, Helvetica, sans-serif;
  font-style:oblique; 
  color:crimson;
  font-size: 1.1rem;  
  line-height:1.3rem;
  list-style-type:disc; 
  margin-top: 0.2rem; 
  overflow-wrap:break-word;}  
.employer > a:link {
  font-style:normal;
  color: maroon;}
.employer > a:hover, a:visited {
  color:firebrick;
  background-color: #ffd9d9;} 
.experience_nav_menu {
  padding: 0.5em 0;
  width:90vw;}
#experience_nav_links, #experience_edu_link, 
#experience_teachers_link, #experience_home_link {
  display: flex;
  justify-content: space-evenly;
  flex-wrap: wrap;
  padding: 0;
  margin: 0;
  list-style: none;
  background-color: red;
  text-align: center;
  font-variant:small-caps;
  font-weight: bolder;
  font-family:serif;
  font-size:1.6rem;
  line-height: 1.6rem;}
#experience_nav_links a {
  display: block;
  padding: 0.25em 1em;
  color: #fff;
  text-decoration: none;
  text-align: center;
  font-size: 2rem;}

/*** STYLE SHEET PROPERTIES FOR THE FAQ and SERVICES PAGES ***/
#faq_body, #services_body {       
/*  width:100vw; 
  margin-left:5vw;*/
  display: grid;
  place-items: center; 
  justify-content: center;
  align-items: center;
  background-color: bisque;}  
#faq_top, #services_top {
  display: grid;
  place-items: center; 
  justify-content: center;
  align-items: center;
  margin-top: 1em;
  background: url(logo_translucent.png) center top round;
  background-size:6rem;
  width:70%;
  border-color:#ffcd74;
  border-width: 1rem;
  border-style:groove; 
  border-style:ridge;}
#services_top {
  margin-bottom:0.5rem;}
#faq_top {
  width:80%;
  margin-bottom:4px;}
#faq_title_container, #services_title_container {
  display:block;
  width:  260px; 
  height:100px;
  margin-top: 1rem;
  margin-bottom: 1rem;
  border-color:#ffcd74 maroon;
  border-width: 1rem;
  border-radius: 35px;
  border-style:ridge;
  text-shadow: 2px 2px #000000;}
#services_title_container {
  height:80px;
  width:300px;}
#faq_title, #services_title {
  font-weight:bolder;
  text-shadow: 2px 2px #000000;}
#faq_banner, #services_banner {
  width: 400px;
  display:block;
  padding-top:0.5rem;
  text-align:center;
  font: bolder 2rem Georgia, serif;
  font-stretch:extra-expanded;
  font-variant:small-caps;
  text-align: center;
  text-transform: uppercase;
  font-style:oblique;
  color: rgb(255, 230, 0);
  background: red;
  border-top: 0.5rem solid #ffcd74; 
  border-bottom: 0.5rem solid #ffcd74; 
  border-left: 0.25rem solid #ffcd74; 
  border-right: 0.25rem solid #ffcd74; 
  margin:0;}
#services_banner {
  width:70vw;
  font: bolder 1.65rem Georgia, serif;}
#faq_services_link, #services_tutors_link {
  font-size:inherit;
  color:pink;}
#faq_table_container, #services_table_container {
  width:80%;
  margin: 5px auto;
  border:1rem ridge #ffcd74;
  border-width: 1rem;
  border-style:ridge; }
#services_table_container {
  width:70%;
  margin-bottom:1rem;}
#faq_table, #services_table { 
  border: 0.5rem solid #ffcd74; 
  text-align: center;
  font-family: "Bitter", serif;
  font-optical-sizing: auto;
  font: bold 1.5rem "Marko One", Georgia, serif;
  color: rgb(255, 230, 0);
  background-color: rgba(255,0,0,0.8);
  border-collapse: collapse; 
  border-spacing: 5px;
  width: 100%;}
.faq_row > th, .services_row > th  {
  border-bottom: 5px double gold;
  border-right: 5px double gold;
  padding: 3vw;}
.faq_row_text, .services_row_text {
  font-variant:small-caps;
  font-style:italic;
  font-size:1.9rem;
  color: rgb(255, 230, 0);
  vertical-align: text-top;}
.faq_row  td, .services_row  td  {
  border-bottom: 5px double gold;
  padding: 3vw;
  text-transform:none; 
  text-align:left;
  text-align-last:left;
  text-indent:2.5rem;
  font-variant:normal;
  font: bolder 1.6rem "Marko One", Georgia, serif;
  margin-top: 1.2rem;}
#faq_bottom_container {
  width:92%;
  margin-top:14px;
  margin-bottom:5px;}
#sevices_nav_menu {
  padding: 0.5em 0;
  width:91.5vw; }
 #faq_bottom_banner, #services_bottom_banner {
  background: red url(logo.png) round;
  background-size: 3.5rem;
  height: 3.5rem;
  border:0.4rem ridge #ffcd74;}
#services_bottom_banner  {
  width: 77.5vw;
  margin-bottom:10px;}
#faq_nav_link_list {
  display: block;
  justify-content: space-evenly;
  flex-wrap: wrap;
  margin: 0;
  list-style: none;
  background-color: red;
  text-align: center;
  font-size:2rem;
  font-weight:bolder;
  border: 0.5rem solid #ffcd74;}
.faq_nav_link_text, .services_nav_link_text {
  text-align: center;
  text-transform:lowercase;
  font-variant:small-caps;
  margin-right:1rem;
  font-size:2rem;}
#services_nav_link_list  a {
  display: block;
  padding: 0.25em 1em;
  color: #fff;
  text-decoration: none;
  text-align: center;}
ul#services_nav_link_list {
  width:77.5vw;
  display: flex;
  text-align: center;
  font-size:2.4rem;
  justify-content: space-evenly;
  flex-wrap: wrap;
  padding: 0;
  margin: 0;
  margin-bottom:15px;
  list-style: none;
  background-color: red;
  border: 0.3em solid #ffcd74;}

/*** STYLE SHEET PROPERTIES FOR THE SUBJECTS PAGE ***/
#subjects_body {
  display: flexbox;
  flex-direction:column;
  flex-flow:column;
  justify-content: center;
  text-align:center;
  background-color:white;
  margin-left:5vw;
  margin-right:5vw;
  font-family: sans-serif;
  width: 80vw;
  height: auto; }
#subjects_section.top {
  width:80vw;
  margin-top:10px;
  display: flexbox;
  flex-direction:column;
  flex-flow:column;
  justify-content: center;
  vertical-align:center;
  text-align:center;}
#subjects_logo { 
   width:420px;
   height:auto;
   margin:0 auto;
   margin-top:10px;
   margin-bottom:0;
   margin-left:-1em;
  padding-right:0;}  
#subjects_motto_container {
  width: 290px;
  height: auto;
  text-align:center;
  justify-content:center;
  overflow-wrap:break-word;
  margin:0 auto;}
#subjects_motto {
  font-size:1.4em;
  text-align:center;
 margin-left:0px;
margin-top:100px;} 
#subjects_middle {
  display:grid;
  place-content:center;
  justify-content:center;
  align-items:center;
  vertical-align:center}
#subjects_banner_container  {
  display: grid;
  place-items: center; 
  justify-content: center;
  align-items: center;
  margin-top: 0.5rem;
  width:76vw;}
#subjects_title_container {
  display:block;
  width: 360px;  
  height: 75px;
  margin-top: 1rem;
  margin-bottom: 1rem;
  margin-left:7rem;
  border-color:#ffcd74 maroon;
  border-width: 1rem;
  border-radius: 35px;
  border-style:ridge;}
#subjects_title {
  color:red;
  background-color: gold;
  height: auto;
  font-weight:bolder;
  text-shadow: 2px 2px #000000;}
#subjects_bottom_container, #subjects_list_container {
  width:80vw;
  margin-left:auto;
  margin-right:auto;
  margin-bottom:1rem;
  border-left: 30px solid transparent;
  border-right: 30px solid transparent;
  border: 1rem ridge #ffcd74;
  background:papayawhip;
  display:grid;
  place-content:center;
  justify-content:center;
  align-items:center;
  vertical-align: center;
  background-color: peachpuff;} 
#subjects_list_container {
  width: 75%;
  margin-top:2rem;
  margin-bottom:1rem;
  padding-right:3vw;
  border: 0.7rem ridge red;
  background-color: papayawhip;}
#subjects_table_header, subject_list > caption {
  color:maroon;
  font-size: 2.7;
  font-weight: bolder;
}
#subject_list {
  font-family: "Bitter", Arial, Helvetica, sans-serif;
  font-weight:bolder;
  font-size: 1.4rem;
  color: maroon;
  padding-left:3rem;
  padding-right:2rem;
  line-break:auto;  
  overflow-wrap:break-word; 
  list-style-image:url(logo_small_2.png);
  list-style-position:outside;}
.list_subject {
  color: red;
  font: bolder 1.6rem "Bitter", Arial, Helvetica, serif;
  text-decoration: underline;
  font-variant:small-caps;
  margin-left: 3vw;
  margin-top: 1rem;}
.subjects_small_logo {
  vertical-align:bottom;
  margin-right:2rem;
  margin-left:-1vw;
  padding-top:1rem;}
.subject_description {
 /* color: purple;
  font: 1.4rem "Dancing Script","Apple Chancery", "Snell", cursive;
  font: bolder italic 1.4rem "Bitter", Arial, Helvetica, serif;*/
  font-style:oblique;
  margin-top:1rem;
  margin-left:2rem;
  margin-left: 5vw;}
#subjects_nav_link_menu {
  padding: 0.5em 0;
  justify-content:center;
  margin-bottom:2rem;
  width:100%;}
.subjects_nav_link {
  font-family: Arial, Helvetica, sans-serif;
  font-weight: bold;
  color: rgb(255, 230, 0);
  font-size: 2rem;
  font-style:italic; 
  padding-right: 2rem;
  font-variant:small-caps;
  text-align: center;}
ul#subjects_nav_links_list {
  display: flex;
  justify-content: space-evenly;
  flex-wrap: wrap;
  margin: 0;
  list-style: none;
  background-color: red;
  border-top: 5px solid gold;
  border-bottom: 5px solid gold;}
#subjects_nav_links_list a {
  display: block;
  padding: 0.25em 1em;
  color: #fff;
  text-decoration: none;}

/*** STYLE SHEET PROPERTIES FOR THE PHILOSOPHY PAGE ***/
#philosophy_body {
  margin: 0 7.5%;
  font-family: sans-serif;
  width:80vw;
  height:100vh;
  background-color:peachpuff;}
#philosophy_banner {
  display: block;
  height: 9rem;
  width:82.5vw;
  text-align:center;
  margin-top:1.5rem;
  margin-bottom:1.5rem;
  margin-left:0.5vw;
  justify-content: center;
  align-items: right;
  border: 0.5rem solid #ffcd74;
  outline: 0.4rem solid brown;
  background-color:gold;}
#philosophy_banner .philosophy_title {
  position:relative;
  top:1rem;
  color: red;
  opacity:1;
  font-family: "Dancing Script", serif;
  font-weight: bold;
  font-size: 4rem;
  vertical-align:text-top;
  text-shadow: 2px 2px 4px #000000;
  border:#000000;}
#philosophy_title_container {
  width: 82.5vw;
  height: 9rem;
  background-image:linear-gradient(to bottom,papayawhip,white);
  position:relative;}
#philosophy_picture_frame {
  width:260px;
  height:auto;
  float:right;
  display: flex; 
  justify-content: center; 
  padding: 1rem;
  margin:1rem 1.5rem 2rem 2rem;
  background-color: rgba(235,186,52,0.5);
  border: 0.7rem groove #ffcd74 brown;
  outline: brown;}
#inspirational_pictures {
  display: block;
  margin:auto;
  width: 250px;
  height: 240px;
  position:relative;
  vertical-align:middle;}
#philosophy_discussion_container {
  width:82.5vw;
  margin: 4px auto;
  margin-left:-4px;
  border: 1rem ridge #ffcd74;
  background-color:papayawhip;}
.philo_discussion {
  font-family: Arial, Helvetica, sans-serif;
  font-weight: bold;
  color: rgb(113, 0, 128);
  font-size: 1rem;
  text-align:left;
  text-align-last:left;
  margin-top: 20px;
  margin-bottom: 0px; 
  margin-left:3vw;
  margin-right:3vw;}  
/*creates menu bar for the anchor links-->
  source: https://www.sitepoint.com/community/t/how-to-space-padding-evenly-among-menu-links/274709/2 */
#philosophy_nav_menu {
  padding: 0.5em 0;
  height: 5vh;}
.philosophy_nav_link {
  font-family: Arial, Helvetica, sans-serif;
  font-weight: bold;
  color: rgb(255, 230, 0);
  font-variant:small-caps;
  font-size: 1.8rem;
  font-style:italic;
  margin-top: 1px;
  margin-bottom: 1px;}
#philosophy_nav_link_list {
  width:84vw;
  display: flex;
  justify-content: space-evenly;
  flex-wrap: wrap;
  padding: 0;
  margin: 0;
  list-style: none;
  background-color: red;
  text-align: center;
  margin-top:1vw;
  margin-bottom: 0.5rem;
  border: 0.4rem solid #ffcd74;}
#philosophy_nav_link_list a {
  display: block;
  padding: 0.25rem 0.5rem;
  color: gold;
  text-align: center;
  text-decoration: none;}
#philosophy_bottom_logo_container {
  width:100%;
  height:auto;
  padding-bottom:40px;}
#philosophy_bottom_logo {
  position:relative;
  left:42.5%;
  bottom:2%;
  height: 6.rem;
  width:6.rem;
  margin-top:66.5px;
  margin-bottom:10px;}