<!DOCTYPE html>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<html>
<head>
<title></title>
<style type="text/css">
p { 
font-family:Georgia, 'Times New Roman', Times, serif, Times, serif;
font-size: 14;
}
h1 {
font-size: 24px;
font-family:Verdana, Arial, Helvetica, sans-serif;
text-align: center;
color:rgb(37, 87, 37);
}
h2 {
font-size:20px;
font-family:Verdana, Arial, Helvetica, sans-serif;
text-align: left;
text-transform: capitalize;
color:rgb( 37, 87, 37);
}
h3 {
font-size:16px;
font-family:Verdana, Arial, Helvetica, sans-serif;
text-align: center;
text-transform: capitalize;
color:rgb(41, 59, 44);
}
div.sticky {
position: -webkit-sticky;
position: sticky;
top: 0;
padding: 5px;
background-color: #cae8ca;
border: 2px solid #2a682c;
}
div.banner-div
{
    background-color:#a1a5a4;
}

p.page-title {
  visibility: hidden;
}
body 
{
   background-image: url(https://troopwebhost.blob.core.windows.net/troop4103losaltos/T4103background_202111121340517066944.png); background-position: 0 0; background-repeat: repeat; height: 502px; width: 100%; position: absolute; top: 0; left: 0;
background-color: rgb(221, 219,200);   
}


  
/* this selector removes the default blue border displayed in some browsers around an image when it is surrounded by a link */
a img { 
border: none;
}
/* ~~ Styling for your site's links must remain in this order - including the group of selectors that create the hover effect. ~~ */
/* unless you style your links to look extremely unique, it's best to provide underlines for quick visual identification */
/*a:link {
text-decoration: underline; 
}
a:visited {
text-decoration: underline;
}
/* this group of selectors will give a keyboard navigator the same hover experience as the person using a mouse. */
a:hover, a:active, a:focus { 
text-decoration: none;
}
.button {
   border-top: 1px solid #dddbc8;
   background: #dddbc8;
   background: -webkit-gradient(linear, left top, left bottom, from(#dddbc8), to(#dddbc8));
   background: -webkit-linear-gradient(top, #dddbc8, #dddbc8);
   background: -moz-linear-gradient(top, #dddbc8, #dddbc8);
   background: -ms-linear-gradient(top, #dddbc8, #dddbc8);
   background: -o-linear-gradient(top, #dddbc8, #dddbc8);
   padding: 6px 12px;
   -webkit-border-radius: 9px;
   -moz-border-radius: 9px;
   border-radius: 9px;
   -webkit-box-shadow: rgba(0,0,0,1) 0 1px 0;
   -moz-box-shadow: rgba(0,0,0,1) 0 1px 0;
   box-shadow: rgba(0,0,0,1) 0 1px 0;
   text-shadow: rgba(0,0,0,.4) 0 1px 0;
   color: #000000;
   font-size: 13px;
   font-family: Georgia, serif;
   text-decoration: none;
   vertical-align: middle;
}
.button:hover {
   border-top-color: #dddbc8;
   background: #dddbc8;
   color: #000000;
}
.button:active {
   border-top-color: #000000;
   background: #000000;
}
</style>
</head>
</html>