I am in an HTML class and have been working on this and it wont work with my website I'm trying to design. Is there anyone that might know why?

New Perspectives on HTML and CSS
Tutorial 4
Case Problem 3

Trail Map Style Sheet
Author: Sarrah Wilson
Date: 03/09/13

Filename: map.css
Supporting Files:


nav, section, figure, figcaption{
display: block;

body {
font-family: Verdana, Geneva, sans-seriff;
margin: 0px;
padding: 0 px;


background-color: rgb(255, 255, 128);
background: color: rgb(70, 76, 222) url(bluebar.png)
nav class="vertical" {
float: left;
margin-left: 20px;
margin-right: 20px;
width: 230px;
margin: 230px;
line-height: 25px;
nav class="vertical" :hover {

color: yellow;
section id="summary"{
float: left;
margin-left: 30px;
width: 600px;
section id="summary" h1 {
font-size: 24px;
color: rgb(70, 76, 222);
font-weight: 5px;
margin: 20px;
margin: 10px;