/*

@@@@@@Ooo    :oo@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@
@@@cc: oo8888ooo::: :O@@@@@@@@@:   O@@@@@@O  @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@o :O@o  Oo@@@@@@@@@@@@@@@@@@@@@@@@@@@@@o :@@@@@@@@@@@@@@@@@@@@@@@@@@@
@:C O8OO8O8O:OCOO8OO8Cc O@@@@@@@:  o@@@@@o   @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@O  :@@@@o@  @@@@@@@@@@@@@@@@@@@@@@@@@@@@@ o@ @@@@@@@@@@@@@@@@@@@@@@@@@@@
o:cOOOOOoC@@@@@CC:OOOO8Oo O@@@@@o  o@@@O   O@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@o  :@@@@@:@ o@@@@@@@@@@@@@@@@@@@@@@@@@@@@  @oo@@@@@@@@@@@@@@@@@@@@@@@@@@@
 ooO8OOO8CO@@@@@Co8OOOOO8C @@@@@o  @@o  o@@o  @@@@@@@@@@@@@@@@@  o@@@@@@@@@@:   @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@o  @:@@  o@@@@@@@@@@@@@@@@@@@@@@@
o:oooO8OO8OC8OCo:O88OO8@Oo:@@@@@     O@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@    @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@o   @@@@@@@@@@@@@@@@@@@@@@@@@@@@@
@:coooooCO88@8O8OO8OO88Oo o@@@@@   @o:@@@@@Ooo@@@@  o@:o@ ooO@@OoO@@@@@@@@@o    O@@@@@@@@o    :@@@@O O@ o@@O :@@ o@@@o  @@@@OoO@@@O  @oo@:@@@O o@ o@@@
@@::oooooooooCCCOOOOCCoo.c@@@@@@   @@: O@@@   @@@o  o@  @: o@@@  o@@@OO@@@@@     @@@@@@@@@OO@ o@@@o  O :@@o  @@o o@@@o  @@@@  o@@@o  @@ oo@@O  @ :@@@:
@@@@:cooooooooooooooooc c@@@@@@@   o@@:  O@o  :O O: o@ o@@:ooo@:  Oo:@@@@@@@O     :@@@@@o:@@@    :   O@@O:o  O@o o@O:@  :@:O:  Oo:@  :@O:ooOo  :@@O:O@
@@@@@@o.coooooooooooo..8@@@@@@@@:   :@@o   :O@@@@@@@oO@OoO@@@@@@@@@@@@@@@@@@@@O:      :O@@@@@@oO@@@@@@@@@@@@oo@@@@@@@@@@@@@@@@@@@@@@@oO@@@@@@@@@@@@@@@
@@@@@@@@@@Oo:      :O@@@@@@@@@@@@@@@@@@@@o    O@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@

*/

body {
	background-color: #c3c3c3;
}

h1 {
	font-family: Myriad Pro, sans-serif;
	font-size: 2.5em;
	color: #7a3591;
}

h2 {
	font-family: Myriad Pro, sans-serif;
	color: magenta;
}

p {
	font-family: Times, serif;
	text-align:center;
}

ul {
	list-style-type:none;
	display:block;
}

/* unvisited link */
a:link {
  color: green;
}

/* visited link */
a:visited {
  color: yellow;
}

/* mouse over link */
a:hover {
  color: hotpink;
}

/* selected link */
a:active {
  color: pink;
}

nav a {
	padding-right: 20px;
	text-decoration:none;
}

nav {
	text-align:center;
}


/* I copied this from https://www.w3schools.com/howto/howto_css_image_center.asp */
.center {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

li.assignment-list {
	display:block;
}

.sitemap-img {
	width:80%;
}