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;

}
div=id("page"){

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;
}
p{
margin: 10px;
}