/* site.css */
header, body, footer, nav, section, menu {
	display: block;
	font-family: Georgia, serif;
}
footer {
	text-align: center;
	font-size: 18px;
}
body {
	line-height: 1.3;
}
ul {
	list-style: none;
}

/* ===
	Main Styles 
=== */
	body {
		background-color: #DCDCDC; 
	}	
	.nav {
		background-color: #7FFFD4;
		background: rgba(127, 255, 212, 0.6);
		overflow: hidden;
		font-family: Georgia, sans-serif;
	}
	.nav a{
		text-decoration: none;
		color: black;
		padding: 4px 4px 4px 4px;
		text-align: center;
		font-size: 18px;
		float: left;
		font-weight: bold;
	}
	.nav ul {
		list-style-type: none;
		margin: 0;
		padding: 0;
		overflow: hidden;
		background-color: #7FFFD4;
		background: rgba(127, 255, 212, 0.6);
		position: sticky;
		top: 0;
	}
	.nav li {
		float: left;
		border: 6px solid #66CDAA;
	}
	.nav li a {
		display: block;
		color: black;
		text-align: center;
		padding: 6px 10px;
		text-decoration: none;
		text-transform: uppercase;
	}
	.nav li a:hover {
		background-color: #66CDAA;
	}
	#logo {
		text-align: center;
	}
	#logo img {
		height: 30%;
		width: 30%;
	}
	input[type=text], select {
		width: 100%;
		padding: 12px 20px;
		margin: 8px 0;
		display: inline-block;
		border: 3px solid #ccc;
		border-radius: 4px;
		box-sizing: border-box;
	}
	input[type=submit] {
		width: 100%;
		background-color: #7FFFD4;
		color: black;
		padding: 14px 20px;
		margin: 8px 0;
		border: none;
		border-radius: 4px;
		cursor: pointer;
	}
	input[type=submit]:hover {
		background-color: #66CDAA;
	}
	.highlight {
		background-color: #F8F8FF;
		padding: 3px;
	}
/* ===
Page Styles 
=== */
	.GAH {
		background-color: #7FFFD4;
		float: center;
		word-spacing: 2px;
		font-size: 24px;
		text-align: center;
		background: rgba(127, 255, 212, 0.6);
	}
	.aboutUS {
		background-color: #7FFFD4;
		font-size: 20px;
		background: rgba(127, 255, 212, 0.6);
	}
	.capture {
		border-radius: 5px;
		background-color: #F8F8FF;
		padding: 20px;

	}
	.mobileCapture{
		display: right;
		border-radius: 5px;
		background-color: #F8F8FF;
		padding: 40px;
		border: 3px solid #ccc;
	}
	.mobilePDR {
		display: center;
		background-color: #7FFFD4;
		padding-left: 4px;
		padding-right: 4px;
		padding-top: 4px;
		padding-bottom: 4px;
		margin-right: 4px;
		margin-left: 4px;
		background: rgba(127, 255, 212, 0.6);
		text-align: center;
		line-height: 35px;
	}
	.mobilePDR img {
		height: 250px;
		width: 375px;
	}
	.PDR {
		display: center;
		background-color: #7FFFD4;
		padding-left: 4px;
		padding-right: 4px;
		padding-top: 4px;
		padding-bottom: 4px;
		margin-right: 4px;
		margin-left: 4px;
		background: rgba(127, 255, 212, 0.6);
		text-align: center;
		line-height: 35px;
	}
	.PDR img {
		height: 250px;
		width: 375px;
	}
	.BRB img {
		height: 250px;
		width: 375px;
	}
	.BRB {
		display: center;
		background-color: #7FFFD4;
		padding-left: 4px;
		padding-right: 4px;
		padding-top: 4px;
		padding-bottom: 4px;
		margin-right: 4px;
		margin-left: 4px;
		background: rgba(127, 255, 212, 0.6);
		text-align: center;
		line-height: 35px;
	}
	#BuildRebuild {
		font-family: Georgia, sans-serif;
		border-collapse: collapse;
		width: 100%;
	}
	#BuildRebuild td, #BuildRebuild th {
		border: 1px solid #DCDCDC;
		padding: 8px;
	}
	#BuildRebuild tr:nth-child(odd) {
		background-color: #66CDAA;
	}
	#BuildRebuild tr:hover {
		background-color: #ddd;
	}
	#BuildRebuild th {
		padding-top: 12px;
		padding-bottom: 12px;
		text-align: center;
		background-color: #66CDAA;
		color: black; 
		text-transform: uppercase;
	}
	.aboutUS {
		display: center;
		background-color: #7FFFD4;
		padding-left: 4px;
		padding-right: 4px;
		padding-top: 4px;
		padding-bottom: 4px;
		margin-right: 4px;
		margin-left: 4px;
		background: rgba(127, 255, 212, 0.6);
		text-align: left;
		line-height: 35px;
	}
	.aboutUS h2 {
		text-align: center;
	}
	#time {
		text-align: center;		
		background-color: #7FFFD4;
		background: rgba(127, 255, 212, 0.6);
	}