/* Top Navigation */
.topnav {
	background-color: #000000;
	overflow: hidden;
	font-family: Arial, Helvetica, sans-serif;
}
  
/* Style the links inside the navigation bar */
.topnav a {
	float: left;
	color: #ffffff;
	text-align: center;
	padding: 14px 16px;
	text-decoration: none;
	font-size: 17px;
}
  
/* Change the color of links on hover */
.topnav a:hover {
	background-color: #ffffff;
	color: #000000;
	vertical-align: middle;
}

.adminnav {
	background-color: #000000;
	overflow: hidden;
	font-family: Arial, Helvetica, sans-serif;
}
  
/* Style the links inside the navigation bar */
.adminnav a {
	float: left;
	color: #ffffff;
	text-align: center;
	padding: 10px 12px;
	text-decoration: none;
	font-size: 10px;
}
  
/* Change the color of links on hover */
.adminnav a:hover {
	background-color: #ffffff;
	color: #000000;
	vertical-align: middle;
}

.accnav {
	background-color: #000000;
	overflow: hidden;
	font-family: Arial, Helvetica, sans-serif;
}
  
/* Style the links inside the navigation bar */
.accnav a {
	float: left;
	color: #ffffff;
	text-align: center;
	padding: 5px 50px;
	text-decoration: none;
	font-size: 13px;
}
  
/* Change the color of links on hover */
.accnav a:hover {
	background-color: #ffffff;
	color: #000000;
	vertical-align: middle;
}

.logup {
	background-color: #000000;
	margin: 50px;
	overflow: hidden;
	font-family: Arial, Helvetica, sans-serif;
}

.logup a {
	float: left;
	color: #ffffff;
	text-align: center;
	padding: 14px 16px;
	text-decoration: none;
	font-size: 17px;
}

.logup a:hover {
	background-color: #ffffff;
	color: #000000;
}

head {
	font-family: Arial, Helvetica, sans-serif;
	width: 60%;
	margin: auto;
	overflow: auto;
}

.clearfix{
	overflow: auto;
}

html{
	background-image: url("background.jpg");
	background-attachment: fixed;
	font-family: Arial, Helvetica, sans-serif;
}

body {
	font-family: Arial, Helvetica, sans-serif;
	background-color: #313131;
	margin: auto;
	width: 60%;
	/*border: 3px solid #000000;*/
	/*padding: 10px;*/
}

h1, h2, h3, p {
	color: #ffffff;
	margin: 0px;
}

/* NEWS */
.news {
	/*width: 100%;*/
	border-top: 1px solid #000000;
}

.news h1, h2, h3, h4, p {
	margin: 10px;
}

footer {
	border-top: 2px solid #000000;
	margin-top: 400px;
	padding: 20px;
}

.logupform input[type=text], input[type=password], textarea {
	width: 100%;
	padding: 15px;
	margin: 0;
	display: inline-block;
	border: none;
	background: #f1f1f1;
}



.logupform input[type=text]:focus, input[type=password]:focus, select:focus, textarea {
	background-color: #ddd;
	outline: none;
}

.addunit input[type=text], input[type=password], input[type=number], select, option {
	padding: 15px;
	margin: 0;
	border: none;
	background: #f1f1f1;
}



.addunit input[type=text]:focus, input[type=password]:focus, input[type=number]:focus, select:focus, textarea {
	background-color: #ddd;
	outline: none;
}
.logupbtn {
	background-color: #000000;
	color: #ffffff;
	padding: 16px 20px;
	margin: 8px 0;
	border: none;
	cursor: pointer;
	width: 100%;
}

.logupbtn:hover {
	background-color: #ffffff;
	color: #000000;
}

.delbtn {
	background-color: #ff0000;
	color: #ffffff;
	padding: 16px 20px;
	margin: 8px 0;
	border: none;
	cursor: pointer;
	width: 100%;
}

.table {
	border-spacing: 5px;
	background-color: black;
  }

.table, th, td {
	border: 1px solid black;
	
}
th, td {
	padding: 15px;
	background-color: #616161;
	color: white;
}