body { background-image: url(http://www.scarborough.peo.on.ca/common/border1.jpg);
    background-repeat: repeat-y;
    }

  #header { border: 10px outset rgb(200, 200, 255);
    padding: 0.2em 0.5em 0.2em 305px;
    text-align: right;
    font-weight: bold;
    background-color: transparent;
    overflow: hidden;
    height: 110px;
    font-size: 40px;
    background-repeat: no-repeat;
    background-position: left center;
    color: rgb(51, 51, 153);
    background-image: url(http://www.scarborough.peo.on.ca/common/sclogowinter.png);
    }

  #menu { border-style: outset;
    border-width: 2px;
    float: right;
    font-family: Arial,Helvetica,sans-serif;
    padding: 0ex 1em 0ex 1em;
    margin: 0ex 0em 1ex 1em;
    font-size: 70%;
    display: block;
    background-color: rgb(200, 229, 230);
    }

  #menu ul { padding: 0px;
    line-height: 140%;
    }
    
  #menu li { list-style-type: none;
    padding-left: 1em;
    padding-right: 1em;
    border-left-width: 1em;
    }

  #menu a { border-left-style: groove;
    padding-left: 0.5em;
    padding-right: 0.5em;
    border-left-width: 1em;
    }

  #menu a:link { text-decoration: none;
    }

  #menu a:hover { text-decoration: underline;
    background-color: rgb(255, 255, 153);
    border-top-width: 1px;
    border-right-style: solid;
    border-right-width: 1px;
    border-top-style: solid;
    display: inline;
    color: rgb(255, 0, 0);
    }

  #content { margin-right: 7%;
    margin-left: 7%;  }

  #footer { clear: both;
    text-align: right;
    font-family: Arial,Helvetica,sans-serif;
    font-size: small;
    background-color: rgb(200, 229, 230);
    color: rgb(51, 51, 153);
    border-top: 5px solid rgb(200, 200, 255);
    padding: 2ex 1em 2ex 1em;
    margin-top: 3ex;
    }

    #footer img { border: 0px solid white;
    padding-bottom: 6px;
    float: left;
    clear: left;
    }

  #eventdate { border-style: outset;
    border-width: 1px;
    padding: 0.5ex 0.5em 0.5ex 0.5em;
    font-size: larger;
    font-weight: bold;
    font-family: Arial,Helvetica,sans-serif;
    background-color: rgb(200, 230, 230);
    color: rgb(51, 51, 153);
    }

  .menutitle1 { border-left: 0em solid rgb(51, 176, 208);
    border-top-width: 1px;
    border-top-style: dotted;
    display: block;
    margin-top: 2ex;
    font-size: 85%;
    background-color: rgb(192, 192, 192);
    }

  .menutitle2 { border-left: 1pc solid rgb(51, 176, 208);
    border-top-width: 1px;
    border-top-style: dotted;
    display: block;
    margin-top: 1.5ex;
    font-size: 85%;
    }

  .byline { font-style: italic;
    font-family: Arial,Helvetica,sans-serif;
    text-decoration: underline;
    font-size: smaller;
    }

  .emphasis { font-weight: bold;
    }

  .more_emphasis {
    font-weight: bold;
    background-color: rgb(255, 255, 201);
    }

  .important { color: rgb(255, 0, 0);
    background-color: rgb(255, 255, 220);
    }

  .quotation { padding-right: 2em;
    padding-left: 2em;
    border-left-style: double;
    border-right-style: double;
    background-color: rgb(238, 238, 238);
    display: block;
    }

  .fineprint { font-size: x-small;
    }

  .dropcap {
    display: block;
    }
    
  .dropcap:first-letter {
    font-size: 333%;
    float: left;
    margin-right: 2px;
    color: rgb(51, 51, 153);
    }
 
  h1, h2, h3, h4, h5, h6 { margin-left: -3%;
    clear: left;
    color: rgb(51, 51, 153);
    }