a:link {color:DarkSlateBlue; text-decoration:none}    /* unvisited link */
a:visited {color:DarkSlateBlue; text-decoration:none} /* visited link */
a:hover {color:DarkBlue; text-decoration:none}   /* mouse over link */
a:active {color:DarkSlateBlue; text-decoration:none}  /* selected link */

body {
	font-family: Baskerville,Garamond,Times New Roman,serif;
   font-style: normal;
   font-variant: normal;
	font-size: 14px;
	line-height: calc(1.4em + (1.1em * .15vm));
}

p {
	font-size: calc(14px + 1.5vw);
}

@media (min-width: 1000px) {
	p {
		font-size: 24px;
		line-height: 1.2em;
	}
}

h1 {
	font-size: calc(24px + 1.5vw);
}

h2 {
   font-size: calc(18px + 1.5vw);
}

.commands {
   font-family: Baskerville,Garamond,Times New Roman,serif;
   font-style: normal;
   font-variant: normal;
   font-size: calc(16px + 1.5vw);
	line-height: 1.4em;
	padding-left: 10vw;
   text-align: left;
}

@media (min-width: 1000px) {
	.commands {
		font-size: 28px;
      line-height: 1.4em;
	}
}

i {
   font-style: italic;
}

.center {
	text-align: center;
	color: DarkBlue;
}

.centergrey {
   text-align: center;
   color: SlateGrey;
}

.left {
   text-align: left;
   color: DarkBlue;
}

.leftgrey {
   text-align: left;
   color: SlateGrey;
}

#main {
	background: white url("quill-pen-ink.png");
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
	text-align: left;
	max-width: 1200px;
	margin: auto;
	padding: 5px
}

#footnav {
	font-size: calc(16px + 1.5vw);
}

#footnavleft {
	font-size: calc(16px + 1.5vw);
	padding-left: 10vw;
	text-align: left;
}

@media (min-width: 1000px) {
   #footnav {
      font-size: 28px;
      line-height: 1.2em;
   }
   #footnavleft {
      font-size: 28px;
      line-height: 1.2em;
		padding-left: 10vw;
   	text-align: left;
   }
}