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:24px;
  padding:0px;
  margin:0px;
}
h2 {
  font-weight:bold;
  font-size:20px;
  padding:0px;
  margin:10px 0px;
}
h3 {
  font-size:14px;
  padding:0px;
  margin:0px;
}
a { 
  font-weight:bold;
  text-decoration:none;
  color: rgb(45,137,225);
}
a img { 
   border:none;
}
a:hover {
  text-decoration:underline;
  color:#EC6969;
  cursor:pointer;
}
#canvas { 
  position:relative;
  width:847px;
  height:100%;
  margin:10px auto;
  background-color:#ffffff;
  border:1px solid #b4b4b4;
  padding-bottom:20px;
}
#menu {
  width:847px;
  text-align:center;
  padding:0px;
  margin-left:0px;
  background-color: rgb(45,137,225);
  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%;
}
#info {
  float:left;
  font-size:16px;
  margin:20px;
}
#info h1 {
  font-size:24px;
  font-weight:bold;
}
#info p {
  margin:0px;
  padding:0px;
}
#logo {
  position:absolute;
  top:20px;
  right:10px;
  height:88px;
  width:254px; 
}
#course-name {
  position:absolute;
  top:70px;
  right:10px;
  height:88px;
  width:354px;
  color: rgb(45,137,225);
  /*text-shadow: white 0px 0px 1px;*/
  font-weight:bold;
  font-size:20px;
  padding:0px;
  margin:10px 0px;
}
b { 
  font-weight:bold;
}
#copy {
  margin:0px auto;
  font-size:12px;
  color:#777777;
  width:800px;
}

#css-list {
  
}

li {
  margin-top: 0.25em;
  margin-bottom: 0.25em;
  padding-right: 10px;
  line-height: 125%;
}