@charset "UTF-8";
/* field history and events */
/* connector Archive Navigation top level bg color*/
:root {
  --textColor:$textColor;
  --bgColor:$BgColor;
}

/*
 *  over ride a variable for a class or elment
 * :root {
 *   --red: #ff6ff69;
 * }
 *
 * for this class and anything inherited from the class
 * .item {
 *   --red: #ff8e69; 
 * }
 *
 */
/* 
 *
 * for a variable only available within the class or item
 * 
 * #navbar {
 *     --nav-red: #ff6f19;
 * }
 * 
 * #navbar a {
 *     color: var(--nav-red);
 * }
 * 
 */
/*
 * as a matter of preferrence some folks like to separate the 
 * declartion of variables and the use 
 * so this acceptable
 *
 *  .item {
 *      --item-yellow: #fffc5c;
 *  }
 *  
 *  
 *  .item {
 *      background: var(--item-yellow);
 *  }
 *   
 *
 *
 *
 */
/*
 *
 *  local variable
 *
 * .alert {  
 *   --alert-color: #ff6f69;  
 * }
 * This variable can now be used by its children:
 * 
 * .alert p {  
 *   color: var(--alert-color);  
 *   border: 1px solid var(--alert-color);  
 * }
 *
 */
/*
 * change the value of a variable in a media break point
 *
 *
 * variables
 * :root {  
 *   --main-font-size: 16px;  
 * }
 *
 * .grid {
 *  --columns: 200px 200px; // 2 columen 200px each
 * }
 * 
 * end of variables
 *
 * .grid {
 *  grid-template-columns: var(--columns);
 * }
 *
 * media all and (max-width: 600px) {  
 *   :root {  
 *     --main-font-size: 12px;  
 *   }  
 *   .grid {
 *     --columns:200px;  /* one column 200 px wide
 *   }
 * }
 *
 */
/* 
 *
 *
 * inheritance doesn't work with variables based on variables
 *
 * :root {
 *  --red: #ff6f69;
 *  --main-color:var(--red);
 * }
 *
 * #navbar {
 *  --red: orange; // will override the root-> --red to orange
 *                 // however,      the root-> --main-color: var(--red)
 *                 // will remain the orignal red.
 * }
 *
 * #navbar a {
 *    color: var(--main-color);
 * }
 *
 */
/* 
 *
 * inheritance -- variables are not inheriteted  only the values are 
 *
 *
 * so 
 * html {
 *  color: var(--red);
 * }
 *
 * .item {
 *    --red: orange;
 * }
 *
 *
 *   <div class="item">
 *      <h1>project b</h1>
 *
 * the h1 will inherit its color from html and not the var --red
 *  inorder to be able to overide the color of the h1 you would need
 *
 *
 *  * html {
 *  color: var(--red);
 * }
 *
 * h1, p {
 *    color: var(--red);
 * }
 * 
 * .item {
 *    --red: orange;
 * }
 *
 *
 *   <div class="item">
 *      <h1>project b</h1>
 *
 *
 *      or specify .item h1 {
 *        color: var(--red);
 *        }
 */
/*
 * create a class with some usesful context (feature this item)
 *  cahnge the variable values 
 *  same as overriding just a good example use case
 *
 * .featured {
 *      --yellow: #ffe55b;
 *     --red: #ff5564;   
 * }
 *  
 *
 *
 */
/*
 * ***************************************************************
 *
 *  end of variables
 *
 * ***************************************************************
 */
/*
 *
 * https://www.smashingmagazine.com/2016/11/css-inheritance-cascade-global-scope-new-old-worst-best-friends/
 *
 */
html {
  /* font-size: 125%; */
  /* font-family: sans-serif; */
  font-family: Arial, Helvetica, sans-serif;
  font-size: 100%;
  font-style: normal;
  font-weight: normal;
  /* background-color: #888; */
  background-color: var(--bgColor);
  color: var(--textColor);
  line-height: 1.3;
  /* line-height: 1.3; */
  min-width: 311px;
}

/* styling */
* {
  font-family: inherit;
  line-height: inherit;
  color: inherit;
}

body {
  font-family: inherit;
  line-height: inherit;
  color: inherit;
}

/*
 * h1 {
 *  font-size: 2.0em;
 * }
 */
h1 {
  margin-top: 1.5rem;
  font-size: 3rem;
  margin-bottom: 0rem;
}

h2 {
  margin-top: 1rem;
  font-size: 2rem;
  margin-bottom: 0rem;
}

h3 {
  margin-top: 0.75rem;
  font-size: 1.5rem;
  margin-bottom: 0rem;
}

p {
  margin-top: 1em;
  margin-bottom: 1em;
  font-size: 1em;
}

b {
  font-weight: bold;
}

a {
  color: blue;
  text-decoration: underline;
  text-decoration-color: blue;
}

/* 
 * ****************************************************************
 *
 * layout
 *
 * ****************************************************************
 */
* {
  margin: 0;
}

* + * {
  margin-top: 1.5em;
}

body, br, li, dt, dd, th, td, option {
  margin-top: 0;
}

/* 
 * ****************************************************************
 *
 * end of layout
 *
 * ****************************************************************
 */
/* 
 * ****************************************************************
 *
 * utilites
 *
 * ****************************************************************
 */
.centered {
  text-align: center;
  margin-bottom: -1rem;
  /* adjusts for leftover bottom margin of children */
}

.centered > * {
  display: inline-block;
  margin: 0 0.5rem 1rem;
}

/* 
 * ****************************************************************
 *
 * end of utilites
 *
 * ****************************************************************
 */
/* http://donttrustthisguy.com/2010/03/07/the-art-and-zen-of-writing-css
* /* Over-specified selectors create a huge nightmare. */
/* .admin #content ul.form > li input[type="text"],
* .admin #content ul.form > li input[type="submit"],
* .admin #content ul.form > li textarea,
* .admin #content ul.form > li select,
* #content .standard_form ul.form > li input[type="text"],
* #content .standard_form ul.form > li input[type="password"],
* #content .standard_form ul.form > li input[type="submit"],
* #content .standard_form ul.form > li textarea,
* #content .standard_form ul.form > li select {
*    border: 3px;
*    padding: 2px 4px;
* }
* 
* /* The most generic equivalent which accomplishes the same thing. */
/* input,
* select,
* textarea {
*    border: 3px;
*    padding: 2px 4px;   
* }
* 
* /* We could gradually become more specific as we needed... */
/* .admin input,
* .admin select,
* .admin textarea {
*    background: #333;
*    color: #ccc;
* }
* 
*/
/*  body of every page */
/*
 * .agsStyle {
 *   font-family:Arial, Helvetica, sans-serif;
 *   font-style:normal;
 *   font-weight:normal;
 *   font-size:100%;
 * 
 *   background-color : #888;
 *   background-color : #00FFFF;
 *   color : #000000;
 *   line-height : 1.3; // line height between lines of text
 *   min-width:311px;
 * }
 */
/* try this to disable the input check boxes in wide mode *
  .container{
  position:relative;
  display:block;

}
.cover{
  width:100%;
  height:100%;
  background:transparent;
  position:absolute;
  z-index:2;
  top:0;
  left:0;
  display:none;
}

.container.disable-checkbox .cover{
  display:block;
}

<div class="container">
  <div class="cover"></div>
  <input type="checkbox"/> "clickable"

</div>
<div class="container disable-checkbox">
  <div class="cover"></div>
  <input type="checkbox"/> "un-clickable"
</div>

I think 
.cover {
}

in phone mode 

and 
the .cover above in wide mode 
have to play with it
https://stackoverflow.com/questions/21280026/disable-checkbox-click-via-css
*/
.webmaster2,
.webmaster2:focus,
.webmaster2:active,
.webmaster2:visited,
.webmaster2:link,
.webmaster2:hover {
  color: black;
  text-decoration: none;
  font-weight: normal;
  cursor: default;
}

/*
 * *******************************
 *
 * Arrows used in lists etc
 *
 * ******************************
*/
.arrowUp:after {
  font-style: normal;
  /* large 
  content: "\25B2";
    */
  /*  small */
  content: "▴";
}

.arrowDown:after {
  font-style: normal;
  /* large
  content: "\25BC";
  */
  /*  small */
  content: "▾";
}

.arrowLeft:after {
  font-style: normal;
  /* large
  content: "\25C0";
  */
  /* smaller */
  content: "◂";
}

.arrowRight:after {
  font-style: normal;
  /* large
  content: "\25B6";
  */
  /*  small */
  content: "▸";
}

/* topNav navigation  found at the top of every page*/
/* ****************************************** */
/* ****** top_navBar ************************ */
/* ****************************************** */
/* global table fixes to clean up the floats */
/*
 *.clearFix {
 * *zoom: 1;
 * /* overflow:auto; */
/*}
 */
.clearFix {
  /* overflow:auto;*/
}

.clearFix:before,
.clearFix:after {
  content: "";
  display: table;
}

.clearFix:after {
  clear: both;
}

.topNavBar {
  background-color: #09c;
  display: block;
}

.topNavBar_logo {
  display: block;
  /* align center */
  margin: 0 auto;
  text-align: center;
}

.topNavBar_logoImg {
  position: relative;
  /*
  width:100%;
  height:100%;
  */
  width: 311px;
  height: 233px;
  text-align: center;
  /* align center */
  margin: 0 auto;
}

label.topNav_burgerToggle {
  padding-left: 2em;
  color: White;
}

#topNav_burgerID {
  transition: all 0.3s;
  box-sizing: border-box;
  display: none;
}

.topNav_burgerToggle {
  box-sizing: border-box;
  position: relative;
  display: block;
  /* use a flex box to vertical align the burger with it */
  display: flex;
  align-items: center;
  z-index: 99;
  height: 32px;
  width: 100%;
  background-color: Navy;
}

.topNav_burgerToggle .topNav_burgerBun {
  /* float: right; */
  margin-left: auto;
  /* how to float the flex box */
}

.topNav_burgerBun:after {
  transition: all 0.3s;
  box-sizing: border-box;
  cursor: pointer;
  display: block;
  position: relative;
  height: 32px;
  width: 32px;
  background-color: Navy;
}

.topNav_burgerBar {
  transition: all 0.3s;
  box-sizing: border-box;
  position: relative;
  display: block;
  height: 3px;
  width: 32px;
  background-color: White;
}

.topNav_burgerMid {
  transition: all 0.3s;
  box-sizing: border-box;
  position: relative;
  margin-top: 3px;
}

.topNav_burgerX.topNav_burgerTop {
  position: relative;
  transition: all 0.3s;
  box-sizing: border-box;
}

.topNav_burgerX.topNav_burgerBot {
  transition: all 0.3s;
  box-sizing: border-box;
  position: relative;
  margin-top: 3px;
}

/* hide the middle bar */
#topNav_burgerID:checked ~ .topNav_burgerToggle .topNav_burgerBun > .topNav_burgerMid {
  transition: all 0.3s;
  box-sizing: border-box;
  opacity: 0;
}

/* rotate the top bar */
#topNav_burgerID:checked ~ .topNav_burgerToggle .topNav_burgerBun > .topNav_burgerX.topNav_burgerTop {
  transition: all 0.3s;
  box-sizing: border-box;
  -webkit-transform: rotate(135deg);
  -moz-transform: rotate(135deg);
  -ms-transform: rotate(135deg);
  -o-transform: rotate(135deg);
  transform: rotate(135deg);
  /* margin-top: 9px; */
  margin-top: 0px;
}

/* rotate the bot bar */
#topNav_burgerID:checked ~ .topNav_burgerToggle .topNav_burgerBun > .topNav_burgerX.topNav_burgerBot {
  transition: all 0.3s;
  box-sizing: border-box;
  -webkit-transform: rotate(-135deg);
  -moz-transform: rotate(-135deg);
  -ms-transform: rotate(-135deg);
  -o-transform: rotate(-135deg);
  transform: rotate(-135deg);
  /* margin-top: 0px; */
  margin-top: -9px;
}

/* don't display the main menu by default */
.mainMenu {
  position: relative;
  display: none;
}

/* display the main menu when the burger is clicked */
#topNav_burgerID:checked ~ .mainMenu {
  display: block;
}

/* reset all lists */
.topNav_menu ul {
  list-style: none;
  margin: 0;
  /* all four margins */
  padding: 0;
}

/* 
 * we are doing the phone first
 * see the break point for the larger screen styling
 */
/*
 * hide any input check boxes in the main menu
 */
.mainMenu input[type=checkbox] {
  display: none;
}

/* hide the sub menus */
.subMenu {
  display: none;
}

.subMenuItem {
  border: 1px solid;
  border-color: Black;
  /* box-shadow: 0 3px 12px rgba(0, 0, 0, 0.25); */
  /* box-shadow: 0 50px 70px rgba(0, 0, 0, 0.25); */
  color: white;
}

.eventContent {
  margin: 0.5em 0em;
  width: 100%;
  /* margin-top:16px; */
  /* align-items:center; */
  text-align: center;
}

.eventCaption {
  display: block;
}

.multiEventContainer {
  display: flex;
  /* equal height of the children  */
}

.multiEventContainer div.eventContainer {
  flex: 1;
  /* additionally equal width */
  padding: 1em;
}

.multiEventContainer div.eventContainer div.event {
  height: 75%;
}

div.eventContainer {
  max-width: 50%;
  margin: 0.5em auto;
}

div.event {
  display: flex;
  align-items: center;
  align-content: center;
  background-color: RoyalBlue;
  padding: 0.5em 0em;
  margin: 0.5em auto;
  border: 10px solid;
  border-color: Blue;
  color: yellow;
}

/*.subMenuItem .event span a { */
div.event span a,
.subMenuItem .event span a {
  /*display: inline-block;*/
  display: inline;
  box-sizing: border-box;
  padding: 0px;
  border: 0px;
  margin: 0px;
  text-decoration: underline;
  text-decoration-color: Yellow;
  text-shadow: none;
  color: Yellow;
  /* background-color:Pink; */
}

/* 
 * style all li 
 * and the subMenus ULs
 */
.mainMenu li,
.mainMenu .subMenu {
  border-width: 0 0 1px;
}

.mainMenu li,
.mainMenu .subMenu {
  border-style: solid;
  border-color: rgba(255, 255, 255, 0.5);
}

.mainMenu .subMenu {
  background-color: Navy;
  margin: 0 1em;
  /* top and bot 0, left and right 1 em */
  /* border-radius:25px; */
  border-width: 1px 1px 0;
  border-bottom-left-radius: 25px;
  border-bottom-right-radius: 25px;
  padding: 20px;
}

.mainMenu .topMenuSubMenu input[type=checkbox]:checked + label {
  background-color: Navy;
  border-radius: 25px;
  border-width: 3px 3px 0;
}

.mainMenu .subMenu .subMenu {
  background-color: MediumBlue;
}

.mainMenu .topMenuSubMenu .subMenuSubMenu input[type=checkbox]:checked + label {
  background-color: MediumBlue;
  border-radius: 30px;
  border-width: 1px 1px 0;
}

.mainMenu .subMenu .subMenu .subMenu {
  background-color: RoyalBlue;
}

.mainMenu .topMenuSubMenu .subMenuSubMenu .subMenuSubMenu input[type=checkbox]:checked + label {
  background-color: RoyalBlue;
  border-radius: 30px;
  border-width: 1px 1px 0;
}

.mainMenu .subMenu li:last-child {
  border-width: 0;
}

.indicator:after {
  /* arrow down */
  font-style: normal;
  content: "▾";
}

.mainMenu label,
.mainMenu a {
  padding: 0.85rem;
  position: relative;
  display: block;
  color: white;
  text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.125);
  box-shadow: inset 0 -1px #1d1d1d;
  /*
  -webkit-transition: all .25s ease-in-out;
  transition: all .25s ease-in-out;
   */
  -webkit-transition: all 0.25s ease-in;
  transition: all 0.25s ease-in;
}

.mainMenu a {
  text-decoration: none;
}

.mainMenu label:focus,
.mainMenu label:hover,
.mainMenu a:focus,
.mainMenu a:hover {
  background-color: white;
  color: #09c;
}

.mainMenu .externalA {
  color: salmon;
}

.mainMenu .internalA {
  color: yellow;
}

.mainMenu .infoA {
  color: orange;
}

/* hide all of the subMenus */
.mainMenu .subMenu {
  display: none;
}

/* 
* Rotating arrows
*/
/*
* top_nav drop down arrows
*/
.mainMenu .dropLabel > i {
  float: right;
  -webkit-transition: -webkit-transform 0.65s ease;
  transition: transform 0.65s ease;
}

.mainMenu input[type=checkbox]:checked + .dropLabel > i {
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}

.mainMenu input[type=checkbox]:checked ~ .subMenu {
  display: block;
}

@media only screen and (min-width: 800px) {
  /* enable the top banner */
  .topNavBar_topBanner {
    top: 0;
    margin: 0;
    border: 0;
    width: auto;
    max-width: 100%;
    height: 300px;
    background-image: url("../Images/mainPage.jpg");
    background-repeat: no-repeat;
    background-size: 100% 100%;
    background-position: center;
  }

  /* hide the logo */
  .topNavBar_logo {
    display: none;
  }

  /* hide the burger input*/
  #topNav_burgerID {
    display: none;
  }

  /* hide the burger label*/
  .topNav_burgerToggle {
    display: none;
  }

  /* enable the menu */
  .topNav_menu .mainMenu {
    display: block;
  }

  /* hide the subMenus by default */
  .topNav_menu .mainMenu .subMenu {
    display: none;
  }

  /* style the menus */
  .topNav_menu .mainMenu li,
.topNav_menu .mainMenu a {
    position: relative;
    display: inline-block;
    color: white;
    text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.125);
  }

  .topNav_menu .subMenu li {
    display: block;
  }

  .topNav_menu .mainMenu .externalA {
    color: salmon;
  }

  .topNav_menu .mainMenu .internalA {
    color: yellow;
  }

  .topNav_menu .mainMenu .infoA {
    color: orange;
  }

  .topNav_menu .mainMenu .subMenu {
    border-radius: 25px;
  }

  .topNav_menu .mainMenu .subMenu li {
    border-width: 0 0 1px;
  }

  /* always arrow right in submenus */
  .topNav_menu .subMenu .dropLabel .indicator:after {
    /* arrow right */
    font-style: normal;
    content: "▸";
  }

  .topNav_menu .mainMenu .subMenu .dropLabel i.arrowDown {
    display: none;
  }

  .topNav_menu .mainMenu .subMenu .dropLabel i.arrowRight {
    display: block;
  }

  .topNav_menu .mainMenu li:hover > ul.subMenu {
    display: block;
  }

  /* kill the transform on a click of the label */
  .topNav_menu .topNav_menu input[type=checkbox]:checked + .dropLabel > i {
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
  }

  .topNav_menu .mainMenu li:hover > .dropLabel > i {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
  }

  /* position the menus */
  .topNav_menu .mainMenu li {
    float: left;
    border-width: 0 1px 0 0;
  }

  .topNav_menu .mainMenu .subMenu li {
    float: none;
  }

  .topNav_menu .mainMenu .subMenu {
    border-width: 0;
    margin: 0;
    /* all four margins */
    position: absolute;
    top: 100%;
    left: 0;
    width: 12em;
    z-index: 3000;
  }

  .topNav_menu .mainMenu .subMenu .subMenu {
    top: 0;
    left: 100%;
  }

  .topNav_menu #subMenuPhotos ~ ul.subMenu,
.topNav_menu #subMenuPhotos ~ ul.subMenu .subMenu {
    top: 0;
    left: -117%;
  }

  .topNav_menu #subMenuPhotos ~ label.dropLabel .indicator:after,
.topNav_menu #subMenuPhotos ~ ul.subMenu .indicator:after {
    /* arrow Left */
    font-style: normal;
    content: "◂";
  }

  .topNav_menu #subMenuVideos ~ ul.subMenu,
.topNav_menu #subMenuVideos ~ ul.subMenu .subMenu {
    top: 0;
    left: -117%;
  }

  .topNav_menu #subMenuVideos ~ label.dropLabel .indicator:after,
.topNav_menu #subMenuVideos ~ ul.subMenu .indicator:after {
    /* arrow Left */
    font-style: normal;
    content: "◂";
  }
}
@media only screen and (min-width: 1024px) {
  .topNav_menu #subMenuPhotos ~ ul.subMenu,
.topNav_menu #subMenuPhotos ~ ul.subMenu .subMenu {
    top: 0;
    left: 100%;
  }

  .topNav_menu #subMenuPhotos ~ label.dropLabel .indicator:after,
.topNav_menu #subMenuPhotos ~ ul.subMenu .indicator:after {
    /* arrow Right */
    font-style: normal;
    content: "▻";
  }

  .topNav_menu #subMenuVideos ~ ul.subMenu,
.topNav_menu #subMenuVideos ~ ul.subMenu .subMenu {
    top: 0;
    left: 100%;
  }

  .topNav_menu #subMenuVideos ~ label.dropLabel .indicator:after,
.topNav_menu #subMenuVideos ~ ul.subMenu .indicator:after {
    /* arrow Right */
    font-style: normal;
    content: "▻";
  }
}
/* **************************************** */
/* *** The styling on the connector page ** */
/* **************************************** */
/* 
 * style for the name of the connector newsletter when referenced
 * on the webpage
 *
*/
.connectorNewsletterRef {
  font-style: italic;
}

/* connector archive navigation menus/dropdowns */
.archiveNav {
  margin-right: auto;
  margin-left: auto;
  max-width: 22.5rem;
  margin-top: 2em;
  margin-bottom: 2em;
  box-shadow: 0 3px 12px rgba(0, 0, 0, 0.25);
  background-color: #09c;
}

/* always display the archive menu */
.archiveNav .mainMenu {
  display: block;
}

/* *************************************************************** */
/* * the following classes are used for displaying the photo pages */
/* * they have been replaced by the slideshow.php                  */
/* *************************************************************** */
/* *************************************************************** */
/* * end of the photo classes */
/* *************************************************************** */
/* *************************************************************** */
/* * AGS style classes */
/* *************************************************************** */
/* *************************************************************** */
/* html 5 replacements in css for old table attributes*/
/* *************************************************************** */
/* cellpadding */
/* th, td { padding: 5px; } */
/* cellspacing */
/* table { border-collapse: separate; border-spacing: 5px; } /* cellspacing="5" */
/* table { border-collapse: collapse; border-spacing: 0; }   /* cellspacing="0" */
/* valign */
/* th, td { vertical-align: top; } */
/* align (center) */
/* table { margin: 0 auto; } */
/* *************************************************************** */
/* end of HTML5 */
/* *************************************************************** */
/* old ags colors
<body bgcolor="#00FFFF" text="#000000" alink="#FF0000" vlink="#FF00FF" link="#0000FF" background="../images/bkgrnds/bluleath.jpg" marginwidth="0" marginheight="0"> 
*/
/*  body of every page */
/*  KEEP OUR CSS CLEAN
    Some guidelines to follow:
    1. Break code down into sections.
    2. Keep your rules alphabetically sorted.
    3. Only put one selector per line for a block of rules that apply to multiple selectors.
    4. Indent your rules, only one rule per line.
    5. Indent proprietary properties with two spaces. Keep these properties directly below the proposed property.

        example:

        element#id,
        element.class {
            rule1: value;
              -webkit-rule1: value;
              -moz-rule1: value;
            rule2: value;
            top: value;
        }
*/
/*  section of every page */
.mainContent {
  padding: 0em;
  margin: 1em;
}

.pFollowedByList {
  margin-bottom: 0em;
}

.pFollowedByTable {
  margin-bottom: 0em;
}

.indentedList {
  text-align: left;
  margin-top: 0em;
  margin-left: 2em;
  margin-bottom: 1em;
  padding-left: 2em;
  text-indent: -2em;
}

.tableCentered {
  border: 0;
  /* align center */
  margin: 0 auto;
  /* border-collapse:separate;*/
  border-collapse: collapse;
  /*border-spacing:1em; */
}

.divCentered {
  text-align: center;
  margin-left: auto;
  margin-right: auto;
}

.textCentered {
  text-align: center;
}

.stripedTable {
  margin-left: auto;
  margin-right: auto;
  border: 1px solid black;
  vertical-align: middle;
  max-width: 90%;
}

.stripedTable caption {
  margin-left: auto;
  margin-right: auto;
  font-size: 1.5em;
}

.stripedTable thead {
  margin-left: auto;
  margin-right: auto;
  background-color: MediumBlue;
  border: 1px solid black;
  color: yellow;
}

.stripedTable th,
.stripedTable td {
  padding-left: 12px;
  padding-right: 12px;
  padding-top: 12px;
  padding-bottom: 12px;
  border: 1px solid black;
  color: black;
}

.stripedTable th {
  color: yellow;
}

.stripedTable tbody tr:nth-child(odd) {
  background-color: white;
  color: black;
}

.stripedTable tbody tr:nth-child(even) {
  background-color: LightGray;
  color: black;
}

.borderlessNameTable {
  border: 0;
  /* align center */
  margin: 0 auto;
  /* cell spacing 1 */
  border-collapse: separate;
  border-spacing: 1px;
  /* width */
  max-width: 400px;
}

.borderlessNameTable th,
.borderlessNameTable td {
  /* cellpadding 1 */
  padding: 0.1em 0.5em;
}

.monthlyTable {
  border: 0;
  /* align center */
  margin: 0 auto;
  /* cell spacing 1 */
  border-collapse: separate;
  border-spacing: 1px;
  /* width */
  max-width: 405px;
  padding: 1em 0;
}

.monthlyTable th,
.monthlyTable td {
  /* cellpadding 1 */
  padding: 10px;
  width: 135px;
}

/* end of monthly table */
.figWithCaptionContainer {
  padding: 3em 0em;
}

.figWithCaption {
  position: relative;
  width: 100%;
  height: 100%;
  text-align: center;
  line-height: 100%;
  display: block;
}

.figImg {
  width: 95%;
  margin: auto;
}

.figCaption {
  position: relative;
  width: 100%;
  text-align: center;
}

.figCaptionList {
  max-width: 800px;
  text-align: center;
}

.figCaptionList span {
  text-align: left;
}

.figCaption .figCaptionList {
  margin: auto;
}

/*
 * ************************************************* 
 *  footer and back navigation
 * *************************************************
 */
/*
 ************************************************** 
 *  footer  (copyright)
 **************************************************
 */
.footer {
  text-align: center;
  font-size: 0.8em;
}

.gettingStartedContent .back2Top {
  text-align: left;
}

.back2Top {
  text-align: center;
  font-size: 0.6em;
  color: gray;
}

.back2Top a {
  color: gray;
  text-decoration: none;
}

/* committees.php */
.back2Roles {
  font-size: 0.5em;
  color: gray;
}

.back2Roles a {
  color: gray;
  text-decoration: none;
}

/* flyingSite photos.php */
.back2PhotoIndex {
  text-align: center;
  font-size: 0.6em;
  color: gray;
}

.back2PhotoIndex a {
  color: gray;
  text-decoration: none;
}

/*
 * ************************************************* 
 *  End of footer and back navigation
 * *************************************************
 */
/* classes for things potential used on multiple pages */
.agsPostalAddress {
  /* increase the font */
  font-size: 1.1em;
  max-width: 100%;
  font-weight: bold;
  /* clearfix */
  overflow: hidden;
}

.agsPostalAddressWrapper {
  /* center the address content */
  float: left;
  position: relative;
  left: 50%;
}

.agsPostalAddressContent {
  /* left justify the text */
  float: left;
  position: relative;
  left: -50%;
}

/* presidents award highlighting */
.presidentsAward {
  background-color: blue;
  color: gold;
}

/* offsetting the webmaster feedback */
.webmaster {
  font-style: normal;
  font-weight: bold;
}

.fieldGPSCoords {
  /* increase the font */
  /*font-size:0.75rem;*/
  font-weight: bold;
  /* clearfix */
  overflow: auto;
}

.fieldGPSCoordsWrapper {
  /* center the address content */
  float: left;
  position: relative;
  left: 50%;
}

.fieldGPSCoordsContent {
  /* left justify the text */
  float: left;
  position: relative;
  left: -50%;
}

.centerFirstHeading {
  text-align: center;
  line-height: 1;
}

.fieldAddressHighlight {
  text-decoration: underline;
}

/*  individual sections particular to a specfic page */
/* pages */
/* index.php the startup/home page of the website */
/* use the default */
.indexContent {
  margin-top: 0px;
}

/* use the default */
.indexContent .presidentsAward {
  text-align: center;
  padding: 1em;
  font-size: 1.2em;
  width: 100%;
  margin-left: -1em;
  /* to do negative margin value */
}

/* use the default */
/* ClubInfo pages */
/* join */
/* use the default */
/* use the default */
/* getting started */
/* use the default */
.misTitle {
  text-align: center;
  font-style: normal;
  font-weight: bold;
  line-height: 0;
  /*
    margin:0;
    border:0;
    padding:0;
  */
}

.misSubTitle {
  text-align: center;
  font-size: 0.8em;
  font-style: italic;
  font-weight: normal;
  line-height: 1;
  /*
    margin:0;
    border:0;
    padding:0;
  */
}

.gettingStartedContent .mission {
  text-align: center;
  border: 1px;
  /* use a flex box to vertically center */
  display: flex;
  align-items: center;
}

.gettingStartedContent .missionImg {
  width: 200px;
  height: 150px;
  border: 0px;
}

.gettingStartedContent .missionText {
  font-size: 2.75em;
  text-align: center;
  border: 1px;
}

.gettingStartedContent .missionSpacer {
  text-align: center;
  border: 1px;
  /* float the flex box right */
  margin-left: auto;
}

.gettingStartedContent .missionTitle {
  font-style: normal;
  font-weight: bold;
}

.gettingStartedContent .missionSubTitle {
  font-size: 0.8em;
  font-style: italic;
  font-weight: normal;
  line-height: 1;
  margin: 0;
}

/* AGS history */
/* flyingSite */
/* connector pages */
.connectorsContent {
  margin-top: 0px;
}

.connectorsContent .footnote {
  font-size: smaller;
}

.connectorsContent .connectorsCenter p {
  text-align: center;
}

.connectorsContent .letterheadContainer {
  padding: 0em 0em;
  margin-left: -1em;
  margin-right: -1em;
}

.connectorsContent .letterheadDiv {
  margin: auto;
}

.connectorsContent .letterheadImg {
  width: 100%;
}

/* connectorsArchive */
/* connector archive index table pre-2002 */
.connectorArchiveContent .archiveIndex {
  margin: 1em auto;
  /* center the table */
  border: 4px solid black;
  border-collapse: collapse;
}

.connectorArchiveContent .archiveIndex tr td {
  text-align: center;
  border: 1px solid black;
  border-collapse: collapse;
  margin: 1px;
}

.connectorArchiveContent .archiveIndex td {
  padding: 2px;
}

/* End of archive index table */
/* field History pages */
/* use the default */
/* location page */
/* use the defaults */
.locationMap {
  max-width: 100%;
  max-height: 100%;
  border: 0px;
}

/* contact pages */
/* members  */
ul.membersNavList,
ul.membersNavList ul {
  margin-left: 1em;
  margin-bottom: 0.8em;
}

.membersBold {
  font-weight: bold;
  font-size: 1.2em;
}

.membersIndented {
  line-height: 0.25em;
  margin-left: 3em;
  margin-bottom: 0em;
}

.membersIndentedL1 {
  margin-left: 2em;
  margin-bottom: 0em;
}

.membersIndentedL2 {
  margin-left: 4em;
  margin-bottom: 0em;
}

/* committees */
/*
 ************************************************************
 ************************************************************
 ************************************************************
 *
 * events
 *
 ************************************************************
 ************************************************************
 ************************************************************
 */
/* events pages */
/* use the default */
.event,
.event td,
.event th {
  text-align: center;
}

/* events */
.eventPreamble {
  padding: 0.5em 0em;
  margin: 0.5em 0em;
  /* border: 10px solid; */
}

.eventTitleCancelled {
  text-decoration: line-through;
  text-decoration-color: red;
  font-weight: bold;
}

.eventDateCancelled {
  text-decoration: line-through;
  text-decoration-color: red;
  font-weight: bold;
}

.eventWhereCancelled {
  text-decoration: line-through;
  text-decoration-color: red;
  font-weight: bold;
}

.eventWhenCancelled {
  text-decoration: line-through;
  text-decoration-color: red;
  font-weight: bold;
}

.eventDetailsCancelled {
  text-decoration: line-through;
  text-decoration-color: red;
  font-weight: bold;
}

.eventContactsCancelled {
  text-decoration: line-through;
  text-decoration-color: red;
  font-weight: bold;
}

.eventStatusCancelled {
  color: red;
  font-weight: bold;
  text-decoration: underline;
  text-decoration-color: red;
}

.eventTitlePostponed {
  text-decoration: underline;
  text-decoration-color: red;
  font-weight: bold;
  color: salmon;
}

.eventDatePostponed {
  text-decoration: underline;
  text-decoration-color: red;
  font-weight: bold;
}

.eventWherePostponed {
  text-decoration: none;
  text-decoration-color: red;
}

.eventWhenPostponed {
  text-decoration: none;
  text-decoration-color: red;
}

.eventDetailsPostponed {
  text-decoration: none;
  text-decoration-color: red;
}

.eventContactsPostponed {
  text-decoration: none;
  text-decoration-color: red;
}

.eventStatusPostponed {
  color: red;
  font-weight: bold;
  text-decoration: underline;
  text-decoration-color: red;
}

.eventTitleRainedOut {
  text-decoration: underline;
  text-decoration-color: red;
  font-weight: bold;
  color: Navy;
}

.eventDateRainedOut {
  text-decoration: underline;
  text-decoration-color: red;
  font-weight: bold;
}

.eventWhereRainedOut {
  text-decoration: none;
  text-decoration-color: red;
}

.eventWhenRainedOut {
  text-decoration: none;
  text-decoration-color: red;
}

.eventDetailsRainedOut {
  text-decoration: none;
  text-decoration-color: red;
}

.eventContactsRainedOut {
  text-decoration: none;
  text-decoration-color: red;
}

.eventStatusRainedOut {
  color: red;
  font-weight: bold;
  text-decoration: underline;
  text-decoration-color: red;
}

/*
 ************************************************************
 ************************************************************
 ************************************************************
 *
 * end of events
 *
 ************************************************************
 ************************************************************
 ************************************************************
 */
/* *************************************************************** */
/* * end of the ags Style classes */
/* *************************************************************** */

/*# sourceMappingURL=agsStyle2.css.map */