<style>
                          * {
                              box-sizing: border-box;
                            }

                            /* Style the body */
                              body 
                                 {
                                   font-family: Arial;
                                   margin: 0;
                                 }

                     
                            /* Header/logo Title */
                              .header 
                                 {
                                   padding: 5px;
                                   text-align: center;
                                   background:white;
                                   color: white;
                                 }

                            /* Style the top navigation bar */
                              .navbar
                                 {
                                   display: flex;
                                   background-color: #333;
                                 }

                            /* Style the navigation bar links */
                              .navbar a 
                                 {
                                   color: white;
                                   padding: 14px 20px;
                                   text-decoration: none;
                                   text-align: center;
                                 }

                            /* Change color on hover */
                              .navbar a:hover 
                                 {
                                   background-color: #ddd;
                                   color: black;
                                 }

                            /* Column container */
                               .row 
                                 {  
                                   display: flex;
                                   flex-wrap: wrap;
                                 }

                            /* Create two unequal columns that sits next to each other */
                            /* Sidebar/left column */
                              .side3 
                                 {
                                   flex: 25%;
                                   background-color: #f1f1f1;
                                   padding: 20px;
                                 }



                            /* Sidebar/Right column */
                              .side_r3 
                                 {
                                   flex: 25%;
                                   background-color: #f1f1f1;
                                   padding: 20px;
                                 }


                           /* Main column */
                              .main3
                                 {
                                   flex: 50%;
                                   background-color: white;
                                   padding: 20px;
                                 }

                          /* Two columns */

                            .side2 
                                 {
                                   flex: 25%;
                                   background-color: #f1f1f1;
                                   padding: 20px;
                                 }
                                 
                                 
                                   /* 15% width Two columns */
                                   
                                   .side22 
                                 {
                                   flex: 20%;
                                   background-color: #f1f1f1;
                                   padding: 20px;
                                 }
                                   
                                   

                           

                           /* Main column */
                              .main2
                                 {
                                   flex: 75%;
                                   background-color: white;
                                   padding: 20px;
                                   font-size: 15px;
                                 }


                           /* Fake image, just for this example */
                              .fakeimg 
                                 {
                                   background-color: #aaa;
                                   width: 100%;
                                   padding: 20px;
                                 }

                           /* Footer */
                              .footer 
                                 {
                                   padding: 20px;
                                   text-align: center;
                                   background: Gray;
                                  
                                 }

                              .footer> div
                                 {
                                   background-color: #f1f1f1;
                                   width: 100px;
                                   margin: 10px;
                                   text-align: center;
                                   line-height: 75px;
                                   font-size: 30px;
                                 }
								 
								 
					 /* row items in the Footer */			 
								 
			
                   .flex-footer
                     {
                       display: flex;
                       flex-wrap: wrap;
                       background-color: Gray;
                     }

                   .flex-footer> div
                     {
                       background-color:Gray;
                       margin: 20px;
                       text-align: left;
                       line-height: 20px;
                       font-size: 14px;
                         color: white;
                     }

/* table in the footer*/           
            



       tr.border-bottom td
          {
             border-bottom: 1pt solid white;
          } 


                    
                          /* Footer copy right */
                              .footer_copy_right 
                                 {
                                   padding: 1px;
                                   text-align: center;
                                   background-color: Black;
                                   color: White;
                                 }


                           /*inside*/


                               .inside
 
                                 {
                                   padding:20px;
                                   background-color: #aaa;
                                   text-align: center;
                                   font-size: 15px;
                                 } 
                                 


                          /* Responsive layout - when the screen is less than 700px wide, make the two columns stack on top of each other instead of next to each other */
                              @media screen and (max-width: 700px)
                                 {
                                   .row, .navbar
                                       {   
                                         flex-direction: column;
                                       }
                                 }


 /* Menu */


                 ul
                  {
                   list-style-type: none;
                   margin: 0;
                   padding: 0;
                   overflow: hidden;
                   background-color: #333;
                  }

                 li
                  {
                   float: left;
                  }

                 li a, .dropbtn 
                  {
                   display: inline-block;
                   color: white;
                   text-align: center;
                   padding: 14px 16px;
                   text-decoration: none;
                  }

                 li a:hover, .dropdown:hover .dropbtn
                  {
                   background-color: red;
                  }

                 li.dropdown
                  {
                   display: inline-block;
                  }

                 .dropdown-content 
                  {
                   display: none;
                   position: absolute;
                   background-color: #f9f9f9;
                   min-width: 160px;
                   box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
                   z-index: 1;
                  }


                .dropdown-content a
                  {
                    color: black;
                    padding: 12px 16px;
                    text-decoration: none;
                    display: block;
                    text-align: left;
                  }

                .dropdown-content a:hover 
                  {
                    background-color: #f1f1f1;
                  }

                .dropdown:hover .dropdown-content 
                  {
                    display: block;
                  }



/* Slideshow */

* {box-sizing: border-box;}
body {font-family: Verdana, sans-serif;}
.mySlides {display: none;}
img {vertical-align: middle;}

/* Slideshow container */
.slideshow-container {
  max-width: 1000px;
  position: relative;
  margin: auto;
}

/* Caption text */
.text {
  color: #f2f2f2;
  font-size: 15px;
  padding: 8px 12px;
  position: absolute;
  bottom: 8px;
  width: 100%;
  text-align: center;
}

/* Number text (1/3 etc) */
.numbertext {
  color: #f2f2f2;
  font-size: 12px;
  padding: 8px 12px;
  position: absolute;
  top: 0;
}

/* The dots/bullets/indicators */
.dot {
  height: 15px;
  width: 15px;
  margin: 0 2px;
  background-color: #bbb;
  border-radius: 50%;
  display: inline-block;
  transition: background-color 0.6s ease;
}

.active {
  background-color: #717171;
}

/* Fading animation */
.fade {
  -webkit-animation-name: fade;
  -webkit-animation-duration: 1.5s;
  animation-name: fade;
  animation-duration: 1.5s;
}

@-webkit-keyframes fade {
  from {opacity: .4} 
  to {opacity: 1}
}

@keyframes fade {
  from {opacity: .4} 
  to {opacity: 1}
}

/* On smaller screens, decrease text size */
@media only screen and (max-width: 300px) {
  .text {font-size: 11px}
}
</style>

