/* Nav bar settings */
body {
	margin: 0;
}

ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
	width: 15%;
	background-color: lightgrey;
	height: 100%;
	position: fixed;
	overflow: auto;
}

li a {
	display: block;
	color: black;
	padding: 18px 0 8px 10px;
	text-decoration: none;
}

li a.active {
	background-color: lightgreen;
	color: black;
}

li a:hover:not(.active) {
	background-color: darkgrey;
	color: yellow;
}

/* site position */
#site-position {
	margin-left: 15%;
	padding: 1px 16px;
	height: 1000px;
	
}

/* site background */
div {
	background-color: lightgrey;
}

/* image */
body header img {
	width: 525px;
	height: 150px
}
body section article img {
	width: 125;
	height: 225;
}

/* table */
table, th, td {
	border: 1px solid black;
	border-collapse: collapse;
}

td {
	padding: 5px;
	text-align: left;
}

th {
	padding: 5px;
	text-align: center;
}
body p {
	color: darkblue;
}