a:link{
	color:#006;
	 text-decoration: none;
}
a:hover
{
	color:#006;
	font-size:large;
	font-weight: bold;
	 text-decoration: none;
}

.dbg {
	background-color:#3366cc;
	padding:5px;
	color:#99FF00;
	font-family:Arial, Helvetica, sans-serif;
	}
	.footer {
		background-color:#3366cc;
		padding:5px;
		color:#99FF00;
		font-family:Arial, Helvetica, sans-serif;
		padding:30px;
		}
.footerhead
{
	color:#99FF00;
	font-weight:bolder;
	padding:10px;
	 font-family: Arial, Helvetica, sans-serif;
}
.footercontant
{
	color:#99FF00;
	font-weight:bolder; 
	padding:15px; 
	 font-family: Arial, Helvetica, sans-serif;
}
.footerlink
{
	color:#FFFFFF;
	 font-weight: bold; 
	 padding:5px;
}
.hed
{
	font-size:24px;
	color:#900;
}
.mainlogin {
	padding:50px;
	color:#3366cc;
	}
.board1 {
		border-bottom:#FF0000;
	border-color:#000099;
	border-collapse:separate;
	border-spacing:inherit;
	padding:10px;
  box-shadow: 5px 5px 5px 5px #888888;
  height:auto;
  width:auto;
  margin:50px;
  margin-right:50px;
   color:#000099;
    font-size:16px;
 }
 .board3 {
		border-bottom:#FF0000;
	border-color:#000099;
	border-collapse:separate;
	border-spacing:inherit;
	padding:10px;
  box-shadow: 5px 5px 5px 5px #888888;
  height:auto;
  width:auto;
  margin:10px;
  margin-right:10px;
   color:#000099;
    font-size:16px;
 }
 .logoimg
	{
		width:4vw;
		height:auto;
	}
	.button1
	{
color:#3366cc;
	}
	

 @media only screen and (max-width: 576px) {
	.topdiv {

	  font-size:2vw;
	}
	.logoimg
	{
		width:30%;
		height:auto;
	}
  }
  @media screen and (min-width: 577px) {
	.topdiv {
		
		font-size:1.2vw;
	  }
	  .logoimg
	{
		width:50%;
		height:auto;
	}
	}
	.sidenav {
		height: 100%; /* 100% Full-height */
		width: 0; /* 0 width - change this with JavaScript */
		position: fixed; /* Stay in place */
		z-index: 1; /* Stay on top */
		top: 0; /* Stay at the top */
		right: 0;
		background-color: #111; /* Black*/
		overflow-x: hidden; /* Disable horizontal scroll */
		padding-top: 60px; /* Place content 60px from the top */
		transition: 0.5s; /* 0.5 second transition effect to slide in the sidenav */
		color:#ffffff;
	  }
	  
	  /* The navigation menu links */
	  .sidenav a {
		padding: 8px 8px 8px 32px;
		text-decoration: none;
		font-size: 25px;
		color: #ffffff;
		display: block;
		transition: 0.3s;
	  }
	  
	  /* When you mouse over the navigation links, change their color */
	  .sidenav a:hover {
		color: #f1f1f1;
	  }
	  
	  /* Position and style the close button (top right corner) */
	  .sidenav .closebtn {
		position: absolute;
		top: 0;
		right: 25px;
		font-size: 36px;
		margin-left: 50px;
	  }
	  .navlink {
		color:#006;
		 text-decoration: none;
		 padding:5px;
	}
	.navlink:hover
	{
		color:rgb(243, 162, 12);
		text-decoration: none;
	}
	  
	  /* Style page content - use this if you want to push the page content to the right when you open the side navigation */
	  #main {
		transition: margin-left .5s;
		padding: 20px;
	  }
	  
	  /* On smaller screens, where height is less than 450px, change the style of the sidenav (less padding and a smaller font size) */
	  @media screen and (max-height: 450px) {
		.sidenav {padding-top: 15px;}
		.sidenav a {font-size: 18px;}
	  }