/* Reset
------------------------------------------------------------ */
* { margin: 0; padding: 0; }
html { overflow-y: scroll;}
body { background:white; color: ##232323; font-family: Libre Franklin,sans-serif; font-size: 16px; line-height: 1.4em;}
ol, ul { list-style: none; margin: 0;}
ul li { margin: 0; padding: 0;}
h1 { color: #111111; padding-bottom: 7px; font-family: utopia-std,serif; font-weight: 400; font-size: 2em; margin: 0 0 .6em;}	
h2 { text-align: center; padding-right: 0;}
a, img { outline: none; border:none; color: #000; font-weight: bold;}
p { padding-right: 10px; }
img { display: block; margin-bottom: 10px;}
aside { }
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section { 
    display: block;
	}
hr.grey {
	border-top: 1px dashed #c6cdd2;
	width: 100%;
	
}
hr.blue2 {
	border-top: 16px solid #003158;
	width: 94%;
	border-radius: 7px;
	margin-bottom: 5px;

}
hr.blue3 {
	border-top: 12px solid #003158;
	width: 100%;
	margin-bottom: -1px;

	#border-bottom-left-radius: 50px 20px;
	#border-bottom-right-radius: 50px 20px;
	#border-top-left-radius: 20px 10px;
	#border-top-right-radius: 20px 10px;
	margin: auto;

}
hr.white {
	border-top: 8px solid white;
}
	
/* Structure */
#wrapper {

	max-width: 920px;
	margin: auto;
	} 

	#main {
		width: 60%;
		float: left;
		background: white;
		}		
		
	aside {
		width: 35%;
		float: right;
		}

/* Logo H1 */
header h1 {

	}
		
/* Nav */
 nav {
	width: 100%;
	position: relative;
	margin-bottom: 10px;

	}

	  nav li {
			background: #efefef;
			display: block;
			padding-top: 12px;
			padding-bottom: 12px;
			border: 0px solid gray;
			margin-top: 10px;

		}
					 nav a {
				display: block;
				text-align: center;
				text-decoration: none;
				font-weight: normal;


				}	

/* Media Queries */
@media screen and (max-width: 480px) {
	
	 nav, #main, aside {
		float: left;
		clear: left;
		width: 100%;
		}	
		 nav li {
			background: #efefef;
			display: block;
			}
			 nav a {
				display: block;
				text-align: center;
				}			

}


/* Banner */			
#banner {
	float: left;
	margin-bottom: 10px;
	padding-left: 10px;
	width: 100%;
	height: 73px;
	float: left;
	display: block;
	text-indent: -9999px;
	background-color: #003158;
	border-bottom: 4px solid #386d99;
	}

	#banner img {
		padding-left: 10px;
		}

/* HTML Forms */
input {
  width: 92%;
  padding: 12px;
  border: 1px solid #ccc;
  border-radius: 4px;
  resize: vertical;
  font-size: 16px;
    -webkit-appearance: none;
}
input[type=submit] {
  margin-top: 7px;
  width: 100px;
  background-color: #4CAF50;
  color: white;
  font-size: 16px;
  -webkit-appearance: none;
}
select {
  width: 92%;
  padding: 12px;
  border: 1px solid #ccc;
  border-radius: 4px;
  resize: vertical;
  font-size: 16px;
  -webkit-appearance: none;	
}
.txtbox {
	width: 93%;
	padding: 10px 10px 10px 20px;
}
.showuser {
}
.loggedout {
	position: relative;
	text-align: center;
	margin-top: 10px;
}
.footer {
    position: relative;
    width: 100%;
	color: white;
    text-align: center;
	height: 120px;
    background-color: #003158;
	border-top: 6px solid #386d99;

}
.error	{
	margin-top: 10px;
	margin-left: 20px;
}
.passcode {
	border: 3px solid #66b96b;
    width: auto;
	min-width: 75%;
	display: inline-block;
	margin: 20px auto;	
    text-align: center;
    padding: 20px;
    background-color: #dcf3d4;
	white-space: nowrap;
    overflow: visible;
    text-overflow: unset;
}
.passcode h2 {
    margin: 0 !important;
	padding: 0 !important;
}
.wifitxt {
	text-align: center;
	width: auto;
}
/*Style for Table */
table.results {
width: 100%;
border-spacing: 0px;


}
/*Style for Table Header */
.results th {
    text-align: center;
    padding: 10px 10px 0px 20px;	
	background-color: #003158;
	color: white;
	padding: 5px;

}


.results tr:nth-child(even) {background: #efefef}
.resutls tr:nth-child(odd) {background: #FFF}

.results td {
	text-align: center;
    padding: 5px 10px 5px 20px
}
#responsive-image {  
width: 90%;  
height: auto; 
border: 1px solid grey;
}