body {
	background-color:#e5e5e5;
	font-size: 87.54%;
	font-family: Arial,"Lucide Sans Unicode";
	line-height:1.5;
	text-align:left;
}


a{
	text-decoration: none;
	
}
 
 a:link, a:visited{
	 
 }
 a:hover,a:active{
	 
 }

 
* body{
margin: 0 auto;
width:75%;
clear:both;
	
}
#wrapper{width:10;margin:0 auto;background-color:#e5e5e5}
.header{width:94%;
	float:top;
	 height: 150px;
	background-color:#FFFFFF;
	border-radius:6px;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	padding: 7% 3%;
	margin-top:0.5%;

}


.header img {
  float: left;
  width: 15%;
  height: 30%;
  top: 12px;
  position: absolute; 
}

.header h1 {
  position: relative;
  top: -40px;
  left: 25%;
  color:#006400;
}
.header h2 {
  position: relative;
  top: -35px;
  left: 28%;
  color:#006400;
}
.header h3 {
  position: relative;
  top: -25px;
  left: 5%;
  color:#006400;
}
.img {
	width:17%;
	height: auto;
	margin:2% 0;
	border-radius:8px;
	-moz-border-radius:8px;
	-webkit-border-radius:8px;
}
.img-circle {
    border-radius: 50%;
}

 nav {
	list-style:none;
	padding:0;
	margin-bottom:0%;
	margin-top:-1%;
	height:5%;
	z-index:1000;
	background-color:#006400;
	border-radius:6px;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
}
 nav ul li {
	display: inline-block;
	position:relative;
	
	
}
nav ul li a { 
	color:#ffffff;
	text-decoration:none;
	font-size:120%;
	display:block;
	padding:7px;
    margin-right: 5px;
	
	
}

 nav  a:link, nav a:visited{
	color:#ffffff;
	display:inline-block;
	padding:20px  7px;
	height:30px;
}
 nav  a:hover, nav  a:active,
 nav .active a:link,nav .active a:visited{
background-color:#483D8B;
text-shadow:none;
	

} 

 
nav ul li :hover a:hover {
background-color:#483D8B;	

} 	

	nav ul li:hover .children{
		display:block;
		left:-40px;
		
	}
	nav ul li .children li:hover .children1 {
		display:block;
		left:70%;
	}
	
	
	

	
nav ul .children{
	display:none;
	position:absolute;
	width:96%;
	 z-index:1000;
	 border-radius:6px;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;

	
	 
}
nav ul .children1{
	display:none;
	position:absolute;
	
	width:95%;
	 z-index:1000;
	 top:0px;
	 left:0;
	 border-radius:6px;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;

	
	 
}

nav ul li .children li{
	display:block;
	background:#3CB371;
	border-bottom:2px solid yellow;
	
	
}
nav ul li .children1 li{
	display:block;
	overflow:hidden;
	background:#3CB371;
	border-bottom:3px solid yellow;
	border:3px solid yellow;
	border-radius:6px;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;

	
	
	
}
nav ul li .children li a{
	display:block;
}



nav ul li .icon-circle-down{
	position: relative;
	top:3px;
	margin-left:10px;
	margin-right:10px;
}


.menu_bar{
	display:none;
}
.close{
	display:none;
}

.contenttoleft{
	width:100%;
	float:left;
}
.leftContent{
	background-color:#006400;
	border-radius:6px;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	padding: 3% 5%;
	margin-top:2%;
	border: 2px solid #006400;
	
}
.contenttoleft2{
	width: 100%;
	float:left;
}
.left2Content{
	background-color:#FFFFFF;
	border-radius:6px;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	padding: 3% 5%;
	margin-top:1%;
	border: 2px solid #006400;
}
.contenttocenter{
width: 100%;
float:center;
}
.centerContent{
	background-color:#FFFFFF;
	border-radius:6px;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	padding: 3%  5%;
	margin-top:1%;
	margin-left:2%;
	margin-top:1%;
border: 2px solid #006400;	
}
.contenttocenter2{
width: 100%;
float:center;
}
.center2Content{
	background-color:#FFFFFF;
	border-radius:6px;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	padding: 3%  5%;
	margin-top:1%;
	margin-left:2%;
border: 2px solid #006400;
		
}
.contenttosider{
width: 100%;
float:center;
text-align:center;
color:#FFFFFF
}
.siderContent{
	background-color:#006400;
	border-radius:6px;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	padding: 3%  5%;
	margin-top:1%;
	margin-left:2%;
	margin-top:2%;
    
}
.contenttosider2{
width: 100%;
float:center;
}
.sider2Content{
	background-color:#FFFFFF;
	border-radius:6px;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	padding: 3%  5%;
	margin-top:1%; 
	margin-left:2%;
	border: 2px solid #006400;
		
}
.contenttosider3{
width: 100%;
float:center;
}
.sider3Content{
	background-color:#FFFFFF;
	border-radius:6px;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	padding: 2%  1%;
	margin-top:1%;
	margin-left:2%;
	border: 2px solid #006400;
		
}
.left-column{width:27%;float:left}
.right-column{width:18%;float:right!important}
.right-column div.portion{margin-right:0!important;float:right}
.middle-column{width:55%;float:left
}

  .principal_hd{
	color: #FFFFFF;
	font-size:18px;
	text-align: center;
	
	}
.siderContent principal_msg {
	text-align: left;
	float:left;
	height:20%;
	width:16%;
	padding: 4%;
	background-color: #ffff;
	border-radius: 7px;
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
	-khtml-border-radius: 7px;
	border: 2px solid #DDD;
	color:#353535;
	
	}
	.container4 {
  padding:20% 5%  0% 30%;
	}
.Feater_New {
	height: 50%;
	width: 270px;
	margin-bottom: 5px;
	border-radius: 10px;
	-webkit-border-radius: 10px;
background-color:#3CB371;
	-moz-border-radius: 10px;
	-khtml-border-radius: 10px;


}
#Announcement_Header {
	height: 20px;
	font-weight: 200px;
	width: 101%;
	 color: #FFFF;
	padding-top: 2px;
	border-top-left-radius: 8px;
	border-top-right-radius: 8px;
	-webkit-border-top-left-radius: 8px;
	-webkit-border-top-right-radius: 8px;
	border-bottom-width: 5px;
	border-bottom-style: solid;
	border-bottom-color: #94BEC0;
	text-align: center;
	color: #FF0000;

background-color:#ffff00;
'font-weight : bold;
  font-size:100%;
  
}

#Announcement_Header2 {
	height: 42px;
	font-weight: 200px;
	width: 101%;
	 color: #FF0000;
	padding-top: 2px;
	border-top-left-radius: 8px;
	border-top-right-radius: 8px;
	-webkit-border-top-left-radius: 8px;
	-webkit-border-top-right-radius: 8px;
	border-bottom-width: 5px;
	border-bottom-style: solid;
	border-bottom-color: #ffff00;
	text-align: center;
	color: #FFFF;

background-color:#006400;
font-weight : bold;
  font-size:100%;
  
}
#Announcement_Header3 {
	height: 20px;
	font-weight: 200px;
	width: 101%;
	 color: #FFFF;
	padding-top: 2px;
	border-top-left-radius: 8px;
	border-top-right-radius: 8px;
	-webkit-border-top-left-radius: 8px;
	-webkit-border-top-right-radius: 8px;
	border-bottom-width: 5px;
	border-bottom-style: solid;
	border-bottom-color: #ffff00;
	text-align: center;
	color: #FFFF;

background-color:#006400;
font-weight : bold;
  font-size:100%;
  
}


#marquee {
	height: 10%;
	width: 20%;

}
#marquee{
	position: relative;
	width: 100%; /*marquee width */
	height: 5%; /*marquee height */
	/*background-color: transparent;*/
	background-color: #CCCCFF;
	overflow: hidden; 
	padding-left: 1px;
	padding-top: 0px;
	padding-right: 1px;
	padding-bottom: 100%;  /* marqee height */
	text-decoration: none;
	text-align:center;
	
}
.map-container2{
 padding:5px 0px  0px 300px;
float: center;
margin-bottom: 40px;
}
.containercalender{
  padding:2% 7%  0% 0%;
	}
	
	.table1 {
    font-family: arial, sans-serif;
    border-collapse: collapse;
    width: 100%;
	height:80%;
}

.table1 td, th {
    border: 1px solid #dddddd;
    text-align: left;
    padding: 8px;
}

 .table1 tr:nth-child(even) {
 
	 background-color:#dddddd;
    }
	
.left-columnheader{width:27%;float:left}
.right-columnheader{width:18%;float:right!important}
.right-columnheader div.portion{margin-right:0!important;float:right}
.center-columnheader{width:55%;float:left
}
.footer-distributed{
	background-color: #292c2f;
	box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12);
	box-sizing: border-box;
	width: 100%;
	font: bold 16px sans-serif;
	text-align: left;
	
	
	float:left;
	border-radius: 7px;
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
	-khtml-border-radius: 7px;
	 margin-top:1%;

	padding: 50px 60px 40px;
	overflow: hidden;
}

/* Footer left */

.footer-distributed .footer-left{
	float: left;
}

/* The company logo */

.footer-distributed h3{
	color:  #ffffff;
	font: normal 36px 'Cookie', cursive;
	margin: 0 0 10px;
}

.footer-distributed h3 span{
	color:  #5383d3;
}

/* Footer links */

.footer-distributed .footer-links{
	color:  #ffffff;
	margin: 0 0 10px;
	padding: 0;
}

.footer-distributed .footer-links a{
	display:inline-block;
	line-height: 1.8;
	text-decoration: none;
	color:  inherit;
}

.footer-distributed .footer-company-name{
	color:  #8f9296;
	font-size: 14px;
	font-weight: normal;
	margin: 0;
}

/* Footer social icons */

.footer-distributed .footer-icons{
	margin-top: 40px;
}

.footer-distributed .footer-icons a{
	display: inline-block;
	width: 35px;
	height: 35px;
	cursor: pointer;
	background-color:  #33383b;
	border-radius: 2px;

	font-size: 20px;
	color: #ffffff;
	text-align: center;
	line-height: 35px;

	margin-right: 2px;
	margin-left: 18px;
	margin-bottom: 5px;
}

/* Footer Right */

.footer-distributed .footer-right{
	float: right;
}

.footer-distributed .footer-right p{
	display: inline-block;
	vertical-align: top;
	margin: 15px 42px 0 0;
	color: #ffffff;
}

/* The contact form */

.footer-distributed form{
	display: inline-block;
}

.footer-distributed form input,
.footer-distributed form textarea{
	display: block;
	border-radius: 3px;
	box-sizing: border-box;
	background-color:  #1f2022;
	box-shadow: 0 1px 0 0 rgba(255, 255, 255, 0.1);
	border: none;
	resize: none;

	font: inherit;
	font-size: 14px;
	font-weight: normal;
	color:  #d1d2d2;

	width: 300px;
	padding: 15px;
}

.footer-distributed ::-webkit-input-placeholder {
	color:  #5c666b;
}

.footer-distributed ::-moz-placeholder {
	color:  #5c666b;
	opacity: 1;
}

.footer-distributed :-ms-input-placeholder{
	color:  #5c666b;
}


.footer-distributed form input{
	height: 55px;
	margin-bottom: 15px;
}

.footer-distributed form textarea{
	height: 100px;
	margin-bottom: 20px;
}

.footer-distributed form button{
	border-radius: 3px;
	background-color:  #33383b;
	color: #ffffff;
	border: 0;
	padding: 10px 50px;
	font-weight: bold;
	float: right;
}
 #calender-container{
margin-top: 6px;
  margin-left:0%;
margin-bottom:10px;
border: 2px solid #006400;
   
 }
 #table-container{
margin-top: 6px;
  margin-left:20px;
margin-bottom: 0px;
   
 }
.side{
    display:none;
}


 /* .academic member  area toggle section.................................. */
 
 #toggle {
	 position:relative;
	 left:60%;
	 width:240px;
	 margin:0 auto;
	 margin-top:-150px;
	 margin-left:-30px;
 }
 
 #box{
	 margin:0 auto;
	 position:relative;
	 margin-bottom:10px;
	 -webkit-border-radius:19px ;
	 -moz-border-radius:19px ;
	 text-shadow:0 1px  2px #000;
	 background-color:#644d52;
	 display:none;
	 opacity:.9;
 }
 #box h5 {
	 margin:0;
	 padding: 5px  20px  15px  20px;
	 font:normal 1.3em   Amaranth;
	 color:#FFF;
	 text-align:left;
 }
 #box p{
	 margin:0;
	 padding:5px  20px  15px  20px;
	 color:#FFF;
	 text-align:left;
 }
 #poptext{
	 width:120px;
	 height:25px;
	 font-size:14px;
	  color:blue;
	 text-align:right;
	 padding-left:30px;
	 overflow:hidden;
	 background:url('image/arrow.png') no-repeat
	 5px 0px;
	 cursor:pointer;
	 margin:0 AUTO;
	 border-radius: 10px;
 }
 #poptext.highlight{
	 background:url('image/arrow.png') no-repeat 5px 
	 -20.5px  hsla(30, 100%, 50%, 0.80);
 }
 
 #toggle1 {
	 position:relative;
	 left:60%;
	 width:240px;
	 margin:0 auto;
	 margin-top:-150px;
	 margin-left:-130px;
 }
 
 #box1{
	 margin:0 auto;
	 position:relative;
	 margin-bottom:10px;
	 -webkit-border-radius:19px ;
	 -moz-border-radius:19px ;
	 text-shadow:0 1px  2px #000;
	 background-color:#644d52;
	 display:none;
	 opacity:.9;
 }
 #box1 h3 {
	 margin:0;
	 padding: 5px  20px  15px  20px;
	 font:normal 1.3em   Amaranth;
	 color:#FFF;
	 text-align:left;
 }
 #box1 p{
	 margin:0;
	 padding:5px  20px  15px  20px;
	 color:#FFF;
	 text-align:left;
 }
 #poptext1{
	 width:120px;
	 height:25px;
	  color:blue;
	 font-size:14px;
	 text-align:right;
	 padding-left:30px;
	 overflow:hidden;
	 background:url('image/arrow.png') no-repeat
	 5px 0px;
	 cursor:pointer;
	 margin:0 AUTO;
	 border-radius: 10px;
 }
 #poptext1.highlight{
	 background:url('image/arrow.png') no-repeat 5px 
	 -20.5px  hsla(30, 100%, 50%, 0.80);
 }
 #toggle2 {
	 position:relative;
	 left:60%;
	 width:240px;
	 margin:0 auto;
	 margin-top:-150px;
	 margin-left:-130px;
 }
 
 #box2{
	 margin:0 auto;
	 position:relative;
	 margin-bottom:10px;
	 -webkit-border-radius:19px ;
	 -moz-border-radius:19px ;
	 text-shadow:0 1px  2px #000;
	 background-color:#644d52;
	 display:none;
	 opacity:.9;
 }
 #box2 h3 {
	 margin:0;
	 padding: 5px  20px  15px  20px;
	 font:normal 1.3em   Amaranth;
	 color:#FFF;
	 text-align:left;
 }
 #box2 p{
	 margin:0;
	 padding:5px  20px  15px  20px;
	 color:#FFF;
	 text-align:left;
 }
 #poptext2{
	 width:120px;
	 height:25px;
	 font-size:14px;
	 color:blue;
	 text-align:right;
	 padding-left:30px;
	 overflow:hidden;
	 background:url('image/arrow.png') no-repeat
	 5px 0px;
	 cursor:pointer;
	 margin:0 AUTO;
	 border-radius: 10px;
 }
 #poptext2.highlight{
	 background:url('image/arrow.png') no-repeat 5px 
	 -20.5px  hsla(30, 100%, 50%, 0.80);
 }
 
 #toggle3 {
	 position:relative;
	 left:60%;
	 width:240px;
	 margin:0 auto;
	 margin-top:-150px;
	 margin-left:-130px;
 }
 
 #box3{
	 margin:0 auto;
	 position:relative;
	 margin-bottom:10px;
	 -webkit-border-radius:19px ;
	 -moz-border-radius:19px ;
	 text-shadow:0 1px  2px #000;
	 background-color:#644d52;
	 display:none;
	 opacity:.9;
 }
 #box3 h3 {
	 margin:0;
	 padding: 5px  20px  15px  20px;
	 font:normal 1.3em   Amaranth;
	 color:#FFF;
	 text-align:left;
 }
 #box3 p{
	 margin:0;
	 padding:5px  20px  15px  20px;
	 color:#FFF;
	 text-align:left;
 }
 #poptext3{
	 width:120px;
	 height:25px;
	 font-size:14px;
	 color:blue;
	 text-align:right;
	 padding-left:30px;
	 overflow:hidden;
	 background:url('image/arrow.png') no-repeat
	 5px 0px;
	 cursor:pointer;
	 margin:0 AUTO;
	 border-radius: 10px;
 }
 #poptext3.highlight{
	 background:url('image/arrow.png') no-repeat 5px 
	 -20.5px  hsla(30, 100%, 50%, 0.80);
 }
 #toggle4 {
	 position:relative;
	 left:60%;
	 width:240px;
	 margin:0 auto;
	 margin-top:-150px;
	 margin-left:-130px;
 }
 
 #box4{
	 margin:0 auto;
	 position:relative;
	 margin-bottom:10px;
	 -webkit-border-radius:19px ;
	 -moz-border-radius:19px ;
	 text-shadow:0 1px  2px #000;
	 background-color:#644d52;
	 display:none;
	 opacity:.9;
 }
 #box4 h3 {
	 margin:0;
	 padding: 5px  20px  15px  20px;
	 font:normal 1.3em   Amaranth;
	 color:#FFF;
	 text-align:left;
 }
 #box4 p{
	 margin:0;
	 padding:5px  20px  15px  20px;
	 color:#FFF;
	 text-align:left;
 }
 #poptext4{
	 width:120px;
	 height:25px;
	 font-size:14px;
	 color:blue;
	 text-align:right;
	 padding-left:30px;
	 overflow:hidden;
	 background:url('image/arrow.png') no-repeat
	 5px 0px;
	 cursor:pointer;
	 margin:0 AUTO;
	 border-radius: 10px;
 }
 #poptext4.highlight{
	 background:url('image/arrow.png') no-repeat 5px 
	 -20.5px  hsla(30, 100%, 50%, 0.80);
 }
 
 #toggle5 {
	 position:relative;
	 left:60%;
	 width:240px;
	 margin:0 auto;
	 margin-top:-150px;
	 margin-left:-130px;
 }
 
 #box5{
	 margin:0 auto;
	 position:relative;
	 margin-bottom:10px;
	 -webkit-border-radius:19px ;
	 -moz-border-radius:19px ;
	 text-shadow:0 1px  2px #000;
	 background-color:#644d52;
	 display:none;
	 opacity:.9;
 }
 #box5 h3 {
	 margin:0;
	 padding: 5px  20px  15px  20px;
	 font:normal 1.3em   Amaranth;
	 color:#FFF;
	 text-align:left;
 }
 #box5 p{
	 margin:0;
	 padding:5px  20px  15px  20px;
	 color:#FFF;
	 text-align:left;
 }
 #poptext5{
	 width:120px;
	 height:25px;
	 font-size:14px;
	 color:blue;
	 text-align:right;
	 padding-left:30px;
	 overflow:hidden;
	 background:url('image/arrow.png') no-repeat
	 5px 0px;
	 cursor:pointer;
	 margin:0 AUTO;
	 border-radius: 10px;
 }
 #poptext5.highlight{
	 background:url('image/arrow.png') no-repeat 5px 
	 -20.5px  hsla(30, 100%, 50%, 0.80);
 }
 
 #toggle6 {
	 position:relative;
	 left:60%;
	 width:240px;
	 margin:0 auto;
	 margin-top:-150px;
	 margin-left:-130px;
 }
 
 #box6{
	 margin:0 auto;
	 position:relative;
	 margin-bottom:10px;
	 -webkit-border-radius:19px ;
	 -moz-border-radius:19px ;
	 text-shadow:0 1px  2px #000;
	 background-color:#644d52;
	 display:none;
	 opacity:.9;
 }
 #box6 h3 {
	 margin:0;
	 padding: 5px  20px  15px  20px;
	 font:normal 1.3em   Amaranth;
	 color:#FFF;
	 text-align:left;
 }
 #box6 p{
	 margin:0;
	 padding:5px  20px  15px  20px;
	 color:#FFF;
	 text-align:left;
 }
 #poptext6{
	 width:120px;
	 height:25px;
	 font-size:14px;
	 color:blue;
	 text-align:right;
	 padding-left:30px;
	 overflow:hidden;
	 background:url('image/arrow.png') no-repeat
	 5px 0px;
	 cursor:pointer;
	 margin:0 AUTO;
	 border-radius: 10px;
 }
 #poptext6.highlight{
	 background:url('image/arrow.png') no-repeat 5px 
	 -20.5px  hsla(30, 100%, 50%, 0.80);
 }
 
 #toggle7 {
	 position:relative;
	 left:60%;
	 width:240px;
	 margin:0 auto;
	 margin-top:-150px;
	 margin-left:-130px;
 }
 
 #box7{
	 margin:0 auto;
	 position:relative;
	 margin-bottom:10px;
	 -webkit-border-radius:19px ;
	 -moz-border-radius:19px ;
	 text-shadow:0 1px  2px #000;
	 background-color:#644d52;
	 display:none;
	 opacity:.9;
 }
 #box7 h3 {
	 margin:0;
	 padding: 5px  20px  15px  20px;
	 font:normal 1.3em   Amaranth;
	 color:#FFF;
	 text-align:left;
 }
 #box7 p{
	 margin:0;
	 padding:5px  20px  15px  20px;
	 color:#FFF;
	 text-align:left;
 }
 #poptext7{
	 width:120px;
	 height:25px;
	 font-size:14px;
	 color:blue;
	 text-align:right;
	 padding-left:30px;
	 overflow:hidden;
	 background:url('image/arrow.png') no-repeat
	 5px 0px;
	 cursor:pointer;
	 margin:0 AUTO;
	 border-radius: 10px;
 }
 #poptext7.highlight{
	 background:url('image/arrow.png') no-repeat 5px 
	 -20.5px  hsla(30, 100%, 50%, 0.80);
 }
 #toggle8 {
	 position:relative;
	 left:60%;
	 width:240px;
	 margin:0 auto;
	 margin-top:-150px;
	 margin-left:-130px;
 }
 
 #box8{
	 margin:0 auto;
	 position:relative;
	 margin-bottom:10px;
	 -webkit-border-radius:19px ;
	 -moz-border-radius:19px ;
	 text-shadow:0 1px  2px #000;
	 background-color:#644d52;
	 display:none;
	 opacity:.9;
 }
 #box8 h3 {
	 margin:0;
	 padding: 5px  20px  15px  20px;
	 font:normal 1.3em   Amaranth;
	 color:#FFF;
	 text-align:left;
 }
 #box8 p{
	 margin:0;
	 padding:5px  20px  15px  20px;
	 color:#FFF;
	 text-align:left;
 }
 #poptext8{
	 width:120px;
	 height:25px;
	 font-size:14px;
	 color:blue;
	 text-align:right;
	 padding-left:30px;
	 overflow:hidden;
	 background:url('image/arrow.png') no-repeat
	 5px 0px;
	 cursor:pointer;
	 margin:0 AUTO;
	 border-radius: 10px;
 }
 #poptext8.highlight{
	 background:url('image/arrow.png') no-repeat 5px 
	 -20.5px  hsla(30, 100%, 50%, 0.80);
 }
 #toggle9 {
	 position:relative;
	 left:60%;
	 width:240px;
	 margin:0 auto;
	 margin-top:-150px;
	 margin-left:-130px;
 }
 
 #box9{
	 margin:0 auto;
	 position:relative;
	 margin-bottom:10px;
	 -webkit-border-radius:19px ;
	 -moz-border-radius:19px ;
	 text-shadow:0 1px  2px #000;
	 background-color:#644d52;
	 display:none;
	 opacity:.9;
 }
 #box9 h3 {
	 margin:0;
	 padding: 5px  20px  15px  20px;
	 font:normal 1.3em   Amaranth;
	 color:#FFF;
	 text-align:left;
 }
 #box9 p{
	 margin:0;
	 padding:5px  20px  15px  20px;
	 color:#FFF;
	 text-align:left;
 }
 #poptext9{
	 width:120px;
	 height:25px;
	 font-size:14px;
	 color:blue;
	 text-align:right;
	 padding-left:30px;
	 overflow:hidden;
	 background:url('image/arrow.png') no-repeat
	 5px 0px;
	 cursor:pointer;
	 margin:0 AUTO;
	 border-radius: 10px;
 }
 #poptext9.highlight{
	 background:url('image/arrow.png') no-repeat 5px 
	 -20.5px  hsla(30, 100%, 50%, 0.80);
 }

   /* ...................academic member  area.................................. */ 
   
   
  .memberarea{
	  margin:0;
	  padding:0;
	  background:#eee;
	  font-family:sans-serif;
	  color:#333;
  }
  .member{
	  width: 100%;
	  margin: 1em auto;
	  background:#fff;
	  overflow:hidden;
  }
  .columna{
	  background:lightblue;
	  box-sizing:border-box;
	  float:left;
	  margin-right: 1%;
	  padding:1em;
	  
  }
  
 select {
  border: 2px solid gray;
  height: 40px;
  width: 200px;
  text-align: center;
  border-radius: 5px;
  display: block;
  margin-left:250px;
}

  h3{
	  text-align:center;
	  color:blue;
  }
  
  .member .columna{
	  width:100%;
  }
.semi-columnas .columna{
	width:49.5%;
	
}
.semi-columnas .columna:nth-child(2n){
	margin-right: 0;
}  
.third-columnas .columna{
	width:49.5%;
	
}
.third-columnas .columna:nth-child(2n){
	margin-right: 0;
} 

.fourth-columnas .columna{
	width:49.5%;
	
}
.fourth-columnas .columna:nth-child(2n){
	margin-right: 0;
}  
		
.fifth-columnas .columna{
	width:49.5%;
	
}
.fifth-columnas .columna:nth-child(2n){
	margin-right: 0;
}
.sixth-columnas .columna{
	width:49.5%;
	
}
.sixth-columnas .columna:nth-child(2n){
	margin-right: 0;
}  
				

  
@media (max-width:800px){
	
	body{
		padding-top:80px;
	}
	
	.menu_bar{
	display:block;
	width:100%;
	position:fixed;
	top:0;
	background:#285189;
	right:0;
	z-index:1000;
}

 .menu_bar .bt_menu{
	display:block;
	padding:20px;
	color:#fff;
	overflow:hidden;
	font-size:18px;
	font-weight:bold;
	text-decoration:none;

		
}

 
nav ul li .children li:hover .children1 {
		display:block;
		left:0;
	}
	

nav{
	width:95%;
	position:fixed;
	height:calc(90% - 65px);
	z-index:1000;
	left:100%;
	margin:0;
	overflow:scroll;
	margin-top: 50px;
}

.menu_bar span {
	float: left;
	font-size:30px;
}




.leftContent{
margin-top: 55px;
	
}
.header img {
	display: none; 
}

.header h1 {
  display:none;
}
.header{
  display:none;
}


nav ul li {
	display:block;
	border-bottom:2px solid yellow;
}




nav ul li a {
	display:block;
}
nav ul li .children{
	width:90%;
	position:relative;
	left:-40px;
}
nav ul li:hover .children{
	display:none;
}

nav ul li.children li a {
	margin-left:0;
}
nav ul li .children1{
	width:80%;
	position:relative;
	left:-40px;
}
nav ul li:hover .children1{
	display:none;
}

nav ul li.children1 li a {
	left:0;
}



	.left-column{ 
	width:100%;
	
	}
	
	.right-column{
		width:100%;
	}
	.middle-column{
		width:100%;
	}
.footer-distributed {
		font: bold 14px sans-serif;
	}

	.footer-distributed .footer-company-name{
		font-size: 12px;
	}

	.footer-distributed form input,
	.footer-distributed form textarea{
		width: 100%;
	}

	.footer-distributed form button{
		padding: 10px 35px;
	}
	



	
}