html {
  height:100%;
}
body { 
  margin:0px;
  padding:0px;
  text-align: justify;
  font-family: Myriad Pro, Helvetica, Arial, sans-serif;
  font-size:16px;
  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: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 { 
  position:relative;
  width:790px;
  height:100%;
  margin:10px auto 3px auto;
  padding:0px;
  background-color:#ffffff;
  border:1px solid #b4b4b4;
}
#copy { 
  width:792px;
  margin:0px auto;
  padding:0px;
  font-size:12px;
  text-align:left;
  color:#666666;
}
#copy a {
  color:#666666;
  font-weight:normal;
}
#panel {
  margin:0px 0px;
  padding:10px 20px 0px 20px;
  height:100%;
}
#menu {
  width:788px;
  padding:4px 0px;
  margin:0px auto;
  border:0px;
  border-left:1px solid #B31B1B;
  border-right:1px solid #B31B1B;
  background-color:#B31B1B;
}
#menu a {
  padding:5px 10px 6px 10px;
  text-decoration: none;
  font-size:16px;
  font-weight:bold;
  color: #FFFFFF;
}
#menu a:hover {
  background-color:#EC6969;
  cursor:pointer;
}
#menu ul {
  margin:0px;
  padding:0px;
  list-style:none;
  text-align:center;
}
#menu li {
  display: inline;
}
#info {
  background-image:url("images/cx.png");
  width:770px;
  padding:10px 10px;
  color:#FFFFFF;
}
#info h1 {
  font-size:24px;
  font-weight:bold;
}
#info h2 {
  font-size:18px;
}
#info p {
  margin:0px;
  padding:0px;
}
#logo {
  position:absolute;
  top:10px;
  right:10px;
}
b { 
  font-weight:bold;
}

table.schedule {
    margin:0px;
    width:100%;
    text-align:left;
    border-collapse:collapse;
}

td.date {
    text-align:center;
}

table.schedule td {
    border:1px solid #cccccc;
    padding:3px 6px 3px 6px;
    background-color:#ffffff;
}

td.pending {
    color:#bbbbbb;

}