.vava a {
  display:block;
  width: 90%;
  margin:15px 0 0 0px;
  padding:15px 10px 15px 15px;
  text-align:center;
  background-image: linear-gradient(to right, #3C8B5F,#0D7358, #09604E ,#1A6642);
  /*background-image: linear-gradient(to right, #297C2C, #09604E,#07512E ,#0B5642);*/
  text-decoration:none;
  font-size:14px;
  color: white;
  border-right:5px solid black;
  border-bottom:1px solid black;
}


.noti a{
  display:block;
  width: 90%;
  margin:15px 0 0 0px;
  padding:15px 10px 15px 15px;
  text-align:center;
  background-image: linear-gradient(to right, #418A6F ,#1A664A);
  text-decoration:none;
  font-size:12px;
  color: white;
  border-right:5px solid black;
  border-bottom:1px solid black;
}

#navv, .vava, .noti{
	list-style-type: none;
}

.vava, .noti{
	margin:20px;
	width:200px;
	
	
}

.vava a:hover{
	background-image: linear-gradient(to right, #01A37E ,#00891B);
	color:white;
	border-right:5px solid #00BD25;
	transition: border 0.35s ease;
	
}

.noti a:hover{
	background-image: linear-gradient(to right, #01A37E ,#00891B);
	color:white;
	border-right:5px solid #00BD25;
	transition: border 0.35s ease;
}
#navv{
	/*background-image: linear-gradient(to bottom, #227538 ,#216A54, #0E3E37); */
	background-image: linear-gradient(to bottom, #227538 ,#0E3E37,#0E3E37, #017666);

	position:fixed;
	width:240px;
	margin-left:0px;
	margin-top:0px;
	padding-top:20px;
	padding-bottom:20px;
	padding-left:10px;
	padding-right:10px;
	z-index:8;
	top:0;
	height:100%;
	float:left;
	border:1px solid #2E6A33;
}


.tata{
	border:none;
	text-decoration:underline;
	text-align:center;
	
}

body{
	margin-left:0;
	padding-left:0;
}

.tata a{
	color:white;
	font-size:12px;
}

.upper_nav{
    height:200px;
}