body{
	margin:0px;
	padding:0px;
	
	
	background-color:#1d5288;  
}

#login{
	border:5 solid black;
}
h2{
	color:white;  
	text-align:left;
	font-family:Times New Roman;
	margin-top:20px;
	padding:0px;
	
	margin-left:60px;
	
}
h3{
	color:white;  
	text-align:left;
	font-family:Times New Roman;
	margin-top:0px;
	padding:0px;
	
	margin-left:20px;
}
#field{
	margin-left:400px;
	margin-right:150px;
	margin-top:50px;
	background-color:#1d5288;
	width:400px;
	
}
#header {

height: 150px;



}
	#headerleft{
			width:15%;
			height:100%;
			float:left;
			font-size:20px;
			
			
		}
		#headerRight{
			width:85%;
			height:100%;
			margin-top:30px;
			float:right;
			margin-left:-20px;
		}
#header  img {float:left; height: 130px; width: 200px;}
#content{
margin-left: auto;
margin-right: auto;
background:#1d5288;
width:absolute;
height: 550px;
}

#hayre{
	text-align:center;
	margin-left:100px;
	padding-left:150px;
	padding-right:100px;
	
}
.login-input{
	margin-left:20px;
	margin-top:10px;
	text-align:left;
	
}

.login-title{
	margin-left:0px;
	margin-right:400px;
	margin-top:50px;
}
.link{
	margin-left:150px;
	margin-top:0px;
}
#sub{
	text-align:right;
}
#Up{
	text-align:right;
}
#nav{
	background-color:rgb(84,156,138);
	height:45px;
	font-size:20px;
	font-weight:bold;
	margin-top:20px
	margin-bottom:0px;
}
#nav ul{
	padding:0;
	margin:0;
	list-style-type:none;
	text-align:center;
	font:verdana;
}
#nav li{
	display:inline;
	padding:15px;

}
#nav a:hover{
	color:black;
	background-color:white;
}
ul{
	list-style:none;
	padding:0;
	margin:0;
}

ul li a:hover{
	background-color:#d3d3d3;
	color:black;
}
.sideright{
background-color:#e5e4d7;
margin:10px;
border:solid gray 1px;
border-radius:5px;
padding:20px;
font-size:105%;
float:center;
width:260px;
height:250px;
box-shadow:2px 0.2px gray;
text-align: left;
}
#main{
	
	border:0px;
	background: #E8E8E8;
	width:400px;
	margin-left:200px;
	
}

#footer{
		background-color:rgb(84,156,138);
		margin-top:200px;
		height:10px;
		clear:both;
		border-radius:5px;
		text-align:center;
		padding:16px;
		font-size:90%;
		float:bottom;
		padding-top:15px;
}
input[type=text],input[type=password]{
		width:70%;
		padding: 12px 20px;
		margin: 8px 0;
	}
	button{
		background-color: #4CAF50;
		padding: 14px 20px;
		margin: 8px 0;
		border: none;
		cursor: pointer;
		width: 80%;
	}
	button:hover{
		opacity: 0.8;
	}
	.container {
		padding: 16px;
	}
	
@media screen and (max-width: 830px) {
	
        body {
          background-color: #333;
		  flex-direction: column;
          color: #3498db;
        }
		input[type=text],input[type=password]{
		width:75%;
		padding: 12px 20px;
		margin: 8px ;
	}
}