@charset "utf-8";
/* ---- MAIN SECTIONS ---- */
body {
  	margin: 0;
  	font-family: "verdana";
	background-color: #1F1F1F;
	color: white;
	font-size:20px;
}

button{
	font-size:20px;
	font-family: "verdana";
}

input{
	font-size:20px;
	font-family: "verdana";
}

h1, p{
	margin: 0;
	padding: 0;
}

.links{
	text-align: center;
	margin-top: 25px;
}

/* ---- LOGIN PAGE ---- */
.loginbody {
	background-color: #e77512;
	text-align: center;
}

.login {
	padding: 5%;
	display:block;
    margin-left: auto;
    margin-right: auto;
	
}

.loginbutton{
	display: inline-block;
    height: 60px;
    vertical-align: top;
    width: 260px;
	background:url("images/elements/login-w.png");
	background-repeat: no-repeat;
  	background-size: 260px 60px;
	border:none;
	color: white;
}
.loginbutton:hover{
	background: url("images/elements/login-b.png");
	background-repeat: no-repeat;
  	background-size: 260px 60px;
	color: black;
}

.loginname{
	margin-top: 20px;
	display: inline-block;
    height: 35px;
    vertical-align: top;
    width: 280px;
	border:none;
	margin-bottom: 1px;
	background:url("images/elements/text-input-top.png");
	background-repeat: no-repeat;
  	background-size: 280px 35px;
	text-indent: 10px;
}
.loginname:hover{
	border: none;
}

.loginpw{
	display: inline-block;
    height: 35px;
    vertical-align: top;
    width: 280px;
	border:none;
	margin-bottom: 10px;
	background:url("images/elements/text-input-bottom.png");
	background-repeat: no-repeat;
  	background-size: 280px 35px;
	text-indent: 10px;
	
}


/* ---- NAVIGATION BAR */
.topnav {
  overflow: hidden;
  background-color: #e77512;
	height: 50px;
}

.topnavlogo{
	background-image: url("images/logo-w-l.png");
	background-repeat: no-repeat;
	background-position: top;
	background-size: 50px 50px;
	height: 45px;
	width: 45px;
	margin-left: 10px;
}
.topnavlogo:hover{
	background-image: url("images/logo-b-l.png");
}

.topnavleft {
  	float: left;
  	color: #f2f2f2;
  	text-align: center;
  	padding: 14px 10px;
  	text-decoration: none;
  	font-size: 17px;
 	display:inline-block;
}


.topnavright {
  	float: right;
  	color: #f2f2f2;
  	text-align: center;
  	padding: 14px 10px;
  	text-decoration: none;
  	font-size: 17px;
 	display:inline-block;
}

.topnav a:hover {
  	color: black;
}

.logoutbutton{
    background-image: url("images/elements/logout-w.png");
	background-repeat: no-repeat;
	background-position: top;
	background-size: 22px 16px;
	height: 45px;
	width: 30px;
	margin-right: 10px;
	margin-top: 17px;
}
.logoutbutton:hover{
	background-image: url("images/elements/logout-b.png");
}

/* ---- INDEX PAGE ---- */
.links a{
	padding: 100px 10px;
}

/* ---- CONTACT PAGE ---- */
.contactinfo {
	margin-left: 25px;
	display: inline-block;
	vertical-align: top;
}
.contactinfo p{
	font-size: 20px;
}
.contactinfo h1{
	font-size: 22px;
	padding-top: 15px;
	text-decoration-line: underline;
}