/* avoid browser default inconsistent heading font-sizes */
/* and pre/code too */
h1,h2,h3,h4,h5,h6,pre,code {
	font-size: 1em;
}
/* remove the inconsistent (among browsers) default ul,ol padding or margin  */
/* the default spacing on headings does not match nor align with
   normal interline spacing at all, so let's get rid of it. */
/* zero out the spacing around pre, form, body, html, p, blockquote as well */
/* form elements are oddly inconsistent, and not quite CSS emulatable. */
/*  nonetheless strip their margin and padding as well */
/* ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input { */
h1,h2,h3,h4,h5,h6,pre,form,body,html,p,fieldset,input,figure,figcaption {
	margin: 0;
	padding: 0;
}
figure {
	margin-before: 0;
	margin-after: 0;
	margin-start: 0;
	margin-end: 0;
}
/* whoever thought blue linked image borders were a good idea? */
a img,:link img,:visited img, img {
	border: none;
}
/* Make HTML 5 elements display block-level for consistent styling */
header, nav, article, main, footer, address, figure, figcaption {
    display: block;
}
html {
	font-size: 62.5%;
    -webkit-text-size-adjust: 100%; /* Prevent font scaling in landscape while allowing user zoom */
}
a {
   	outline: none;
}
/* prevent html5 strict doctype img spaces under images */
img {
 	vertical-align: bottom;
 	height: auto;
}
/* set a standard bottom margin on common html elements and others */
p,
h1, h2, h3, h4, h5, h6 {
	margin-bottom: 12px;
	margin-bottom: 1.2rem;
}
/* all cleared elements */
.clear,
h1,
footer {
	clear: both;
}
/* images 100% */
figure, .img, .imgLarge, .main img {
	max-width: 100%;
}
html, body {
    height: 100%;
}
body {
	font-family: Times New Roman, Times, serif;
	font-weight: normal;
	font-variant: small-caps;
	font-size: 18px;
	font-size: 1.8rem;
	line-height: 1.5;
	text-align: center;
	color: #FFF;
	background-color: #201E1F;
	margin: 0;
	background-image: url(https://www.steverimages.com/images/home-bkg.jpg);
	background-position: 50% 0%;
	background-repeat: repeat-y;
}
table {
	margin: 0 auto;
}
div {
	text-align: center;
	margin: 0 auto;
}
a {
   outline: none;
}
a:active, a:focus {
 	outline: none;
}
#logo img {
	max-width: 100%;
}
#homeLinks {
	width: 700px;
	max-width: 100%;
}
#imageLeft {
	max-width: 50%;
	float: left;
}
#imageRight {
	max-width: 50%;
	float: right;
}
#page {
	min-height: 100%;
	height: 100%;
	background-image: url(https://www.steverimages.com/images/home-bkgCenter.jpg);
	background-position: 50% 0%;
	background-repeat: no-repeat;
}
.dark,
.light {
	font-size: 18px;
	font-size: 1.8rem;
	letter-spacing: .2em;
	font-variant: small-caps;
}
.dark a:link {
	color: #FFF;
	text-decoration: none;
}
.dark a:visited {
	color: #FFF;
	text-decoration: none;
}
.dark a:hover {
	color: #FFF;
	text-decoration: underline;
}
.light a:link {
	color: #000;
	text-decoration: none;
}
.light a:visited {
	color: #000;
	text-decoration: none;
}
.light a:hover {
	color: #000;
	text-decoration: underline;
}
.thumbImg img {
	margin-top: 40px;
	margin-top: 4rem;
	padding: 20px;
	padding: 2rem;
	max-width: 80%;
}