#left {border: 1px dotted rgb(218,41,45); left: 0%; width: 350px}
    #right {position: absolute; top: 1em; left: 350px; padding-left: 2em ; background-color: rgb(218,41,45); border: 1px dotted rgb(218,41,45); }
    #ongoing {padding-left: 0.5em; background-color: rgb(218,41,45) ; border: 1px dotted rgb(218,41,45); }
    #contact {padding: 2em; font-weight: bold;}
    #calendar {right: 1em; background-color: transparent; border: 1px dotted rgb(218,41,45);}
    #text {padding: 2em; color: black; font-family: Bitstream Vera Serif, Georgia, sans-serif; border: thick; border-color: black}
    .te, .oe { border-bottom: 1px dotted rgb(255,144,159);} 
    body { color: rgb(0,0,0); background-color: rgb(218,41,45); border-color: rgb(0,0,0)}
    img {float: none; border-color: rgb(218,41,45)}
    p {color: rgb(0,0,0)}
    p.em {color: black}
    h1 {text-align: left; color: black }
    h2 {text-align: left; color: black; font-family: sans-serif }
    h2.calendar {text-align: center; color: white }
    h3 {text-align: left; color: white }
    h4 {color: white }
    table {vertical-align: top; border: 1em; background-color: rgb(218,41,45) }
    p.text {color: black; background-color: rgb(218,41,45)}
    table.whenwhere {border: 1em}
    table.og {text-align: left; border: 2em}
    A:visited { color: #222222} 
    A:link { color: black} 
    A:active { color: #ff0000 }
    td.calendar {text-align: right; font-size: 1.30em; vertical-align: top; width: 1.5em}
    td.dayofweek {text-align: right; font-size: 1.30em; vertical-align: top; width: 1.5em; font-family: monospace; }
    tr.day {font-size: small}
    p.title {font-size: 120%; font-weight: bold; text-align: left}
    p.description {color: black;  font-family: Computer Modern, Bitstream Vera Serif, Georgia, serif; text-align: left}
    p.whenwhere {font-size: 100%; color: black;} 
    p.link {font-size: 100%;}