html {
  height:100%;
}
body { 
  margin:0px;
  padding:0px;
  text-align: justify;
  font-family: Myriad Pro, Helvetica, Arial, sans-serif;
  font-size:15px;
  background-color:#eeeeee;
}
h1 {
  font-weight:bold;
  font-size:20px;
  padding:0px 0px 0px 0px;
  margin:0px;
}
h2 {
  font-weight:bold;
  font-size:18px;
  padding:0px;
  margin:0px;
}
h3 {
  font-size:16px;
  padding:0px;
  margin:0px;
}
a { 
  font-weight:bold;
  text-decoration:none;
  color:#B31B1B;
}
a img { 
   border:none;
}
a:hover {
  text-decoration:underline;
  color:#EC6969;
  cursor:pointer;
}
#canvas { 
  width:850px;
  height:100%;
  margin:10px auto;
  background-color:#ffffff;
  border:1px solid #b4b4b4;
  padding-bottom:20px;
}
#menu {
  width:850px;
  text-align:center;
  padding:0px;
  margin-left:0px;
  background-color:#0080C0;
  line-height:25px;
}
#menu ul li {
  display:inline;
  padding:0px;
  cursor:pointer;
}
#menu ul li a {
  padding:5px 15px;
  color:#ffffff;
  text-decoration: none;
}
#menu ul li a:hover {
  background-color:#EC6969;
}
.hideable {
  margin:0px;
  padding:20px 20px 0px 20px;
  height:100%;
}
#name {
  float:left;
  position:relative;
  font-size:16px;
  width:642px;
  margin:20px 0px 0px 20px;  
}
#name h1 {
  font-size:30px;
  font-weight:bold;
  margin-bottom:10px;
}
#name p {
  margin:0px;
  padding:0px;
}
#info {
  position:absolute;
  left:0px;
  margin:0px;
  padding:0px;
}
#info p {
  margin:0px;
  padding:0px;
}
#contact {
  position:absolute;
  top:0px;
  right:20px;
  margin:0px;
  padding:0px;
}
#contact p {
  margin:0px;
  padding:0px;
}
#picture {
  float:left;
  width:118px; 
  margin:20px 0px 20px 20px;
}
b { 
  font-weight:bold;
}
#copy {
  margin:0px auto;
  font-size:12px;
  color:#777777;
  width:800px;
}
div.bib {
  padding-left:40px;
  text-indent:-40px; 
}