/* CSS for new Arolos splash page. File is index.html. Styling elements for titles, blurb and quick links menu */


body {
	background: #a7c697;
}


/* Page wrapper - contains text and menu. Centered. Fixed width. */
	div#ContentWrapper {
		margin: auto;
		max-width: 960px;
		position: absolute;
		left: 0;
		right: 0;
		top: 50px;
	}

/* Splash Image */
	div#splashimage {
		text-align: center;
		width: inherit;
	}
	div#splashimage img {
		outline: 3px solid #032737;
		width: 550px;
	}

/* Text Content */
	div#TextContent {
		color: #14231c;
		font-family: Arial;
		text-align: justify;
		text-justify: inter-word;
		margin-top: 30px;
		width: inherit;
	}

/* Navigation Links */
	ul#SplashMenu {
		align-items: stretch; /* Default */
		background: #a7c697;
		display: flex;
		justify-content: space-between;
		margin: 0;
		padding: 0;
		width: 100%;
	}
	ul#SplashMenu li {
		background: #a7c697;
		border: 1px solid transparent;
		border-radius: 5px;
		display: block;
		flex: 0 1 auto; /* Default */
		list-style-type: none;
		padding: 10px 15px;
		transition: border 0.3s ease;
	}
	ul#SplashMenu li:hover {
		border-color: #14231c;
	}
	ul#SplashMenu a {
		color: #14231c;
		font-family: Arial;
		text-decoration: none;
		font-weight: bold;
	}