/* CSS Document */
body        				{background-color: #F1F3CE;}

#wrapper 					{width:900px;margin:10px auto; }

#top							{float:left;}
#top		ul					{float:right; margin-left:190px;margin-top:25px;}

#top	 ul li				{display:inline; list-style-type:none; margin:0 0; padding:0 2px; }

#top {clear:both;}

#memb		{float:right; margin-top:-70px; margin-right:75px;}

#memb		h1{font-family:monospace;}

#menu		{margin-left:70px;margin-top:20px;}

#menu ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
  overflow: hidden;
  background-color:#00293b; width:309px; border-radius:25px; 
}
#menu  li {
  float: left;
}


#menu li a, .dropbtn {
  display: inline-block;
  color: white;
 font-size:20px;
  text-align: center;
  padding: 10px 20px;
  text-decoration: none;
  font-family:Montserrat;
}
#menu .active{
background-color: gray;
color: white;
}

 
#menu   li a:hover , .dropdown:hover .dropbtn{
  background-color:#00293b;
  color: white;
}

#menu .dropdown-content {
  display: none;
  position: absolute;
  background-color: lightblue;
  min-width: 160px;
  box-shadow: 5px 8px 10px 0px black;
 }

#menu .dropdown-content a {
  color: black;
  padding: 12px 16px;
  text-decoration: none;
  display: block;
  text-align: left;font-family:Montserrat;
}

#menu .dropdown-content a:hover {
background-color: #00293b;
color:white;
}
#menu .dropdown:hover .dropdown-content {
  display: block;
}
#banner {border-radius: 25px;
  border: 3px solid #00293b;
  padding: 20px; 
  width: 900px;
  height: 350px;       }  

#bx1 {
    width: 900px;
    height: 350px;
    border-radius: 20px;
    border:2px solid #00293b;  margin-top:30px;
}
#bx1 #bx2{
    width: 270px;
    height: 310px;
    border:2px solid  #00293b; border-radius:20px; float:right; margin-top:18px; margin-right:20px; padding-top:20px;
}

#bx1 a img		{margin-top:48px; margin-left:30px; border-radius:25px;}

#bx2  a img		{ margin-top:-5px;  margin-left:55px;  }

#bx2  h2		{margin-top:-10px; text-align:center; font-family:sans-serif;font-size:15px;}
#bx2  h5    {margin-top:0px; font-size:10px;margin-left:30px;}



#bx2   img {
	width: 150px;
	height: auto;
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
}
#bx2 :hover img {
	width: 180px;
}



#msi .glow {
  font-size: 30px;
  color: white;
  text-align: center;
  animation: glow 0.8s ease-in-out infinite alternate;
  margin-top:30px; margin-right:0px;
}


@-webkit-keyframes glow {
  from {
    text-shadow: 0 0 10px #fff, 0 0 20px #fff, 0 0 10px #00293b, 0 0 10px #00293b, 0 0 10px #00293b, 0 0 10px #e60073, 0 0 10px #00293b;
  }
  
  to {
    text-shadow: 0 0 20px #fff, 0 0 30px #00293b, 0 0 10px #ff4da6, 0 0 10px #00293b, 0 0 10px #ff4da6, 0 0 10px #ff4da6, 0 0 10px #00293b;
  }
}
#msi {clear:both;}

#navi ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
  overflow: hidden;
  background-color: #00293b; float:right; margin-right:-10px; margin-top:0px; border-radius:20px;
}

#navi li 					{float: left;}

#navi li a, .dropbtn 			{
  									display: inline-block;
 								 	color: white;
 									font-size:20px;
  									text-align: center;
 									 padding: 10px 20px;
  									text-decoration: none; font-family:Montserrat; margin:0 0 0 0px;
											}
											
#navi li a:hover , .dropdown:hover .dropbtn{
  						background-color: #00293b;
  						color: white;
							}
							
#navi .dropdown-content {
  display: none;
  position: absolute;
  background-color: lightblue;
  min-width: 160px;
  box-shadow: 5px 8px 10px 0px black;
  margin-left:18px;
 }		
 
 
 
 #navi .dropdown-content a {
  color: black;
  padding: 12px 10px;
  text-decoration: none;
  display: block;
  text-align: left;
}

#navi   .dropdown-content a:hover {
background-color: gray;
color:white;
}

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

#text	 p		{text-align:justify;}

#text a:link {
  color: #00293b;
  background-color: transparent;
  text-decoration: none;
}

#Elearning {border-radius: 25px;
  border: 2px solid #00293b;
  padding: 20px; 
  width: 300px;
  height: 410px;       } 
#Elearning {float:right;}
#Elearning	h3 {margin-top:0px;}

#Elearning a:link {
  color: #00293b;
  background-color: none;
  text-decoration: none;
}

#pro iframe{margin-left:190px;}  

#inv	{float:right; margin-top:20px; margin-right:280px; font-weight:bold ;}
#inv button {
           color:lightgoldenrodyellow;
            font-size: 26px; border-radius:20px; padding: 0px 10px;
        } 
 #inv       .b2 { 
            background-color: grey; 
        } 
  #inv      .b2:hover { background-color:yellow; color:blue;}
  
  
  #inv2	{float:center; margin-top:20px; margin-right:40px; font-weight:bold ;}
#inv2 button {
           color:lightgoldenrodyellow;
            font-size: 26px; border-radius:20px; padding: 0px 10px;
        } 
 #inv2       .b2 { 
            background-color: grey; 
        } 
  #inv2     .b2:hover { background-color:yellow; color:blue;}
   <style>
            .inv2 {
                animation: blinker 1.5s linear infinite;
                color: red;
                font-family: sans-serif;
            }

            @keyframes blinker {
                50% {
                    opacity: 0;
                }
            }
        </style>
  


#footer							{clear:both; padding: 10px 0; text-align:center;}

#contactus			{float:right; margin:-105px 60px;display:inline;}
#contactus2 				{float:right; margin:70px -510px;}	
#contactus	{text-align: center;
    }
        button {
           color:lightgoldenrodyellow;
            font-size: 16px; 
        } 
        .b1 { 
            background-color: grey; 
        } 
        .b1:hover { background-color:yellow; color:blue;}