body {
  background-image: url(img/bg.png);
  font-family: sans-serif;
  margin: 0; padding: 0;
}

#container {
  width: 760px;
  margin-left: auto;
  margin-right: auto;
  border: 1px solid gray;
  background-color: #FFF;
  font-size: 11pt;
}

#navi {
  border-top: 1px solid gray;
  border-bottom: 1px solid gray;
  padding: 0px;
  margin: 0px;
  margin-top: -3px;
}

#navi img { margin:0px; padding:0px;}
#navi a { color: #444; font-weight: bold; text-decoration: none; font-size: 12pt;}
#navi a:hover { text-decoration: underline;}

#navi ul { margin: 0px; padding: 0px;
  text-align: center; 
  padding: 10px;
}
#navi li { 
  display: inline; 
  list-style-type: none; 
  padding: 10px;  

}
#content {
  clear: both;
  padding-top: 35px;
  padding-bottom: 35px;  
  padding-left: 25px;
  padding-right: 25px;
  border-bottom: 1px solid gray;
}

#content h2 {
  font-family: serif;
  font-size: 16pt;
}
#content li { margin-bottom: 5px;}

#footer {
  padding: 15px;
  text-align: center;
}


div.student {
  clear: both;
  /*padding-left: 1em;*/
  margin: 2em 0em 2em 0em;
}

div.student h3 {
  margin: 0em 0em 0.2em 0em;
}

div.student p.department {
  margin: 0em 0em 0.5em 0em;
  color: #444;
}

div.student p.quote {
  margin: 0em 0em 0.5em 0em;
}

div.student p.email {
  margin: 0em;
  padding: 0px;
  color: #444;
  clear: both;
}

img.face {
  float: left;
  margin: 0em 1em 1em 0em; 
  max-width: 80px;
}

div.other-students ul {
  list-style-type: none;
  padding-left: 0px;
  margin-left: 0px;
}

div.other-students li {
  padding-left: 0px;
  margin-left: 0px;
}

a.hidden-link {
  text-decoration: none;
  cursor: text;
  color: black;
}