
  body{font-family:"trebuchet ms",verdana,sans-serif;font-size:12px;line-height:1.5em;color:#333;background:#fff;margin:0;padding:0;text-align:center;width:100}

  h3{font:140% trebuchet ms, sans-serif;letter-spacing:5px;margin-bottom:0;color:#000}

  a:link,
  a:visited,
  a:hover,
  a:active{text-decoration:none;color:#000}

  #container{position:absolute;top:40px;left:0px;background:#fff;margin:0 auto;text-align:left;width:100%;height:100%}

  #sidebar {
    float : left;
    width : 220px;
    background : #eeeeee;
    z-index : 1;
    padding : 10px;
    margin-right : 15px;
    height : 100%;
  }

  #sidebar h1 {
    font-size : 12px;
    text-transform : uppercase;
    letter-spacing : 0.3em;
  }
  
  #cal-label {
    float : left;
    font-family : "trebuchet ms", verdana, sans-serif;
    font-size : 18px;
    font-weight : bold;
    padding : 3px;
    margin-left : 90px;
    color : blue;
  }

  a.cal_date:link,
  a.cal_date:visited,
  a.cal_date:hover,
  a.cal_date:active {
    text-decoration : none;
    color : #ffffff;
    display : block;
    width : 100%;
    height : 100%;
  }

  a.cal:link,
  a.cal:visited {
    text-decoration : none;
    color : #ff0000;
    display : block;
    height : 100%;
    background : #ffffff;
    padding : 3px;
  }

  a.cal:hover {
    text-decoration : none;
    color : #ffffff;
    display : block;
    height : 100%;
    background : #dddddd;
    padding : 0px;
    border : thin solid black;
  }

  a.cal:active {
    text-decoration : none;
    color : #ff0000;
    display : block;
    width : 100%;
    height : 100%;
    background : #ffffff;
    padding : 3px;
  }

  a.event:link,
  a.event:visited {
    text-decoration : none;
    color : #0000ff;
    width : 100%;
    background : lightblue;
    padding : 3px;
  }

  a.deleteevent:link,
  a.deleteevent:visited {
    text-decoration : none;
    color : #0000ff;
    width : 100%;
    background : #ff0000;
    padding : 3px;
    border : thin solid black;
  }

  table.cal {
    border : thin solid black;
  }

  th.cal {
    background : black;
    color : white;
  }

  td.cal {
    background : #dddddd;
  }

  td.cal_date {
    background : #333333;
    color : #ffffff;
  }

  span.datepicker {
    font-family : "trebuchet ms", verdana, sans-serif;
    font-size : 12px;
    font-weight : bold;
    text-align : center;
  }
  
  form.search {
    font-family : "trebuchet ms", verdana, sans-serif;
    font-size : 12px;
    font-weight : bold;
    text-align : left;
    margin-left : 790px;
  }
  
  form.update {
    font-family : "trebuchet ms", verdana, sans-serif;
    font-size : 12px;
    font-weight : bold;
    text-align :  left;
    margin-left : 40px;
  }

