* {
  margin: 0;
  padding: 0;
}

body {
  background-color: #536A8A;
  font: 90%/1.2em Arial, Helvetica, sans-serif; 
}

#center {
  background-color: #8F6D64;
  color: #000;
  margin: 2em auto;
  padding: 2em;     
  position: relative;
  width: 700px;
}

#header {
  background-color: #8F6D64;
  position: relative;
}

img {
  float: left;
  margin: 0 4em 0 0;
  width: 300px;
}

img.line {
  float: none;
  margin: 0;
  width: 100%;
}

img.tux {
  float: right;
  margin: 0 4em 0 0;
  width: 80px;
}

h1, h2, h3 {
  line-height: 2em;
}

#navigation {
  background-color: #8F6D64;
  float: left;
  margin-right: 3em;
  width: 8em;
  height: 100%;
}

#navigation ul {
  list-style: none;
}

#navigation li {
  background-color: #8F6D64;
  color: #000;
  font-weight: bold;   
  line-height: 2em;
  text-align: left;
}
 
#navigation li a {
  background-color: #8F6D64;
  color: #000;
  text-align: left;
  text-decoration: none;
}

#navigation li a:hover {
  background-color: #536A8A;
  color: #000;
  display: block;
}

.clr {
  clear: both;
}

#content {
margin-left: 11em;
}

h3:first-letter {
  font-size: 200%;
}

img.icon {
  float: none;
  margin: 0;
  width: 80px;
}

#content li a {
  background-color: #8F6D64;
  color: #000;
  /* text-decoration: none; */
}

#content li a:hover {
  background-color: #536A8A;
  color: #000;
}

#content p a {
  background-color: #8F6D64;
  color: #000;
  /* text-decoration: none; */
}

#content p a:hover {
  background-color: #536A8A;
  color: #000;
}


#footer {
  background-color: #8F6D64;
  color: #000;
  font-style: italic;
  text-align: left;
}

a {
cursor: url(horns.cur), pointer;
}