/* style.css */
header, footer {
	background-color: lightgray;
	border: solid 1px black;
	font-family: serif;
}

body {
	font-family: sans-serif;
	font-size: 14px;
	background-image: url("diamond_plate.jpg");
	background-repeat: repeat;
	background-size: 100%;
}

/*    Changes color to blue for navigation menu items    */
a {
	color: blue;
	font-weight: bold;
}

html, body {
	padding: 0;
	margin: 0;
}


footer {
	text-align: center;
	padding: 10px;
}

/*   allow text box to grow with text that is written and sets width     */
textarea {
	width: 100%;
	flex-grow: all;
}

/*   Removes default ul formatting (bulleted items)    */
header ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
	overflow: hidden;
	width: 100%;
}

/* Makes entire container for links clickable and sets order */
header nav li {
	display: block;
	float: left;
}

/* format the links to be equal sizes & other settings */
header nav li a {
	display: inline-block;
	padding: 12px 0;
	width: 197.5px;
	border: 0px;
	background-color: #dddddd;
	text-align: center;
	font-size: 20px;
	
	
}

video {
	width: 100%;
	height: 27%;
}

/* changes the color of the navigation link for current page */
.active {
	background-color: grey;
	color: black;
}

/*  Centered container for content     */
.container {
	width: 990px;
	margin: 0 auto;
	background-color: white;
	padding: 5px;
}

.home-container {
	display: inline-block;
	width: 48%;
	height: 13%;
	margin: 2px;
	background-color: white;
	padding: 5px;
	font-size: 20px;
	text-align: justify;
	align-content: center;
}

.home-container img {
	padding-left: 5px;
}

.home-container p {
	text-align: center;
}


#main {
	border: solid 1px #ccc;
	border-radius: 5px;
	color: #202020;
	margin: 20px 0;
	padding: 5px;
}

/*    format search form selection boxes and submit button    */
.search-form input[type=submit],
.search-form select {
	width: 98%;
	margin: 1%;
	padding: 2%;
	
}

/*   format search forms container/fieldset  position in center of container   */
.search-form fieldset {
	margin: 5% 25%;
	padding: .35em .625em .75em;
}

/*   make all input fields same size     */
.simple-form input[type=text],
.simple-form input[type=email],
.simple-form input[type=subject] {
	width: 50%;
}

.simple-form input[type=checkbox]{

}

.simple-form fieldset {
	padding-right: 17px;
}

#legend {
	font-weight: bolder;
	border: 0;
}

/* Format Layout of Google Maps */
#parent {
	display: table;

}

/* CSS table cell - used to vertically align the text with the Google Map */
#child {
	display: table-cell;
	vertical-align: middle;

}

tbody tr {
	text-align: left;
}