*{
  margin: 0;
  padding: 0;
}
body { 
    
    font-size:1em;
   
}
.header{
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  background-image: linear-gradient(#0066cc 5% , #00264d 80% );
  color: white;
  font-family: "Times New Roman", Times, serif;
  padding:5px;
  z-index:1;
}
.header #title{
	font-size:1.8em;
	margin-bottom: 0px;
	color:#ffcc00;
	font-weight:bold;
	text-shadow: 0 0 8px  #fff;
}
.header #edCollegeName{
	font-size:1em;
	font-weight:bold;
	margin:0;
}
.header #uProfilePic{
	background: #0066cc;
	padding: 3px; 
	border-radius: 50%;
	
}
.header #edUserName{
	font-size:1em;
	margin:0;
}
.header #edUserGrp{
	font-size:1em;
	font-weight:bold;
	margin:0;
}

.footer {
  position: fixed;
  left: 0;
  bottom: 0;
  width: 100%;
  background-image: linear-gradient(#0066cc 5% , #00264d 80% );
  color: white;
  text-align: center;
  font-size:0.7em;
}
.containbox{
	margin-top:100px;
	position: relative;
}


.UserInfoBox {
  position: relative;
  float:right;
}
.UserInfoBox a{
  color: white;
  padding: 10px;
  text-decoration: none;
  font-size: 17px;
  display: block;
}
.titleC{
	color:#888;
}
#goback{
	text-decoration: none;
	display: inline-block;
	padding: 8px 16px;
	background-color: #009999;
	color: white;
	margin-bottom:20px;
}
#goback:hover{
	background-color: #008080;
}

@media screen and (max-width: 700px) {
  .containbox{
	margin-top:150px;

  }
  
  
}