html *
	{
	   font-size: 1em !important;
	   font-family: Arial !important;
	   width: 100%;
	}
	main{
		margin: auto;
	}
	thead th { 
		position: sticky;
		top: 0;
	}
	table {
	  border-collapse: collapse;
	}
	table td {
	  border: 1px solid black;
	 padding: 2px;
	}
	table tr:first-child td {
	  border-top: 0;
	}
	table tr td:first-child {
	  border-left: 0;
	}
	table tr:last-child td {
	  border-bottom: 0;
	}
	table tr td:last-child {
	  border-right: 0;
	}		
	header {
		background-color: rgb(58,121,170);
		height: 100px;
		width: 100%;
		//background-image: url("../Images/Wolflogo.png"),url("../Images/Wolflogo2.png"), url("../Images/AAGS.png"); 
		background-image: url("../Images/Vingcard.png"); 
		background-repeat: no-repeat;
		background-position: right;
		//background-repeat: no-repeat, no-repeat, no-repeat;
		//background-position: left, center, right;
		
	}
	footer {
		background-color: rgb(58,121,170);
		color: White;
		height: 50px;
		width: 100%;
		margin: auto;
	}
	input[type="button"], input[type="submit"], input[type="reset"] { 
		color:#ffffff; 
		font: bold 84% 'trebuchet ms',helvetica,sans-serif; 
		background-color:rgb(58,121,170); 
		border:1px solid; 
		border-color: #696 #363 #363 #696; 
		width: 50%;
		margin-left:25%;
		box-shadow: 5px 10px #888888;
	} 
	h1 {
		color: rgb(58,121,170);
		text-align: center;
		text-decoration: underline overline; 
	}
	#customers th {
	  padding-top: 12px;
	  padding-bottom: 12px;
	  text-align: left;
	  background-color: rgb(58,121,170);
	  color: White;
	}
	#customers {
	  font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	  border-collapse: collapse;
	  width: 100%;
	}

	#customers td, #customers th {
	  border: 1px solid #ddd;
	  padding: 8px;
	}

	#customers tr:nth-child(even){background-color: #f2f2f2;}

	#customers tr:hover {background-color: #ddd;}
	
	.fancy-border {
		border: 25px solid #92B6D5;
		border-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='75' height='75'%3E%3Cg fill='none' stroke='%2392B6D5' stroke-width='2'%3E%3Cpath d='M1 1h73v73H1z'/%3E%3Cpath d='M8 8h59v59H8z'/%3E%3Cpath d='M8 8h16v16H8zM51 8h16v16H51zM51 51h16v16H51zM8 51h16v16H8z'/%3E%3C/g%3E%3Cg fill='%2392B6D5'%3E%3Ccircle cx='16' cy='16' r='2'/%3E%3Ccircle cx='59' cy='16' r='2'/%3E%3Ccircle cx='59' cy='59' r='2'/%3E%3Ccircle cx='16' cy='59' r='2'/%3E%3C/g%3E%3C/svg%3E") 25;
		width: 310px;
		height: 220px;
		margin: 0 auto; 
	}
	.fancy-border2 {
		border: 25px solid #92B6D5;
		border-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='75' height='75'%3E%3Cg fill='none' stroke='%2392B6D5' stroke-width='2'%3E%3Cpath d='M1 1h73v73H1z'/%3E%3Cpath d='M8 8h59v59H8z'/%3E%3Cpath d='M8 8h16v16H8zM51 8h16v16H51zM51 51h16v16H51zM8 51h16v16H8z'/%3E%3C/g%3E%3Cg fill='%2392B6D5'%3E%3Ccircle cx='16' cy='16' r='2'/%3E%3Ccircle cx='59' cy='16' r='2'/%3E%3Ccircle cx='59' cy='59' r='2'/%3E%3Ccircle cx='16' cy='59' r='2'/%3E%3C/g%3E%3C/svg%3E") 25;
		width: 600px;
		height: 325px;
		margin: 0 auto; 
	}
	.login-form{
		padding-right: 10px;
		width: 100%;
		height:100%;
	}
	.FormSubmit {
		 width: 100%;
		 color: #FFF;
		 background: #92B6D5;
	}
	.FormHeader {
		border-bottom: 2px solid #92B6D5;
	}

	.nav ul {
		list-style: none;
		//text-align: center;
		padding: 50px 0 0 0;
		margin: 0;
	}
	.nav li {
		font-family: 'Oswald', sans-serif;
		font-size: .9em;
		line-height: 40px;
		height: 40px;
		border-bottom: 1px solid #888;
	}
	 
	.nav a {
		text-decoration: none;
		color: #fff;
		display: block;
		transition: .3s background-color;
	}
	 
	.nav a:hover {
		background-color: #005f5f;
	}
	 
	.nav a.active {
		background-color: #fff;
		color: #444;
		cursor: default;
	}
	/* Sub Menu */
	.sub ul {
		list-style: none;
		//text-align: center;
		padding: 0 0 0 0;
		width: 100%;
		margin: 0 auto;
		background-color: rgb(58,121,170);
	}
	.sub li {
		font-family: 'Oswald', sans-serif;
		font-size: .9em;
		line-height: 50px;
		height: 50px;
		padding: 0;
		margin: 10px;
		border-bottom: 1px solid #888;
	}
	 
	.sub a {
	  text-decoration: none;
	  color: #fff;
	  display: block;
	  transition: .3s background-color;
	}
	 
	.sub a:hover {
	  background-color: #005f5f;
	}
	 
	.sub a.active {
	  background-color: #fff;
	  color: #444;
	  cursor: default;
	}
	
	@media screen and (min-width: 600px) {
		
		.nav li {
			width: 150px;
			border-bottom: none;
			height: 50px;
			line-height: 50px;
			font-size: 1.4em;
		}

		/* Option 1 - Display Inline */
			.nav li {
			display: inline-block;
			margin-right: -4px;
		}

		/* Options 2 - Float*/
		.nav li {
			float: left;
		}
		.nav ul {
			overflow: auto;
			width: 100%;
			margin: 0 auto;
			text-align: center;
		}
		/* Sub Menu*/
		.sub li {
			width: 250px;
			border-bottom: none;
			height: 50px;
			margin: auto;
			line-height: 50px;
			font-size: 1.4em;
		}

		/* Option 1 - Display Inline */
		.sub li {
			display: inline-block;
			margin-right: -4px;
		}

		/* Options 2 - Float*/
		.sub li {
			float: left;
		}
		.sub ul {
			overflow: auto;
			width: 90%;
			margin: 0 100px;
			text-align: center;
		}
	}