body
{
	background-color: black;
	text-align: center;
	color: white;
	font-size: 100%;
}
.popup
{
	display:none;
	width:100%;
	height:90%;
	background:rgba(0,0,0,0.3);
}
.images
{
	display:none;
	width:100%;
	height:100%;
	opacity: 0.5;
}
.w3-content
{
	width: 75%;
	margin: auto;
	padding: 10px;
	top: 0px; 
	z-index: -1; /* Ensure div tag stays behind content; -999 might work, too. */
}
.w3-section
{
	height: 100%;
	position: fixed; 
}

/* used on the splash page */
.tile
{	
	height: 25%;
	width: 25%;
	font-size: 200%;
	padding: 10px;
	border-width: 1px;
	border-style: solid;
	border-color: orange;
	background: black;
	margin: 10px;
	overflow:hidden;
	display: inline-block;
	clear: both;
}

#intro
{
	clear: left;
	text-align: center;
}

#nav
{
	text-align: center;
	text-decoration: none;
	text-transform: uppercase;
	font-size: 200%;
	clear: left;
}

#topmenu
{
	height: 35px;
}

#topmenu ul
{
	height: 45px;
	margin: 0;
	padding: 0;
	list-style: none;
}

#topmenu ul li
{
	float: left;
	width: 140px;
	height: 35px;
	background-color: #2E2E2E;  /* Green #145A32 */
	border:3px solid #000000;
	background:rgba(0,0,0,0.5);
	padding: 1px;
	/*font-size: 1.0em;*/
}
#topmenu ul li:hover 
{
	float: left;
	width: 140px;
	height: 35px;
	background-color: #145A32;  /* Green #145A32 */
	border:3px solid #000000;
	padding: 1px;
}

#topmenu ul li a
{
	float: left;
	height: 20px;
	width: 110px;
	padding: 10px 0 0 0;
	text-align:center;
	text-decoration: none;
	text-transform: uppercase;
	font-size: smaller;
	font-weight: bold;
	color: #FFFFFF; 
}