.site-grid {
grid-template-columns: [full-start] minmax(0, 1fr) [main-start] minmax(0, 15rem) repeat(2, minmax(0, 40rem)) minmax(0, 15rem) [main-end] minmax(0, 1fr) [full-end];
}

body.site {background-image: url('https://massdefectpics.s3.us-west-2.amazonaws.com/grey2.png'); background-repeat: repeat;
  background-attachment: fixed; }  



.mod-custom115 {padding:10px;}
.body-wrapper-fluid .grid-child{padding-bottom: 10px;}
.top-b .card .nav  { border: 5px solid red;   }


.container-header  {background-image: url('https://massdefectpics.s3.us-west-2.amazonaws.com/grey2.png');   background-repeat: repeat;
  background-attachment: fixed;  box-sizing: border-box;
  width: auto; padding:20px;               
                   }


.container-banner  {background-image: url('https://massdefectpics.s3.us-west-2.amazonaws.com/grey4.png') ;  
                    background-repeat: repeat;   background-attachment: fixed;  
                     box-sizing: border-box;
  width: auto !important;
                  flex:1;
                    margin:15px;
                   padding:15px;}

.container-nav {background-image: url('https://massdefectpics.s3.us-west-2.amazonaws.com/grey6.png');   background-repeat: repeat;   background-attachment: fixed;  }

.card-body {background-image: url('https://massdefectpics.s3.us-west-2.amazonaws.com/grey4.png');   background-repeat: repeat;   background-attachment: fixed;  }

.card-header {background-image: url('https://massdefectpics.s3.us-west-2.amazonaws.com/grey4.png');   background-repeat: repeat;   background-attachment: fixed;  }

.containter-nav .menu-item { display: block;
z-index: 2;
 position: relative;

    list-style: none;
    display: flex;
    padding: 10px;
    justify-content: center;
}
.container-top-b {padding-bottom: 15px;}

.container-top-b>*    {
    flex: none;
  margin: auto;
    /*margin: 0px; 
  border: 5px solid red;*/
}

.container-top-b ul {
  list-style-type: none;
  margin: 0px;
  padding: 0px;
  overflow: hidden;
  background-image: url('https://massdefectpics.s3.us-west-2.amazonaws.com/grey8.png');   background-repeat: repeat;   background-attachment: fixed;
  background-color: #333;
}

 @media (max-width: 700px) {
              .container-top-b  ul {
                        flex-direction: column;
                }
             .container-top-b   ul {
                        width: 100%;
                }
        }

 @media (max-width: 700px) {
              .container-top-b {
                        flex-direction: column;
                }
             .container-top-b li {
                        width: 100%;
                }
        }



.container-top-b li {
   display: block;
  float: left;
    margin: 3px;
  padding: 2px;
  overflow: hidden;
  background-image: url('https://massdefectpics.s3.us-west-2.amazonaws.com/grey8.png');   background-repeat: repeat;   background-attachment: fixed;
  background-color: white;
   text-decoration: none; 
}

.container-top-b li a {
  display: block;
  color: black;   font-weight: bold;
  text-align: center;
   margin: 0px 2px 0px 0px;
  padding: 3px;
  overflow: hidden;
  background-image: url('https://massdefectpics.s3.us-west-2.amazonaws.com/grey3.png');   background-repeat: repeat;   background-attachment: fixed;
  background-color: White;
   text-decoration: none !important; 
}

.container-top-b li a:hover {
  background-color: green;
   background-image: url('https://massdefectpics.s3.us-west-2.amazonaws.com/grey8.png'); background-repeat: 
   repeat;  background-attachment: fixed; 
   text-decoration: none; 
}

.containter-nav .menu-item ul { display: block;
z-index: 2;
    position: relative;
}

.containter-nav .menu-item a {
    display: block;
    padding: 5px 5px;
    text-decoration: none;
    color: Yellow;
    background-color: #333;
    background-image: url('https://massdefectpics.s3.us-west-2.amazonaws.com/grey8.png'); background-repeat: repeat;   background-attachment: fixed; 
    transition: background-color 0.3s ease;
}




.menu-item a:hover {
    
color: black;
 background-image: url('https://massdefectpics.s3.us-west-2.amazonaws.com/grey.png'); background-repeat: 
   background-attachment: fixed; 
}




/* Style for submenus */
.submenu {
 z-index: 2;
       display: none;
    position: absolute;
    top: 100%;
    left: 0;
    list-style: none;
    background-color: #333;
    padding: 0;
}

.submenu li a { display: block;
    padding: 5px 5px;
    text-decoration: none;
    color: yellow;
    background-color: #333;
    display: block;
    width: 150px;   
    height: auto;

    transition: background-color 0.3s ease;
}

.submenu li a:hover { display: block;
    background-color: #555;
	color: lime;
background:#468 url(grey4.png) 0 0 repeat fixed;
}

/* Show submenu on hover */
.menu-item:hover .submenu {
    display: block;
}




.container-component   {background-image: url('https://massdefectpics.s3.us-west-2.amazonaws.com/grey8.png');   background-repeat: repeat;   background-attachment: fixed; padding:10px; }


.moduletable.sidebar-right {
    background: #f5f5f5;
    padding: 20px;
    border-radius: 8px;
}

.sidebar-left {background:transparent url('https://massdefectpics.s3.us-west-2.amazonaws.com/grey8.png'); background-repeat: repeat;   background-attachment: fixed; height:auto;}

.sidebar-right {background:transparent url('https://massdefectpics.s3.us-west-2.amazonaws.com/grey8.png'); background-repeat: repeat;   background-attachment: fixed;}


/* Example: Style for the 'sidebar-left' module position */
.moduletable.sidebar-left  {
    background: #e9ecef;
    padding: 20px;
    border-radius: 8px;
}

/* Example: Style for the 'top-a' module position */
.moduletable.top-a {
    background: #007bff;
    color: #fff;
    padding: 15px;
    border-radius: 6px;
}

/* Example: Style for the 'footer' module position */
.moduletable.footer {
    background: #222;
    color: #fff;
    padding: 25px 10px;
    text-align: center;
}

/* Example: Style for the 'banner' module position */


/* Add your own custom styles for other module positions below */


nav1  {background-image: url('https://massdefectpics.s3.us-west-2.amazonaws.com/grey.png');  fixed;background-repeat:no-repeat;background-size:cover;z-index:-1; border: solid red; margin: 25px; 
}

 .top-b.card .mod-menu {
   display: block;
  block-size: auto;
   color: black;
 position: relative;
 background:transparent  url('https://massdefectpics.s3.us-west-2.amazonaws.com/grey.png');   background-repeat: repeat;
  background-attachment: fixed;  
 
   margin: 25px; 
    list-style: none;
  /*  display: flex;
     border: solid red; 
   */
    padding: 10px;
  margin: 0px;   
}
 
.container-top-b .mod-menu {
   display: block;
  block-size: auto;
   color: black;
 position: relative;
 background:transparent  url('https://massdefectpics.s3.us-west-2.amazonaws.com/grey8.png');   background-repeat: repeat;
  background-attachment: fixed;  
 /* border: solid red; */
  margin: 25px; 
    list-style: none;
    display: flex;
    padding: 5px;
  margin: 0px;   
}


 .container-header .mod-menu ul {
    display: block;
  block-size: auto;
    padding: 5px 5px;
    text-decoration: none;
    color: black;
    background-color: #333;
    background: transparent  url('https://massdefectpics.s3.us-west-2.amazonaws.com/grey8.png'); 
   background-repeat: repeat;   background-attachment: fixed;  background-size:cover;
    transition: background-color 0.3s ease;
}

 .container-header .mod-menu a {
    display: block;
  block-size: auto;
    padding: 5px 5px;
    text-decoration: none;
    color: black;
    background-color: #333;
    background: transparent  url('https://massdefectpics.s3.us-west-2.amazonaws.com/grey8.png'); 
   background-repeat: repeat;   background-attachment: fixed;  background-size:cover;
    transition: background-color 0.3s ease;
}

 .container-header .mod-menu a:hover {
    display: block;
  block-size: auto;
    padding: 5px 5px;
    text-decoration: none;
    color: black;
    background-color: #333;
    background: transparent  url('https://massdefectpics.s3.us-west-2.amazonaws.com/grey5.png'); 
   background-repeat: repeat;   background-attachment: fixed;  
    transition: background-color 0.3s ease;
}


#froglink .g-content{background-image: transparent url('https://massdefectpics.s3.us-west-2.amazonaws.com/grey8.png'); background-repeat: repeat;  background-attachment: fixed;
                     z-index:-1;border-top-right-radius:35px;border-top-left-radius:35px;border-bottom-left-radius:35px;border-bottom-right-radius:35px;padding:3rem;margin:2rem;border:solid 5px #c08f81}

.froglink ul {margin:0;padding:0; background-image :transparent url('https://massdefectpics.s3.us-west-2.amazonaws.com/grey3.png'); background-repeat: repeat;  background-attachment: fixed;z-index:-1;border:solid 5px #0d11c1}

.froglink li{margin:0;padding:0;list-style:none;border:1px solid #fff;background:transparent url('https://massdefectpics.s3.us-west-2.amazonaws.com/grey2.png'); background-repeat: repeat;   background-attachment: fixed; padding-bottom:0;margin-bottom:0}

.froglink li:hover{margin:0;padding:0;list-style:none;border:1px solid #fff;background:transparent url('https://massdefectpics.s3.us-west-2.amazonaws.com/grey8.png'); background-repeat: repeat;   background-attachment: fixed; padding-bottom:0;margin-bottom:0}

.froglink ul li{margin:0;padding:0;list-style:none;border:1px solid #fff;background:transparent url('https://massdefectpics.s3.us-west-2.amazonaws.com/grey2.png') background-repeat: repeat;  background-attachment: fixed; z-index:-1;padding-bottom:0;margin-bottom:0}
/* ##################################################################### */

.froglink ul li a{width:auto;display:block;padding:3px;background:transparent url('https://massdefectpics.s3.us-west-2.amazonaws.com/grey3.png') fixed; background-repeat: repeat;z-index:-1;color:White;text-indent:3px;text-decoration:none}

.froglink ul li a:hover{background:transparent url('https://massdefectpics.s3.us-west-2.amazonaws.com/grey8.png') fixed; background-repeat: repeat; color:black; text-indent:3px;text-decoration:none}

.froglink h3{background:transparent url('https://massdefectpics.s3.us-west-2.amazonaws.com/grey6.png') fixed; background-repeat: repeat; z-index:+1;color:Black;width:auto;text-align:center;padding:5px 5px 5px 5px;margin:0px 0px 0px 0px;border:solid 6px #0d11c1;border-top-right-radius:35px}

/* ###########################            ##############*/

.froglink p{background:transparent url('https://massdefectpics.s3.us-west-2.amazonaws.com/grey8.png') fixed; background-repeat: repeat; z-index:-1;color:black;width:auto;text-align:center;padding:5px 5px 5px 5px;margin:0px 0px 0px 0px; border:solid 5px blue;}


/*ul.menu {width:80%;} */