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

h1, h2, h3 					{font-family:Open Sans, arial, Helvetica, sans-serif;} 

#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; }


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

#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;
											}

#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;
}

#navi {clear:both;}

#navi li 					{float: left;}
		
#navi li a, .submenu  			{
  									display: inline-block;
 								 	color: white;
 									font-size:20px;
  									text-align: center;
 									 padding: 10px 20px;
  									text-decoration: none;
											}
#navi .submenu {
  position: relative;
  display: block;
}


#navi .submenu-content {
  display: none;
  position: absolute;
  left: 100%;       /* This pushes the menu to the right */
  top: 0;            /* Aligns the top with the parent link */
  background-color: lightblue;
  min-width: 180px;
  box-shadow: 5px 8px 10px 0px black;
}

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

#navi .submenu-content a {
  color: black;
  padding: 12px 10px;
  text-decoration: none;
  display: block;
  text-align: left;
  background-color: lightblue;
}

#navi .submenu-content a:hover {
  background-color: gray;
  color: white;
}
#navi .submenu {
  padding: 0; 
  display: block;
  width: 100%;
}










#memb		{float:right; margin-top:-80px; margin-right:65px;}

#memb		h1{font-family:monospace;}








#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:08px; margin-right:20px; padding-top:20px;
}

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

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

#bx2  h2		{margin-top:-10px; text-align:center; font-family:sans-serif;font-size:15px;}
#bx2  h3    {margin-top:-10px; font-size:10px;margin-left:90px;}
#bx2  h4   {margin-top:0px; font-size:10px;margin-left:80px;}




#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;}



#text	 p		{text-align:justify;}

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

#Elearning {
  float: none;
  width: auto;
  height: auto;
  margin: 0 auto;  padding: 20px; 
  border: 2px solid #00293b;
  border-radius: 25px;
  text-align: center; 
}


#Elearning iframe {
  margin: 10px;
  vertical-align: middle;
}

#Elearning h3 {
  margin-top: 0px;
}

#Elearning h2 {
  text-align: center;
}
 
#Elearning a:link {
  color: #00293b;
  background-color: transparent; 
  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;}
   
            .inv2 {
                animation: blinker 1.5s linear infinite;
                color: red;
                font-family: sans-serif;
            }

            @keyframes blinker {
                50% {
                    opacity: 0;
                }
            }
        






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

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

#contactus	{clear:both;}