/* Include padding and border in total box size*/
/* Include padding and border in total box size background-color:#fefbec; color: #8c7a32 bronze: #CD7F32; #f0f0f0; Bone white #F9F6EE
Pearl E2DFD2; */
* {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}
html { /*font-size: calc(15px + 0.390625vw);font-family: sans-serif;*/}
body  {font-family:  Helvetica,Arial sans-serif ; font-size: 16px; } /* background-color:#E2DFD2;*/
div {border: 0px solid;}
.hidediv  {display:none;}
.hrline {border: 1px solid rgb(82, 67, 170);}
h1 {}
.headerflexrow { display: flex; justify-content: space-between; margin-left: 0px;  /*justify-content: space-around;*/}
.headersubflexrow { display: flex; flex-wrap: wrap; justify-content: flex-end;  padding: 0px 5px 0px 5px; /*justify-content: space-around;*/}
.subheader-col {padding-right: 10px;}
.cssmaintext {margin: 5% 5% 5% 5%;font-weight: 400; color: white; font-size: 3rem;}
.cssmaintext_1 {margin: 0% 5% 3% 5%;font-weight: 100; color: white; font-size: 1.25rem; letter-spacing: 2px; line-height: 1.5;
        justify-content: center;}
.cssmaintext_2 {margin: 0% 5% 10% 5%;font-weight: 200; color: black; font-size: 2rem; letter-spacing: 1px; line-height: 2; 
               justify-content: center; }
.cssmaintext_3 {margin: 5% 5% 0% 5%;font-weight: 100; color: black; font-size: 1.5rem; letter-spacing: 1px; line-height: 1.5; 
               justify-content: center; }
.cssmaintext_4 {margin: 0% 5% 5% 10%;font-weight: 100; color: black; font-size: 1.25rem; letter-spacing: 1px; line-height: 1.5; 
               justify-content: center;}
.cssgp1 {margin: 2% 2% 2% 2%;font-weight: 200; color: navy; font-size: 2rem;}
.cssgp2 {margin: 1% 1% 1% 2%;font-weight: 200; color: navy; font-size: 1.5rem;}
.cssgp3 {margin: 1% 1% 1% 2%;font-weight: 100; color: navy; font-size: 1.5rem;}
.welcome {margin: 0% 0% 0% 0%;font-weight: 100; color: black; font-size: 1.5rem; letter-spacing: 1px; line-height: 1.5; 
               justify-content: flex-end;}
.bold { font-weight: bold;}
.logo {color: navy; font-size: 36px; }
.toplinks {}
.csssections { text-align: left; padding: 1% 0.5%;  width: 100%; 
              color: navy; background-color: white; 
               border: rgb(82, 67, 170) 1px solid; border-radius: 10px;box-shadow: 3px 3px 3px lightgrey; 
        
}
.mainsection {  display: flex; flex-wrap: wrap;margin: 1% 1%;
    text-align: left; padding: 1% 0.5%;  width: 98%; 
              color: navy; background-color: white; 
               border: rgb(82, 67, 170) 1px solid; border-radius: 10px;box-shadow: 3px 3px 3px lightgrey; 
        
}
.divtoggle1 {display: none; width:0%;}
.divtoggle2 {display:flex;}
.linegaplarge {line-height: 2em; font-size: 1.2em;}
.cssbanner {box-shadow: 5px 5px 5px grey;  text-align: left; padding: 1% 2%;  background-color: #fefbec;  color: navy; border: grey 1px solid; border-radius: 10px; }
.cssheader{  color: navy; font-size: x-large; padding: 2px; }
.csstext {  color: navy; font-size: medium; padding: 2px; }
.cssdesc {color:   navy; font-size:  medium; margin: 3% 0%;}
.textverticalcenter {vertical-align: middle; height: 100%;}
.css1 { display: flex; width:100%;  min-height:30%; align-items: center; flex-wrap: wrap;}
.css1row { display: flex; flex-wrap: wrap; width:100%; height:auto; /*justify-content: space-around; #4E9CAF align-items: center;*/}
.css1-50 { float: left;  width:50%;}
.csspaddingleft {padding-left: 2%;}
.css1-20 { float: left;  width:20%;}
.css1-100 { float: left;  width:100%;}
.css2 { display: flex; width:100%;  min-height:20%; align-items: center; flex-wrap: wrap; background-color: white;}
.css1a {  color: #CD7F32; font-size: 2.5em; margin: 10% 15% 0% 15%; display: inline-block;}
.css1b {  color: navy; font-size: 1em; margin: 3% 15% 5% 15%; display: inline-block; line-height:  1.5em;}
.cssbg1 {background-color: #FAF9F6;}
.cssbg2 {background-color: #F9F6EE;}
.css2a {  color: #CD7F32; font-size: 2.5em; margin: 7% 25% 0% 25%; display: inline-block;}
.css2b {  color: navy; font-size: 1em; margin: 3% 25% 5% 25%; display: inline-block; line-height:  1.5em;}
.css3a {  color: navy; font-size: 2.5em; margin: 2% 25% 2% 25%; display: inline-block; font-family: verdana;}
.valign {justify-items: center;}
.css-form-area {box-shadow: 5px 5px 5px grey; margin: 1%; padding: 2% 2%;  background-color: #fbfbfb;  color: navy; border: grey 1px solid; border-radius: 10px; overflow: auto;  }
.css-form-content {text-align:   left; width:100%; margin:0% 0% 0% 00%;}
.css-main-content { display: flex; padding: 4px;height: auto;}
.css-section2 {   padding: 2% 2%; background-color: #fef7da;}
.css-section4 {   padding: 2% 2%; background-color: #fef7da}
.cssh1 {margin: 5% 2%; text-align: center; font-size: 2.5em; font-weight:  500; color: #8c7a32}
.cssh2 {margin: 2% 2%; text-align: center; font-size: 1.5em; font-weight:  400; color: navy;}
.cssh3 {margin: 2%;  text-align: left; padding: 2% 2%; line-height: 2em; font-size: 1.2em; background-color: #fefbec;  color: navy; border: navy; border-radius: 10px; }
.cssbutton1 { width: 115px;     height: auto; cursor: pointer;     background: #8c7a32 ;     padding: 10px;     text-align: center;     border-radius: 5px;     color: white;     font-weight: bold;     line-height: 25px;     border: 0px;     margin: 2% 5%;}
.cssh4 {margin: 2%;   padding: 10px; line-height: 2em;   font-size: 1.2em; color: navy;}
.textnavy {color: #8c7a32;} 
.css-2-alink1 { color: #8c7a32; }
.css-border-bottom { border-bottom:  navy 1px solid;}
.csslabel { color:  navy; font-weight:  normal; font-size: large; padding: 0px 0px; ; }
.cssinput { width:95%;   border-radius: 5px; font-size: 16px; font-family: sans-serif; padding: 5px 5px; color: navy; background-color:  #fef7da; }
.cssinput50 { width:50%;   border-radius: 5px; font-size: 16px; font-family: sans-serif; padding: 5px 5px; color: navy; background-color:  #fef7da; }

.width50 {width:50%;}
.cssh5 {margin: 1%;  text-align: left; padding: 1% 1%; line-height: 1.5em; font-size: 1.2em; background-color: #fefbec;  color: navy;border: navy; border-radius: 10px; }
.cssdropdown {height: 2em; width:90%; color: navy; background-color:  #fef7da;}
.cssmsg {color:   navy; font-size:  medium; font-weight: bold; padding:5px 0px;}
.cssmsgnormal {color:   navy; font-size:  medium; font-weight: normal; padding:8px 0px;}
.cssmsgred {color:   red; font-size:  medium; font-weight: bold; margin: 0px 0px; margin: 1% 1%;}
.cssmsgalert {color:   red; font-size:  medium; font-weight:  normal; padding: 2px 0px;}

.cssbutton {font-size: larger; width: auto; border-radius: 10px; padding: 1.5% 4%; border: none; background-color:  navy; color: white; cursor:  pointer;}
.cssbuttonsmall { border-radius: 5px; margin: 1% 1%; padding: 5px 10px; background-color:  navy; color:white; border:0px; cursor:  pointer;}
.cssbuttonverysmall { border-radius: 5px; margin: 1% 1%; padding: 2px 5px; background-color:  navy; color:white; border:0px; cursor:  pointer;}
.cssinputsmall { display: inline-block;  height: 2em; margin: 5px 5px; border-radius: 5px; padding: 2px 5px; }
.cssdropdownsmall { border-radius: 5px; margin: 5px 0px; padding: 5px 10px; background-color:  #fef7da;}
.cssbuttonsmallnomargin { border-radius: 5px; padding: 5px 10px; background-color:  navy; color:white; border:0px; cursor:  pointer;}
.bigheader {color: navy; font-size: 2em; }
.css-2-choice1 { width:40%; text-align: center;  font-size: 1.5em; padding:  1%; }
.css-2-choice2 {width:40%; text-align: center; font-size:1.5em; padding:  1%;}
.subscribenow {background-color: green; color:white; border-radius: 5px; padding:3px; margin:3px;}
.cssx {color:red;font-size: small; font-weight: bold;}
.cssplus {color:green;font-size: x-large; font-weight: bold;}
.cssminus {color: maroon;font-size: x-large; font-weight: bold;}
.csscount {font-size:  medium;}
.divtag { border: 0px solid navy; padding: 2px; margin: 0px 3px 0px 5px; border-radius: 5px; background: white; cursor: pointer;}
.gradient {
  background-image: linear-gradient(to right, rgb(82, 67, 170) , rgb(237, 80, 180));
}
.gradient1 {
  background-image: linear-gradient(to left, rgb(82, 67, 170) , rgb(237, 80, 180));
}
a {  color:  inherit;}
a {
    text-decoration: none;
}
.underline {
    text-decoration: underline;
}
.bggreen {
    background-color: green;
}
.sticky-div {
            
            position: sticky;
            top: 0px;
            z-index: 99;
            background-color: white;
            
        }

.overflow {overflow: auto;}
.maxheight {height:200px;}
.linkreversecolor {background-color: gray; color:white; border-radius: 5px; padding:3px;}
.textreversecolor {background-color: rgb(82, 67, 170); color:white; border-radius: 5px; padding:3px 10px 3px 0px; }
.buttonaslink {  background: none!important;  border: none;  padding: 0!important;  color: navy;  text-decoration: underline;  cursor: pointer;}
.buttonaslinknounderline {  background: none!important;  border: none;  padding: 0!important;  color: navy;  cursor: pointer;}
.buttonaslinkalert {  background: none!important;  border: none;  padding: 0!important;  color: red;  text-decoration: underline;  cursor: pointer;}
ul.list1 {
    padding:0em;
    list-style-position: inside;
   
}
li.list1 {
    padding: 1% 0% 0% 1%; font-size: 1em; font-weight:  500; color: navy;
}
li::marker {
  color: #8c7a32;
}
li.list2 {
    padding: 1% 0% 0% 1%; font-size: 1em; font-weight:  500; color: navy;
}
ul.list2 { padding-left: 5%;}
.paratext {color:   navy; line-height: 1.5em; font-size:  medium; padding:0% 0% 0% 1%;}
.paraheader { font-size: 1.5em; font-weight:  500; color: #8c7a32;padding:0% 0% 2% 1%;}

.flexrow {padding: 0% 0.5%; width:100%; display: flex; flex-wrap: wrap; /*justify-content: space-around; #4E9CAF align-items: center;*/}
.flexrowpadded {padding: 1% 0.5%; width:100%; display: flex; flex-wrap: wrap; /*justify-content: space-around; #4E9CAF align-items: center;*/}
.center {   text-align: center;} 
.right {  padding: 1% 2%; text-align: right;} 
.col-01 {  float: left;  width: 25%;  padding-top: 6px;}
.bottom-links {  float: left;  padding: 1% 1% 1% 1%;}
.col-01-tags {  float: left;  width: 15%;  margin-top: 0px;  overflow: auto;}
.col-02-tags {  float: left;  width: 85%;  margin-top: 6px;}
.flexrow-tags {padding: 0% 0%; width:100%; display: flex; flex-wrap: wrap; /*justify-content: space-around; #4E9CAF align-items: center;*/}
.csstext-tags {  color: navy; font-size:  small; padding: 0px; display: inline; }
.col-02 {  float: left;  width: 35%;  margin-top: 6px;}
.col-03 {  float: left;  width:35%;  margin-top: 6px;}
.col-full {  float: left;  width:100%;  margin-top: 6px;}
.col-50 {  float: left;  width: 48%;  margin-top: 6px; padding-right: 0%;}
.col-15 {  float: left;  width: 20%;  margin: 1%;}
.col-85 {  float: left;  width: 75%;  margin: 1%;}
.borderleft {border-left: navy  thin solid;}
.borderright {border-right: navy  thin solid;}
.borderall {border: navy  thin solid;}
.paddingtop {padding-top: 2em;}
.col-0102 {  float: left;  width:60%;  margin-top: 6px;}
.col-not0102 {  float: left;  width:40%;  margin-top: 6px;}

.col-0203 {  float: left;  width:75%;  padding-top: 6px; padding-left: 5px;}
.col-010203 {  float: left;  width:100%;  margin-top: 6px;}
.col-1of3 {  float: left;  width:29%;  margin-top: 6px; }
.pageheader { width:100%; text-align: center;  font-size: 1.5em; padding:  1% 0% 1% 0%; margin-bottom: 2%; color: navy; border-bottom:  darkblue thick solid;}

.csstagline { color: #2C2C2C; font-size:  14px; margin-bottom: 0em;  }
.welcome {color: #2C2C2C; font-size:  1.1em; padding-left:10px;}

.smalltext {color: #2C2C2C; font-size:  0.75em; padding:5px;}
.tablescroll {height:10em;overflow: scroll;}
.fixedheightcontainer {}
.css-col-left {width:15%;}
.css-col-center { width:70%;}
.css-col-right {width:15%;} 
.css-col-full {width:100%;} 

.csserrlabel {display: inline-block; color:  navy; font-weight:  normal; font-size:  smaller; padding: 0px 5px; margin: 1% 0%; }
.csspromolabel {display: inline-block; color:  navy; font-weight:  normal; font-size:  smaller; padding: 0px 5px; margin: 0% 0%; }
.col-01-locations {  float: left;  width: 25%;  padding-top: 6px;}
.col-02-locations {  float: left;  width: 35%;  padding-top: 6px;}
.col-03-locations {  float: left;  width:35%;  padding-top: 6px;}

textarea {
  width: 100%;
  height: 150px;
  padding: 12px 20px;
  box-sizing: border-box;
  border: 2px solid #ccc;
  border-radius: 4px;
  background-color: #f8f8f8;
  font-size: 16px;
  resize: none;
}
@media only screen and (max-width: 640px) {
.logo {color: navy; font-size: 26px; }    
.toplinks { font-size:12px;}
.css1-50 { float: left;  width:100%;}
.css1-100 { float: left;  width:100%;}
.css1a {  color: #CD7F32; font-size: 1.5em; margin: 5% 8% 0% 8%; display: inline-block;}
.css1b {  color: navy; font-size: 1em; margin: 3% 8% 10% 8%; display: inline-block; line-height:  1.5em;}
.css2a {  color: #CD7F32; font-size: 1.5em; margin: 5% 8% 0% 8%; display: inline-block;}
.css2b {  color: navy; font-size: 1em; margin: 3% 8% 10% 8%; display: inline-block; line-height:  1.5em;}
.css3a {  color: navy; font-size: 1.5em; margin: 2% 8% 2% 8%; display: inline-block; font-family: verdana;}
.col-01 {    float: left;    width: 100%;    margin-top: 6px;  }
    .col-02 {        float: left;        width: 100%;        margin-top: 6px; }
    .col-03 {        float: left;        width: 100%;        margin-top: 6px;    }
    .col-15 {        float: left;        width: 100%;        margin: 3px;    }
    .col-85 {        float: left;        width: 100%;        margin: 3px;    }
    .col-01-locations {  float: left;  width: 25%;  padding-top: 1%;}
.col-02-locations {  float: left;  width: 35%;  padding-top: 1%;}
.col-03-locations {  float: left;  width:35%;  padding-top: 1%;}
    .col-50 {  float: left;  width: 100%;  margin-top: 6px;}
    .col-0102 {  float: left;  width:100%;  margin-top: 20px;}
    .col-not0102 {  float: left;  width:100%;  margin-top: 20px;}
    .col-1of3 {  float: left;  width:100%;  margin-top: 6px;}
    .col-0203 {  float: left;  width:100%;  margin-top: 6px; margin-left: 5px;}
    .css-col-left {width:0%; }
    .css-col-center { width:100%;}
    .css-col-right {width:0%; } 
    .cssbutton { font-size:  medium; width: fit-content; border-radius: 10px; padding: 1.5% 4%;  background-color:  navy; color: white; cursor:  pointer;}
    .subheader-col { width: 100%; text-align: right; margin-top: 6px;}
    .csserrlabel {display: inline-block; color:  navy; font-weight:  normal; font-size: smaller; padding: 0px 0px; margin: 1% 0%; }
    .right {  text-align: left;} 
    .paddingtop {padding-top: 1em;}
    .borderleft {border-left: none;}
    .css-2-choice1 { width:40%; text-align: center;  font-size: 1.5em; padding:  1%; }
    .css-2-choice2 {width:40%; text-align: center; font-size:1.5em; padding:  1%;}
    .cssh1 {margin: 5% 2%; text-align: center; font-size: 1.3em; font-weight:  500; color: #8c7a32;}
    .cssh2 {margin: 2% 2%; text-align: center; font-size: 1.2em; font-weight:  400; color: navy;}
    .cssh3 {margin: 2%;  text-align: left; padding: 2% 2%; line-height: 1em; font-size: 1.2em; background-color: #fefbec;  color: navy; border: navy; border-radius: 10px; }
    .cssh4 {margin: 2%;   padding: 10px; line-height: 2em;   font-size: 1em; color: navy;}
    .csssections {   text-align: left; padding: 1% 0.5%; width:100%;
                   color: navy; background-color: white;
                   box-shadow: 3px 3px 3px lightgrey; border: rgb(82, 67, 170) 1px solid; border-radius: 10px;
            }
    .mainsection {  display: flex; flex-wrap: wrap;margin: 1% 1%;
    text-align: left; padding: 1% 0.5%;  width: 98%; 
              color: navy; background-color: white; 
               border: rgb(82, 67, 170) 1px solid; border-radius: 10px;box-shadow: 3px 3px 3px lightgrey; 
        
            }
    .linegaplarge {line-height: 1.5em; font-size: 1em;}
    .paratext {color:   navy; line-height: 1em; font-size:  medium; padding:0% 0% 0% 1%;}
.paraheader { font-size: 1.2em; font-weight:  500; color: #8c7a32;padding:0% 0% 2% 1%;}
.placeholder { background-color: #f6f6f6; }
li.list1 {
    padding: 1% 0% 0% 1%; font-size: 1.25em; font-weight:  500; color: navy;
}
li {list-style-position: inside;}

.bigheader {color: navy; font-size: 1.3em; }
.divtoggle1 {display: flex; width:100%;}
.divtoggle2  {display:none;}
.hidediv  {display:none;}
.csstext-tags {  color: navy; font-size:  small; padding: 0px; background-color: gray; color:white; border-radius: 5px; padding: 1px; }
.col-01-tags {  float: left;  width: 100%;  border-bottom: 2px solid;}
.col-02-tags {  float: left;  width: 100%;  margin-top: 6px;}
.divtag { border: 0px solid navy; padding: 2px; border-radius: 5px; cursor:  pointer;}
.bottom-links {  float: left; width:100%; padding: 1% 1% 1% 1%;}
}


.cssmsglabel {display: inline-block; color:  gray; font-weight:  normal; font-size: small; padding: 0px 0px; margin: 1% 0%; }
.css-top {  line-height: 24px; display: flex; padding: 4px;background-color: #ffffff;position: relative;height: 40px;}
.css-top-logo {width: 30%; color: navy; font-size: 36px; padding: 4px; }
.css-top-middle { }
.css-top-right { width:70%; text-align: right;}



.css-main-block {padding: 4px;background-color: #ffffff;position: relative;height: auto;}


.css-col-left0 {width:0%;}
.css-col-centerfull { width:100%; }
.css-col-right0 {width:0%; text-align:right;}

.css-2-choices { display: flex; justify-content: space-between; padding: 0%;}






/*.css-section2 {   padding: 2% 2%; background-color: rgba(100,149,237,.2)}*/

.css-section3 { padding: 2% 2%;   }



.css-label40 {width:40%;}


.css-form-content-center {text-align:   center; width:70%; margin:auto;}
.css-form-content-right-col {text-align:   left; margin-left: 50%; }
.css-form-header { text-align: center; color:navy; font-size:1em; margin: 1% 1%;}

.css-form-content-narrow {text-align:   left; width:40%; }
.css-button-center {text-align:   center;}

.css-center-content {margin: 2% 0%; ; width: 100%; overflow: auto;}


.css-2-choice-middle { width:30%; text-align: center;}


.css-1-choice { width:100%; text-align: center;  font-size: 1.5em; padding:  10px; }

.css-1-col { width:100%; padding:  20px; min-height: 650px; }
.css-2col {width: 50%; padding: 10px;}
.css-col-30 {width: 50%; padding: 0px; }
.css-col-70 {width: 50%; padding-left: 10px;}
.css-col-100 {width: 100%; padding: 10px; overflow:  auto;  }
.css-line-below {border-bottom: 3px solid navy;}
.css-bg1 {background-color: rgba(100,149,237,.2);}
.css-bg2 {background-color: rgba(137,207,240,.2);}
.css-margin-auto {margin: auto; height: auto;}




.css-mat-col1 {width:30%; padding: 10px;}
.css-mat-col2 {width: 65%;padding: 10px; border-left: 4px solid navy; }
.css-full-width {width:100%; padding: 10px; margin: auto;  clear:  left;}
.css-row-flex {display: flex; padding: 10px;position: relative;}

.css-desc1 { width:90%; margin: auto; line-height: 1.5em;}
.column-2 { float: left;   width: 45%;   padding: 10px;   margin:10px;   /*height: 400px;*/   overflow: auto;    }


.css-msg-small {color:   darkred; font-size:  14px; }

.top-width {
  margin: auto;
  width: 70%; 
  clear: left;
  
 }

h1 {
  font-family: Georgia, serif;
  font-size: 46px;  
}



.gap {
    height: 40px;
}
/* Create two equal columns that float next to each other */

.column-left-border {
  /* border-left:  darkmagenta solid thin;*/
  }
 .column-right-border {
  /* border-right:  darkmagenta solid thin;*/
  }


.cssform {
  /*margin: auto;
  width: 50%;*/
  border: 2px navy;
  /*padding: 20px;*/
  align-items: center;
}

.csslabelnowidth {display: inline-block; color:  darkblue; font-weight:  normal; font-size: large; padding: 5px; }
.cssinputnowidth { height: 2em;  border-radius: 4px; padding: 5px;  color: navy; background-color:  #fef7da; }


.csslabelfullwidth {width: 100%; display: inline-block; margin: 2% 0px; color: darkblue; font-weight:  normal; font-size: large;}
.csslabelsub {color: graytext; font-size: medium;}
.csslabelnowidth {display: inline-block; color:  darkblue; font-weight:  normal; font-size: large; padding: 5px 0px; margin: 5px 5px; }

.cssinputhome { width:65%; height: 2.5em;  border-radius: 10px; font-size: 16px; font-family: sans-serif; padding: 3px 10px; }
.cssinputnowidth { display: inline-block;  height: 2em;  border-radius: 10px; font-size: 16px; font-family: sans-serif; padding: 3px 10px; }

.cssinputradio {  height: 1.5em;   margin: 5px 10px; }

.cssinputfull {height: 2em; width: 92%; overflow: scroll; }
.cssdropdownmulti {height: 15em; width:90%;}
.cssdropdownloc {height: 2em; width:90%; }

.cssdropdowntall {min-height: 250px; width: 90%; overflow:auto;}
.cssdropdownlist {height: 250px; max-height:250px; overflow:auto; }
.cssdropdownitem {height: 1.5em; }
.cssdropdownfit {height: 2em; padding: 4px; margin-left: 20px;}

.button {
    
    width: 115px;
    background: #8c7a32;
    padding: 10px;
    text-align: center;
    border-radius: 5px;
    color: white;
    font-weight: bold;
   line-height: 2.5em;
    margin: 2% 2%;
}

.header {
    font-size: 24px;
    color:  darkgray;
    text-align:   center;
    padding: 10px;
}
.padding5 {padding: 5px;}
.myTable { border-collapse:collapse; float: left; margin: 10px 0px;border: #8c7a32 2px solid;}
.tablediv {width:100%;overflow:auto;}
.tablerow {background-color: #b2d8d8;}
.myTable th {
  background-color:   #fefbec ;
  color: navy;
  
  
  
}
.myTable td, th { padding:5px; text-align: left; border:1px solid #8c7a32; font-size:   small;vertical-align: top;}
/*.myTable tr:hover { background-color:   lightblue;}
.mytable tr:nth-child(even) {background-color: #f2f2f2;}*/
 td1 {
  width: 100px;
  overflow: scroll;
  }
ul li {
    padding: 0.5em;
    
}

/* unvisited link 
a:link {
  color: orangered;
}

/* visited link 
a:visited {
  color: green;
}
/* mouse over link 
a:hover {
  color: hotpink;
}

/* selected link 
a:active {
  color: blue;
}
*/

.vertical-menu {
    width:100%; padding: 2%;
    
  /*width: 400px; *//* Set a width if you like */
}

.vertical-menu a {
  background-color: #eee; /* Grey background color */
  color: black; /* Black text color */
  /*display: block; /* Make the links appear below each other */
  padding: 5px 12px; /* Add some padding */
  text-decoration: none; /* Remove underline from links */
}

.vertical-menu a:hover {
  background-color: #ccc; /* Dark grey background on mouse-over */
}

.vertical-menu a.active {
  background-color: rgb(82, 67, 170); /* Add a green color to the "active/current" link */
  color: white;
}