table {
    font-family:Verdana,Arial,Helvetica,sans-serif;
    font-size:14px;
    font-style:normal;
    color:#333333
}

table.wide {
    width: 90%;
}

p {font-family:Verdana,Arial,Helvetica,sans-serif;font-size:14px;font-style:normal;color:#333333}

H3 {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 16px; font-weight: bold; color: #333333; text-decoration: none}

ul {font-family:Verdana,Arial,Helvetica,sans-serif;font-size:14px;font-style:normal;color:#333333}
a:Link {  font-family: Verdana, Arial, Helvetica, sans-serif; color: #008000; text-decoration: none;}

a:visited {  font-family: Verdana, Arial, Helvetica, sans-serif; color: #008000; text-decoration: none;}

img.teacherportrait_left {
    float: left;
    margin-right: 1em;
    overflow: visible;
}
img.teacherportrait_right {
    float: right;
    margin-right: 1em;
    overflow: visible;
}

body,
html {
    margin: 0;
    padding: 0;
    margin-top: 0;
    margin-left: 0;
    background: #ccff99;
    color: #000000;
    font-family: Arial;
}

#bodywrapper {
    /* replace margin-top value with the height of your header. */
    margin-top:  110px;
    margin-left:  0;
    margin-right:  0;
    margin-bottom:  0;
    padding:  0;
    color:  #000000;
    position:  relative;
    top:  0;
    left:  0;
    width:  100%;
    max-width: 900px;
}

#main {
    /* replace this value with the width of your left column */
    margin-left:  98px;
    margin-right:  0;
    margin-bottom:  10px;
    margin-top:  0;
    padding:  0;
    overflow: auto;
}

#leftcolumn {
    position:  absolute;
    top:  0;
    left:  0;
    margin:  0;
    padding:  0;
    /* Replace width with the width of your left column. */
    width:  98px;
    height: 546px;
    /*  Background of the left side menu.  Replace the
    *  URL and the background color (#3F9BCF) with your
    *  choices for each.  */
    background: url(images/tsfside.jpg) top left no-repeat #ccff99;
    overflow: visible;
}

#header {
    position:  absolute;
    top:  0;
    left:  0;
    width:  100%;
    /* replace this value with the height of your header. */
    height:  110px;
    /* background for the header.  Replace the URL and the
    * background color (#F2F2F2) with your choices for
    * each.  */
    background:  url(images/tsfheader.jpg) top left no-repeat #ccff99;
    color:  #000000;
    /* put this in to ensure that your header
    * doesn't overlap the body of your website. */
    overflow:  hidden;
}

.participants {
    background: #eeee00;
}

.all {
    background: #00ff00;
}

.bw {
    background: #ff0000;
}

.l2 {
    background: #c0c0c0;
}

.l1 {
    background: #0066ff;
    color: #ffffff;
}

div.teacher_presentation { }