/* ScreenAble.css Copyright (c) 2022 ScreenAble Solutions */
@charset "UTF-8";
* {
	margin: 0;
	padding: 0;
}
header {
	display: float;
	justify-content: center;
	align-items: center;
	position: fixed;
	width: 99%;
	border: 1px solid lightgray;
	background-color: lightgray;
	background-image: linear-gradient(to top, white, lightgray);

}
body {
	width: 99%;
}
header ul {
	display: flex;
	list-style-type: none;
	justify-content: center;
}
main{
	display: flex;
	justify-content: center;
	align-content: center;
	flex-wrap: wrap;
	flex-grow: 1;
	padding-bottom: 3.5em;
	width: 99%;	
}
article {
	justify-content: center;
	align-content: center;
	flex-shrink: 1;
	flex-basis: 1000px;
	padding-left: 1.5em;
	padding-right: 1.5em;
}
aside {
	flex-shrink: 0;
	flex-basis: 150px;
}
footer {
	display: flex;
	padding-top: .25em;
	padding-bottom: .25em;
	justify-content: center;
	align-items: center;
	position: fixed;
	bottom: 0;
	background-color: lightgray;
	background-image: linear-gradient(to bottom, white, lightgray);
	border: 1px solid lightgray;
	width: 99%;
}
article img {
	padding: 1em 1em 1em 1em;
	max-width: 80%;
	height: auto;
}
section img {
	padding: 0.5em 0.5em 0.5em 0.5em;
	max-width: 33%;
	height: auto;
}


a:link    { background: transparent; color: blue; text-decoration: none; }
a:visited { background: transparent; color: blue; text-decoration: none; }
a:hover   { background: transparent; color: red; text-decoration: none; }
article p { font-family: Verdana, Tahoma, Arial, sans-serif; font-weight: normal; font-size: 1em; color: black; padding: 0.5em 1em 0.5em 1em; }
p.ref { font-family: Verdana, Tahoma, Arial, sans-serif; font-weight: normal; font-size : 0.75em; color: black; padding: 0.5em 1em 0.5em 1em; }
em { font-weight: bold; italic; }
h1 { font-family: Verdana, Tahoma, Arial, sans-serif; font-weight: bold; font-size: 3em; color: indigo; padding: 1em 1em 0.5em 1em; }
h2 { font-family: Verdana, Tahoma, Arial, sans-serif; font-weight: bold; font-size: 1.8em; color: indigo; padding: 3.0em 0em 0.5em 0em; } 
h3 { font-family: Verdana, Tahoma, Arial, sans-serif; font-weight: bold; font-size: 1.2em; color: indigo; padding: 0.5em 1em 0em 1em; }
h4 { font-family: Verdana, Tahoma, Arial, sans-serif; font-weight: bold; font-size: 1em; color: indigo; }
li { font-family: Verdana, Tahoma, Arial, sans-serif; font-weight: normal; font-size: 1em; color: black; list-style-type: none; padding: 1em 1em 1em 1em; }
header li { font-family: Verdana, Tahoma, Arial, sans-serif; font-weight: normal; font-size: 0.75em; color: black; list-style-type: none; padding: 0.5em 1em 0.5em 1em; }
aside p { font-family: Verdana, Tahoma, Arial, sans-serif; font-weight: bold; font-size: 0.75em; color : black; padding: 0.25em 1em 0.25em 1em;}
footer p { font-family: Verdana, Tahoma, Arial, sans-serif; font-weight: bold; font-size: 0.75em; color : black; padding: 0.25em 1em 0.25em 1em;}