.wrapper {display:block; width: 90%; max-width: 1000px; margin: 0 auto;}
header nav main footer {display: block} /* for compatibility */
nav {float:left; width:15%;}
nav a {text-decoration: none; padding:2px; color:black; font-weight: bold; font-size:larger; background-color: white; opacity:.7; border-radius:6px;}
nav ul {text-decoration: none; list-style-type: none; padding-left: 0px; }
nav ul li {margin-left:10px; padding: 10px; text-align: left; }
nav a:hover {font-weight: bold; font-size: 1.4em; opacity:.5;  border: 2px solid blue;}
nav a:active { color: black; border: 2px solid blue; }
body { background: url(pictures/background.jpg) left top no-repeat; background-attachment: fixed; background-position: center;}
header { text-align: center; height: 80px;  }
main {border-radius:6px; background-color: lightgreen; opacity: .8;  margin-left: 15%; padding-left: 5px; }
.italicspan {font-style: italic;} 
footer { border-radius:6px; background-color: lightgrey; height: 30px; opacity: .8; margin-left: 15%;   }
footer p {font-size: .8em; font-style: italic; }
p {margin:0px; padding-bottom: 10px;}
.pagetitle {font:bold; font-size: 2.6em; }
span {background-color: lightblue; opacity: .8; border-radius:6px;}