/*Set the body padding below the nav bar*/
body { 
	padding-top: 50px; 
}

h3 {
	text-align: center;
}
/*Center the heading in the popup box*/
h4 {
	text-indent: 2em;
}
.changetheme:hover {
	color: blue;
	text-decoration: underline;
	font-weight: bold;
}
/*Move the description text in the gray box over*/
.towndesc {
	padding-left: 15%;
	padding-right: 5%;
}
/*Move Italic text in popup window to the right*/
.ital {
	text-align: right;
	font-style: italic;
}
/*Set jumbotron header with a white background*/
.firstheader {
	background-color: white;
}
/*Set up the containers on the main page*/
.home-container {
	background: lightgray;
	border-radius: 10px;
	padding: 2px;
	margin: 2px; 
	border-style: solid;
	border-color: lightgray;
}
/*Change the style of the gray box when the mouse hover's over it*/
.box:hover {
	cursor: pointer;
	background-color: white;
	border-style: solid;
	border-color: black;
}
/*Set the position and border of the popup box*/
.popup {
	position: fixed;
	display: none;
	top: 10%;
	width: 100%;
	height: 500px;
	background: white;
	border-radius: 10px;
	border: solid;
	text-align: center;	
}
/*Set the position of the italicized text in the popup window*/
.ital-popup {
	position: absolute;
	bottom: 1px;
	right: 5px;
	padding: 5px;
}
/*Set the position of the map image*/
.map {
	position: relative;
	top: 2%;
	right: 1%;
}
/*Geyser map has a different source so it needs a different layout*/
.geysermap {
	width: auto;
	height: 30%;
}
/*List in popup layout*/
ul {
	text-align: left;
	text-indent: 2em;
}