<style>
.shaded { 
      text-shadow: #61BEF9 0px 2px 2px, rgb(5, 47, 185) 0px 2px 2px;  }

.link {
      font-weight: bold; }

a {
      font-weight: bold;
      color: #190057;
  }

.weaklink {
      font-style: italic;
      font-weight: normal;
      color: #190057;
      }

.image810{
      display: block;
      margin-left: auto; 
      margin-right: auto; 
      width:810px
      }

.boxedlink {
      font-weight: bold;
      color: #190057;
      border: 1px solid #333333;
      margin: 0px 1px 0px 1px;
      padding: 0px 4px 0px 4px;
      border-radius: 4px;
 }
a:hover {
      font-weight: bold;
      color: #036A55; }

dd {
  padding: 5px 0px 0px 0px;
  font-size: 100%;
  font-weight: normal;  }

dt {     
  padding: 2px 0px 0px 8px;
  font-size: 100%;
  font-weight: bold;
  }

h1 {
     text-shadow: #91D2FA 0px 1px 1px, #5585F7 0px 1px 1px; }

.overlay {
     text-shadow: #000000 0px 2px 2px, #404040 0px 3px 3px;
     color: #27C8C8;
     position: relative; }

h2 {
     line-height: 70%;
     text-shadow: #91D2FA 0px 1px 1px, #5585F7 0px 1px 1px;
 }
     
td {  
     text-align: left; 
     vertical-align: top;
     font-size: 17px; 
     color: #00396B; 
     box-shadow: #DDEFFF 0px 2px, #F8EDC5 0px 0px 8px; 
     border: 2px solid #9EA1C9; 
     border-radius: 5px 5px 5px 5px;
     padding: 12px }

.more {
     color: #3E3E5C;
     }
     
.white {
     background: white;
     border: 1px dotted #FBECB7 ;
     margin: -2px;
       }

.nextmeeting {
     background: #dcf6fa;
     border: 2px solid #3340FF ;
     margin: 6px -5px 4px -5px;
     padding: 5px ;
     border-radius: 5px 5px 5px 5px;
     box-shadow: #DDEFFF 0px 2px, #F8EDC5 0px 0px 8px; 
       }

.small {
     font-size: 12px;
     text-align: center;
     margin-top: -5px;
     }

.news {
     background: #FFF0D5; 
     border: 1px solid #B00624 ; 
     box-shadow: 2px 2px 5px #888888;
     padding: 10px;
     }

.news:hover {
     color : #000000;
     background-color : #FFFFFF;
     border-color:  #FF2FFF;
     box-shadow: 2px 2px 5px #888888;
     }

.newsbox {
     background: white;
     border: 1px solid #729fcf ; 
     padding: 10px 0px 4px 5px;
	}

.request {
     background: white;
     border: 1px solid #FF781E ; 
     padding: 10px 0px 4px 5px;
	}

.quote { font-style: italic;
         margin-left: 10px;
         color: #206968;
    }

.topic {
     margin: 5px;
     font-weight: bold;
     font-size: large;
     margin-top: 0px;
	}

.body {
     margin: 5px;
     font-weight: normal;
     font-size: normal;
     margin-top: 0px;
      }

.image {
     margin-left: auto; margin-right: auto;
      }
      
.reference {
     margin: 25px;
     font-weight: normal;
     font-size: normal;
     margin-top: 25px;
      }
    


.crumb {text-align: left;
    background-color: #FFFED5;
    border: 1px solid navy;
    box-shadow: 2px 2px 5px #888888;
    padding: 5px;
    border-radius: 5px;
    margin-bottom: 3px;
      }
    
.crumb:hover {
     color : #000000;
     background-color : #dcf6fa;
     border-color:  #83dfff;
     box-shadow: 2px 2px 5px #888888;
     border-radius: 5px;
     margin-bottom: 4px;
     margin-top: 4px

     }

.menu {
    text-align: center;
    background-color: #FFFED5;
    border: 1px solid navy;
    box-shadow: 2px 2px 5px #888888;
      }
    
.menu:hover {
     color : #000000;
     background-color : #dcf6fa;
     border-color:  #83dfff;
     box-shadow: 2px 2px 5px #888888;
     }

.divlink {
    background-color: #F1DED1; 
    padding: 1px;
    border-radius: 5px 5px 5px 5px;
    border: 1px solid navy;
    text-align: center;
    }

.divlink:hover{
     background-color : #dcf6fa;
     border-color:  #83dfff;
     box-shadow: 2px 2px 5px #888888;
     border-radius: 5px 5px 5px 5px;    
     text-align: center;
   }

.box {
    background-color: #FFFED5;
    padding: 5px;
    border: 1px solid navy;
    margin: 3px;
    text-align: center ;
    border-radius: 5px;
    float: right;
    box-shadow: 2px 2px 5px #888888;
    }

.leftbox {
    background-color: #FFFED5;
    padding: 8px;
    border: 1px solid navy;
    margin: 3px;
    margin-top: 5px;
    text-align: left ;
    border-radius: 5px;
    float: left;
    box-shadow: 2px 2px 5px #888888;
    font-size: 130%;
    font-weight: bold;
    }

.leftbox:hover {
     background-color : #dcf6fa;
     border-color:  #83dfff;
     box-shadow: 2px 2px 5px #888888;
     }


.abox {
     background: #fbf5aa;
     padding: 15px 0px 10px 10px;
	}

.aboxnote {
     background: #fbf5aa;
     text-indent: 80px;
     font-style: italic;
     font-weight: normal;
     font-size: small;
     margin-top: -22px;
      }

.public {
     background: #D7F9FD;
        }

.group {
     text-indent: -27px;
     margin-left: 32px;
     font-weight: bold;
     margin-top: -12px;
	}

.nogroup {
     text-indent: 5px;
     margin-top: -15px;
	}

.note {
     text-indent: 80px;
     font-style: italic;
     font-weight: normal;
     font-size: small;
     margin-top: -18px;
      }

.nonote {
     text-indent: 80px;
     font-style: italic;
     font-weight: normal;
     font-size: small;
     margin-top: -18px;
      }

.item {
     text-indent: -10px;
     margin-left: 50px;
     font-weight: normal;
     margin-top: -16px;

      }

.noitem {
     text-indent: 50px;
     font-weight: normal;
     margin-top: -18px;
      }
.update {
    margin-top: -15px; 
    color: gray;
    text-align: right;
    font-style: italic  
    }

.programmetitle {
    font-size: 120%;
    
                }
                
.programmenote {
    margin-top:4px;
    margin-bottom: 12px;
    color: Blue;
    border-width:3px;
    border-radius:5px;
    background:#FAFEFF;
    padding:5px;
    font-size: 100%;
    }

.image {
    border-radius: 5px 5px 5px 5px;
    border: 1px solid navy;
    width: 550px;
    }
    
 .caption {
    margin-top: 3px;
    margin-bottom: 3px;If you can say the width is
    text-align: center;
    font-style: italic;
    font-weight: normal;
    font-size: small;
    }

 /* Navbar container */
.navbar {
  overflow: hidden;
  background-color: inherit;
  font-family: Arial;
  font-size: 18px;
  margin: auto;
}

.grid-container {
  display: grid;
  grid-template-columns: auto auto auto auto auto;
  background-color: #2196F3;
  padding: 10px;
  margin-left: auto;
  margin-right: auto;
  width: 80%;
  }

.grid-item {
  display: block; 
  text-align: center;
  font-size: inherit;
  font-weight: bold;
  border:  1px solid navy;
  border-radius: 5px 5px 5px 5px;
  outline: none;
  color: black;
  padding: 14px 16px;
  background-color: #FFFED5;
  font-family: inherit; /* Important for vertical align on mobile phones */
  margin: 0; /* Important for vertical align on mobile phones */
  }

.grid-item:hover {
  background-color: #2980B9;
  color: #FFFFFF;
   }

.dropdown-content div:hover {
  background-color: #2980B9;
  color: #FFFFFF;
   }

.dropdown-content {
  text-align: left;
  font-size: inherit;
  font-weight: bold;
  border:  1px solid navy;
  border-radius: 5px 5px 5px 5px;
  outline: none;
  color: black;
  padding: 2px 4px;
  background-color: #FFFED5;
  font-family: inherit; /* Important for vertical align on mobile phones */
  margin: 0; /* Important for vertical align on mobile phones */
  display: none;
  position: absolute;
  min-width: 160px;
  overflow: auto;
  margin-top: 10px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 1;
}

.dropdown-content div {
  color: black;
  padding: 0px 0px;
  text-decoration: none;
}

 /* Style the navbar */
#navbar {
  overflow: hidden;
  border:  1px solid navy;

}

/* Navbar links 
#navbar a {
  float: left;
  display: block;
  color: #f2f2f2;
  text-align: center;
  padding: 14px;
  text-decoration: none;
}*/

/* Page content */
.content {
  padding: 16px;
}

/* The sticky class is added to the navbar with JS when it reaches its scroll position */
.sticky {
  position: fixed;
  top: 0;
  width: 100%;
}

/* Add some top padding to the page content to prevent sudden quick movement (as the navigation bar gets a new position at the top of the page (position:fixed and top:0) */
.sticky + .content {
  padding-top: 60px;
}

.show {display: block;}

     
</style>

