body {
  background-color: skyblue;
  font-family: Arial, Helvetica, sans-serif;
}
header {
	background-color: darkblue;
	color: white;
	margin:0;
}
div.content { width: 820px }
nav {
	background-color: darkblue; 
	color:white;
	margin:0;
}

.right{float:right;}
.left{float:left;}

a:hover, a:active {
  background-color: red;
}

/* classed link styles for the navigation area */
a.nav {color: white; text-decoration: none;}
a.nav:link {color: white; text-decoration: none;}
a.nav:visited {color: white; text-decoration: none;}
a.nav:hover {color: white; text-decoration: none;}
a.nav:active {color: green; text-decoration: none;}	

/* classed link styles for the link to the current page */
a.nav2 {color: white; background-color: green; text-decoration: none;}

/* classed link styles for figure captions */
a.fig {color: white;}
a.fig:link {color: white;}
a.fig:visited {color: white;}
a.fig:hover {color: white;}
a.fig:active {color: white;}
	
h1 {
  color: blue;
}
h2 {
  font-style: italic
}
figure {
  padding: 4px;
  margin: auto;
  text-align:center;
}

figcaption {
	display: block;
	background-color: black;
	color: white;
	font-style: italic;
	text-align: center;
	padding: 2px;
}
footer {
  background-color: darkblue;
  padding: 10px;
  text-align: center;
  color: white;	
}

table, th, td {
  border: 1px solid black;
}

* {
  box-sizing: border-box;
}

.column {
  float: left;
  padding: 10px;
}

.left {
  width: 40%;
}

.right {
  width: 60%;
}

/* Clear floats after the columns */
.row:after {
  content: "";
  display: table;
  clear: both;
}