body {margin:0;font-family:Arial; background-color:white}

          .topnav {
          overflow: hidden;
          background-color: #003566;
         }

          .topnav a {
          float: left;
          display: block;
          color: #f2f2f2;
          text-align: center;
          padding: 14px 12px;
          text-decoration: none;
          font-size: 17px;
          }

          .active {
          background-color: green;
          color: white;
          }

          .topnav .icon {
          display: none;
          }

          .dropdown {
          float: left;
          overflow: hidden;
          }

          .dropdown .dropbtn {
          font-size: 17px;
          border: none;
          outline: none;
          color: white;
          padding: 14px 12px;
          background-color: inherit;
          font-family: inherit;
          margin: none;
          }

          .dropdown-content {
          display: none;
          position: absolute;
          background-color:  #0099CC;
          min-width: 160px;
          box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
          z-index: 1;
          }

          .dropdown-content a {
          float: none;
          color: #e6f3ff;
          padding: 12px 16px;
          text-decoration: none;
          display: block;
          text-align: left;
          }

          .topnav a:hover, .dropdown:hover .dropbtn {
          background-color: #e6f3ff;
          color: #003566;
          }

          .dropdown-content a:hover {
          background-color: #e6f3ff;
          color: #003566;
          }

          .dropdown:hover .dropdown-content {
          display: block;
          }

          @media screen and (max-width: 600px) {
          .topnav a:not(:first-child), .dropdown .dropbtn {
          display: none;
          }
          .topnav a.icon {
          float: right;
          display: block;
          }
          }

          @media screen and (max-width: 600px) {
          .topnav.responsive {position: relative;}
          .topnav.responsive .icon {
          position: absolute;
          right: 0;
          top: 0;
          }
          .topnav.responsive a {
          float: none;
          display: block;
          text-align: left;
          }
          .topnav.responsive .dropdown {float: none;}
          .topnav.responsive .dropdown-content {position: relative;}
          .topnav.responsive .dropdown .dropbtn {
          display: block;
          width: 100%;
          text-align: left;
          }
          }

        
        
        
        
        
        *
        { 
            box-sizing: border-box;
        }
         
         .row::before
         {
            margin-top:0px; 
         }
        .row::after
        { 
            content:""; 
            clear:both; 
            display:table;
        }
        [class*="col-"]
        {
            float:left; 
            padding: 1px;
         }
         html
         {
             font-family: "Lucida Sans", Sans-Serif;
         }
         .header
         {
             background-color:white;
             color:#ffffff;
             padding: 1px;
         }
         .menu ul
         {
             list-style-type:none; 
             margin:1px;
             
             padding:0px;
         }
         .menu li
         {
             padding: 5px;
             margin-bottom:1px;
             background-color:#003566;
             color:#ffffff;
            
         } 
         .menu li:hover
         {
             background-color:#0099cc;
         }
         .aside
         {
             background-color: #e6f3ff;
             padding:15px;
             color:black;
             text-align:center;
             font-size:14px;
             box-shadow:0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
         }
         .footer
         {
             background-color:#003566;
             color:#ffffff;
             text-align:center;
             font-size:12px;
             padding:15px;
         }
         [class*="col-"]
         {
             width:100%;
         }
         @media only screen and (min-width:600px)
         {
             .col-s-1{width:8.33%;}
             .col-s-2{width:16.66%;}
             .col-s-3{width:25%;}
             .col-s-4{width:33.33%;}
             .col-s-5{width:41.66%;}
             .col-s-6{width:50%;}
             .col-s-7{width:58.33%;}
             .col-s-8{width:66.66%;}
             .col-s-9{width:75%;}
             .col-s-10{width:83.33%;}
             .col-s-11{width:91.66%;}
             .col-s-12{width:100%;}
         }
         @media only screen and (min-width:768px)
         {
             .col-s-1{width:8.33%;}
             .col-s-2{width:16.66%;}
             .col-s-3{width:25%;}
             .col-s-4{width:33.33%;}
             .col-s-5{width:41.66%;}
             .col-s-6{width:50%;}
             .col-s-7{width:58.33%;}
             .col-s-8{width:66.66%;}
             .col-s-9{width:75%;}
             .col-s-10{width:83.33%;}
             .col-s-11{width:91.66%;}
             .col-s-12{width:100%;}
         }
         
         
         table {
              border-collapse: collapse;
              width: 100%;
            }
            th{background-color:#72bcd4; font-size:large}

       th, td {
        text-align: left;
        padding: 8px;
        }

        tr:nth-child(even) {background-color: #e8f4f8;}
        tr:nth-child(odd) {background-color: #d4ebf8;}
    
 /* vertical menu link */
 
  .vmenu
  {
  
  display: block;
  color: #f2f2f2;
  text-decoration: none;
  font-size: 17px;
  }   
    
/* code for image slider  */

* {box-sizing: border-box;}
body {font-family: Verdana, sans-serif;}
.mySlides {display: none;}


/* 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}
}
  
  
 /* code for programmes */
    .heading{height:100px; float:left}
   /*  .class2{width:100%; height:300px; clear:both}*/
   /*  .class3{border:1px solid black; height:40px; text-align:center;color:gray;margin-top:5px; } */
      .link
        {
            height:30px;  
            line-height:30px; 
            text-align:center; 
            background:#003566; 
            color:e6f3ff;  
            
            text-decoration:none;
            padding-right:10px;
            padding-left:10px;
            float:left;
            border-radius:10px;
            margin:2px;
          }    
          .link:hover
          { background-color:e6f3ff;color:#003566;border:1px solid red}
          
          .link1
        {
            height:40px;  
            line-height:40px; 
            text-align:center; 
            background:red; 
            color:white;  
            font-weight:bold;
            text-decoration:none;
            padding-right:15px;
            padding-left:15px;
            float:left;
            border-radius:10px;
            margin:5px;
          }    
          .link1:hover
          { background-color:white;color:red;border:1px solid red}
     h1{text-align:center;color::#003566}
    
        
        /* collesible code*/
      .collapsible {
  background-color: #4682b4;
  color: white;
  cursor: pointer;
  padding: 18px;
  width: 100%;
  border: 1 solid #003566;
  text-align: left;
  outline: none;
  font-size: 15px;
}

.active, .collapsible:hover {
  background-color: #e6f3ff;
  color: red;
  font-weight:bold;
}

.content {
  padding: 18px;
  display: none;
  overflow: hidden;
  background-color: #fffafa;
  text-align:justify;
  line-height:1.5;
}
.collapsible:after {
  content: '\02795'; /* Unicode character for "plus" sign (+) */
  font-size: 13px;
  color: white;
  float: right;
  margin-left: 5px;
}

.active:after {
  content: "\2796"; /* Unicode character for "minus" sign (-) */
}

.responsive {
  width: 100%;
  height: auto;
}

    
  /* gallery code */
  

/* The grid: Four equal columns that floats next to each other */
.column {
  float: left;
  width: 33%;
  padding: 5px;
}

/* Style the images inside the grid */
.column img {
  opacity: 0.8; 
  cursor: pointer; 
  height:200px;
}

.column img:hover {
  opacity: 1;
}

/* Clear floats after the columns */
.row:after {
  content: "";
  display: block;
  clear: both;
}

/* The expanding image container */
.containerg {
  position: relative;
  display: none;
}

/* Expanding image text */
#imgtext {
  position: absolute;
  bottom: 15px;
  left: 15px;
  color: white;
  font-size: 20px;
}

/* Closable button inside the expanded image */
.closebtng {
  position: absolute;
  top: 10px;
  right: 15px;
  color: white;
  font-size: 35px;
  cursor: pointer;
}
blink {
            color: #2d38be;
            font-size: 15px;
            font-weight: bold;
        }