body {
  background: #fff url(../pics/bkgd.gif) repeat-y top left;
  padding: 0 30px 0 40px;
}
body a {
  color: #003366;
}
body a:visited {
  color: #999;
}
ul {
  padding: 20px 40px;
}
ul li.none {
  list-style-type: none;
}
ul li ul li {
  list-style-type: circle;
}
table {
  border: solid 2px #666;
  padding: 8px;
}
th {
  background: #ccc;
  padding: 4px 6px;
}
td {
  background: #fff;
  padding: 4px 6px;
}
table tr:nth-child(odd) td {
  background: #eee;
}
#header {
  background: #fff url(../pics/greybk.gif) no-repeat top left;
  display: block;
  width: 420px;
  height: 78px;
  text-indent: -9000px;
  margin: 0 auto;
}
#header-glossary {
  background: #fff url(../pics/glossary.gif) no-repeat top left;
  display: block;
  width: 420px;
  height: 78px;
  text-indent: -9000px;
  margin: 0 auto;
}
#header-chp1 {
  background: #fff url(../chap1/pics/chp1.gif) no-repeat top left;
  display: block;
  width: 432px;
  height: 68px;
  text-indent: -9000px;
  margin: 0 auto;
}
#header-chp2 {
  background: #fff url(../chap2/pics/chp2.gif) no-repeat top left;
  display: block;
  width: 432px;
  height: 68px;
  text-indent: -9000px;
  margin: 0 auto;
}
#header-chp3 {
  background: #fff url(../chap3/pics/chp3.gif) no-repeat top left;
  display: block;
  width: 432px;
  height: 68px;
  text-indent: -9000px;
  margin: 0 auto;
}
#header-chp4 {
  background: #fff url(../chap4/pics/chp4.gif) no-repeat top left;
  display: block;
  width: 432px;
  height: 68px;
  text-indent: -9000px;
  margin: 0 auto;
}
#header-chp5 {
  background: #fff url(../chap5/pics/chp5.gif) no-repeat top left;
  display: block;
  width: 432px;
  height: 68px;
  text-indent: -9000px;
  margin: 0 auto;
}
#header-chp6 {
  background: #fff url(../chap6/pics/chp6.gif) no-repeat top left;
  display: block;
  width: 432px;
  height: 68px;
  text-indent: -9000px;
  margin: 0 auto;
}

#nav,
#nav-chp1,
#nav-chp2,
#nav-chp3,
#nav-chp4,
#nav-chp5,
#nav-chp6,
#nav-glossary {
  display: block;
  width: 504px;
  height: 79px;
  text-indent: -9000px;
  margin: 0 auto;
  position: relative;
}
#nav {
  background: #fff url(../pics/tocmenu.gif) no-repeat top left;
}
#nav-chp1 {
  background: #fff url(../chap1/pics/ch1menu.gif) no-repeat top left;
}
#nav-chp2 {
  background: #fff url(../chap2/pics/ch2menu.gif) no-repeat top left;
}
#nav-chp3 {
  background: #fff url(../chap3/pics/ch3menu.gif) no-repeat top left;
}
#nav-chp4 {
  background: #fff url(../chap4/pics/ch4menu.gif) no-repeat top left;
}
#nav-chp5 {
  background: #fff url(../chap5/pics/ch5menu.gif) no-repeat top left;
}
#nav-chp6 {
  background: #fff url(../chap6/pics/ch6menu.gif) no-repeat top left;
}
#nav-glossary {
  background: #fff url(../pics/refmenu.gif) no-repeat top left;
}
a#next {
  display: block;
  width: 80px;
  height: 40px;
  position: absolute;
  top: 0;
  left: 420px;
}
a#back {
  display: block;
  width: 80px;
  height: 40px;
  position: absolute;
  top: 0;
  left: 340px;
}
a#toc {
  display: block;
  width: 240px;
  height: 40px;
  position: absolute;
  top: 0;
  left: 0;
}
a#chp1 {
  display: block;
  width: 60px;
  height: 40px;
  position: absolute;
  top: 40px;
  left: 0;
}
a#chp2 {
  display: block;
  width: 55px;
  height: 40px;
  position: absolute;
  top: 40px;
  left: 60px;
}
a#chp3 {
  display: block;
  width: 60px;
  height: 40px;
  position: absolute;
  top: 40px;
  left: 115px;
}
a#chp4 {
  display: block;
  width: 55px;
  height: 40px;
  position: absolute;
  top: 40px;
  left: 175px;
}
a#chp5 {
  display: block;
  width: 60px;
  height: 40px;
  position: absolute;
  top: 40px;
  left: 230px;
}
a#chp6 {
  display: block;
  width: 60px;
  height: 40px;
  position: absolute;
  top: 40px;
  left: 290px;
}
a#glossary {
  display: block;
  width: 40px;
  height: 40px;
  position: absolute;
  top: 40px;
  left: 350px;
}
#netmap {
  position: relative;
  display: block;
  background: #fff url(../chap3/pics/netmap.gif) no-repeat top left;
  width: 493px;
  height: 279px;
}
#netmap li {
  text-indent: -9000px;
}
#netmap a#workstations {
  display: block;
  width: 100px;
  height: 30px;
  position: absolute;
  top: 52px;
  left: 170px;
}
#netmap a#hubs {
  display: block;
  width: 110px;
  height: 30px;
  position: absolute;
  top: 90px;
  left: 20px;
}
#netmap a#bridges {
  display: block;
  width: 110px;
  height: 30px;
  position: absolute;
  top: 90px;
  left: 170px;
}
#netmap a#firewalls {
  display: block;
  width: 115px;
  height: 25px;
  position: absolute;
  top: 65px;
  left: 365px;
}
#netmap a#routers {
  display: block;
  width: 115px;
  height: 25px;
  position: absolute;
  top: 32px;
  left: 365px;
}
#netmap a#fileservers {
  display: block;
  width: 110px;
  height: 30px;
  position: absolute;
  top: 200px;
  left: 150px;
}
#netmap a#repeaters {
  display: block;
  width: 110px;
  height: 30px;
  position: absolute;
  top: 238px;
  left: 240px;
}
.figure {
  font-size: 85%;
  font-style: italic;
  text-align: center;
  padding: 20px 0;
}
#footer {
  font-size: 80%;
  padding: 40px 0;
  position: relative;
}
#address p {
  text-align: center;
  padding: 1px 0;
  margin: 0;
}
#winkelman {
  text-align: center;
}
#credits p {
  text-align: center;
  color: #999;
  padding: 1px 0;
  margin: 0;
}