allstonf/web1.css

## web1.css
body {
  font-family:      Verdana, Geneva, Arial, sans-serif;
  font-size:        small;
}
h1, h2 {
  font-weight:      normal;
  color:            #cc6600;
  border-bottom:    thin dotted #888888;
}
h1 {
  font-size:        170%;
}
h2 {
  font-size:        130%;
}
blockquote {
  font-style:       italic;
}
table {
  margin-left:      20px;
  margin-right:     20px;
  border:           thin solid black;
  caption-side:     bottom;
  border-collapse:  collapse;
}
td, th {
  border:           thin dotted gray;
  padding:          5px;
}
caption {
  font-style:       italic;
  padding-top:      8px;
}
th {
  background-color: #cc6600;
}
.cellcolor {
  background-color: #fcba7a;
}
table table th {
  background-color: white;
}
li {
  list-style-image: url(images/backpack.gif);
  padding-top:      5px;
  margin-left:      20px;
}
.center {
  text-align:       center;
}
.right {
  text-align:       right;
}

## web1.html
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
   "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en">
  <head>
    <meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1" />
    <title>Heartbeat Sensor Wearable Project</title>
    <link type="text/css" rel="stylesheet" href="web1.css" />
  </head>
  <body>

    <h1>Heartbeat Sensor</h1>
    <p>
      Here is where the heartbeat of the person using our heartbeat monitor will be displayed via a heartbeat vs. time graph. This graph is how we will measure the person's heartbeat per minute.
    </p>

    <table summary="This table holds data about the person's heartbeat. I have included the amount of time the heartbeat is measured for.">
     <caption>Heartbeat Sensor</caption>
     <tr>
        <th>Time</th>
        <th>Heartbeat</th>
     </tr>
     <tr>
        <td>Seconds</td>
        <td class="center">Where heartbeat data will go</td>
      </tr>
      <tr class="cellcolor">
        <td>Minutes</td>
        <td class="center">Where heartbeat data will go</td>
      </tr>
    </table>

  </body>
</html>
	body {
	font-family: Verdana, Geneva, Arial, sans-serif;
	font-size: small;
	}
	h1, h2 {
	font-weight: normal;
	color: #cc6600;
	border-bottom: thin dotted #888888;
	}
	h1 {
	font-size: 170%;
	}
	h2 {
	font-size: 130%;
	}
	blockquote {
	font-style: italic;
	}
	table {
	margin-left: 20px;
	margin-right: 20px;
	border: thin solid black;
	caption-side: bottom;
	border-collapse: collapse;
	}
	td, th {
	border: thin dotted gray;
	padding: 5px;
	}
	caption {
	font-style: italic;
	padding-top: 8px;
	}
	th {
	background-color: #cc6600;
	}
	.cellcolor {
	background-color: #fcba7a;
	}
	table table th {
	background-color: white;
	}
	li {
	list-style-image: url(images/backpack.gif);
	padding-top: 5px;
	margin-left: 20px;
	}
	.center {
	text-align: center;
	}
	.right {
	text-align: right;
	}
	<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
	"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
	<html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en">
	<head>
	<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1" />
	<title>Heartbeat Sensor Wearable Project</title>
	<link type="text/css" rel="stylesheet" href="web1.css" />
	</head>
	<body>

	<h1>Heartbeat Sensor</h1>
	<p>
	Here is where the heartbeat of the person using our heartbeat monitor will be displayed via a heartbeat vs. time graph. This graph is how we will measure the person's heartbeat per minute.
	</p>

	<table summary="This table holds data about the person's heartbeat. I have included the amount of time the heartbeat is measured for.">
	<caption>Heartbeat Sensor</caption>
	<tr>
	<th>Time</th>
	<th>Heartbeat</th>
	</tr>
	<tr>
	<td>Seconds</td>
	<td class="center">Where heartbeat data will go</td>
	</tr>
	<tr class="cellcolor">
	<td>Minutes</td>
	<td class="center">Where heartbeat data will go</td>
	</tr>
	</table>

	</body>
	</html>