@charset "utf-8";

/*
	#FFFFEF - Light yellow page background
	#800000 - Dark Red
	#008080 - Teal
*/

body {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: larger;
	background-color: #FFFFEF;
	background-image: url(../img/bg.gif);
	background-repeat: repeat-y;
	margin: 1em 2em 1em 75px;
	padding-left: 2em;
}
.footer {
	font-size: smaller;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	margin-left: -2rem;
}
h1, h2, h3, h4, h5, h6 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	margin-left: -2rem;
	color: #008080;
}
h1 {
	background-color: #008080;
	background-image: url(../img/t6l-teal.gif);
	color: #FFFFEF;
	padding: 1rem;
	text-align: center;
	border: 3px double #FFFFEF;
	font-style: italic;
}
h2 {
	border-bottom: 1px inset #000;
}


@media screen and (max-width: 600px) {
	body {
		padding-left: 0;
	}
	body > * {	margin-left: 0; }
	.footer {
		margin-left: 0;
	}
}
@media screen and  (max-width: 400px) {
	body {
		margin: 0.5em;
		background-image:none;
	}
}