body
{
	font-family: Verdana, Arial, sans-serif;
	font-size: medium;
	color: #3e3932;
	background: white url(/ioigray.jpg);
}

h1 {
	font-size: 140%;
}

.demo-hi {
	color: green;
}
.demo-1 {
	padding: 20px 0px 5px 0px;
	font-weight: bold;
}

.demo-3 {
	text-align: right;
}

.demo-h1 {
	padding: 20px 0px 0px 0px;
	text-decoration: underline;
	font-size: 140%;
}
.demo-h1, .demo-h3 {
	font-weight: bold;
}

.demo-4 {
	padding: 3px 10px 3px 10px;
}

.demo-4 a {
	padding: 3px 10px 3px 10px;
	text-decoration: none;
	background: rgb(255,214,70);
	color: rgb(12,24,173);
}

.demo-4 a:hover {
	background: rgb(255,238,182);
}

.demo-5 {
	padding: 3px 10px 3px 10px;
}

.demo-5 a {
	padding: 3px 10px 3px 10px;
	text-decoration: none;
	background: rgb(255,214,70);
	color: rgb(12,24,173);
}

.demo-5 a:hover {
	background: rgb(255,238,182);
}

.track-1, .track-3, .track-h3 {
	text-align: right;
}

.track-h1, .track-h3 {
	font-weight: bold;
}

.track-4 {
	padding: 3px 5px 3px 5px;
}

.track-4 a {
	padding: 3px 10px 3px 10px;
	text-decoration: none;
	background: rgb(255,214,70);
	color: rgb(12,24,173);
}

.track-4 a:hover {
	background: rgb(255,238,182);
}

.track-5 {
	padding: 3px 5px 3px 5px;
}

.track-5 a {
	padding: 3px 10px 3px 10px;
	text-decoration: none;
	background: rgb(255,214,70);
	color: rgb(12,24,173);
}

.track-5 a:hover {
	background: rgb(255,238,182);
}

.tiny {
	font-size: 60%;
}

.copyright {
	font-size: 75%;
}

.modified {
	font-size: 75%;
	font-style: italic;
}

.footnote {
	border-top: solid .1em #5e5e5e; 
	font-size: 80%;
	margin: 0px;
	padding: 0px;
}
.footnote p {
	margin: 0px;
	padding: 0px;
}

.fnref {
	font-size: 70%;
	text-decoration: none;
	vertical-align: super;
}

.fndef {
	font-size: 70%;
	text-decoration: none;
	vertical-align: super;
	margin-right: 1em;
}

.navigation img {
	border: none;
}

.saying {
		font-family: cursive;
}

.leftfloat {
	border: none;
	float: left;
	margin: 0px;
	margin-right: 2em;
}

.photo {
	margin: 5px;
}