body
{
}
#content
{
    width:693px;
    height:1025px;
    background-image:url(../images/comedyNight2009/background.jpg);
    border: thin solid #000000;
    margin-left:auto;
    margin-right:auto;
}

#artwork
{
    width:259px;
    height:408px;
    background-image:url(../images/comedyNight2009/tenthAnniversaryLogo.png);
    float:left; 
}

#artcontent
{
    color:white; 
    margin-top:280px; 
    font-size:14px; 
    font-weight:bold;
    width:200px; 
    margin-left:32px;  
    margin-right:auto; 
    text-align:justify; 
    letter-spacing:0px;
}

#maininfo
{
    width:419px;
    height:450px;
    margin-left:260px;
    border: solid #000000;
    margin-top:20px;
    margin-bottom:0px;
    padding-bottom:0px;
    text-align:left;
}

#headliner
{
    color:green;
    font-size:39px;
    font-weight:bold;
}

#moreheadliner
{
    color:green;
    font-weight:bold;
    font-size:17px;
}
#questionheader
{
    color:#003668;
    font-weight:bold;
    font-size:17px;
}
#questionanswer
{
    font-weight:bold;
    font-size:12px;
}
#disclaimer
{
    font-size:x-small;
}

#comedytable th
{
    font-weight:bold;
    width:100%; 
}

#comedytable td
{
    text-align:left;
    font-size:12px;
    font-weight:bold;
}

div.attendingTableContainer {
    height:600px;
    overflow:auto;
    width:220px;
    margin-left:22px;  
    position:absolute;
    top:565px; 
    border:thin solid;
}


/* All browsers (but especially IE) */
div.attendingTableContainer table {
    width: 198px;
}

/* Modern browsers (but especially firefox ) */
html>/**/body div.attendingTableContainer table {
    width: 220px;
}

/* Modern browsers (but especially firefox ) */
html>/**/body div.attendingTableContainer table>tbody {
    overflow: auto;
    height: 564px;
    overflow-x: hidden;
}

div.attendingTableContainer thead tr {
    position:relative;
    top: expression(offsetParent.scrollTop); /*IE5+ only*/
    /* fixes the header being over too far in IE, doesn't seem to affect FF */
    left: 0px;
}

/*prevent Mozilla scrollbar from hiding cell content*/
div.attendingTableContainer td:last-child {padding-right: 20px;} 


div.scrollTableContainer {
    height:530px; 
    overflow:auto;
    width:420px;
    border: thin solid;
    position:relative; 
    top: 8px;
    left:260px;
}


/* All browsers (but especially IE) */
div.scrollTableContainer table {
    width: 398px; 
}

/* Modern browsers (but especially firefox ) */
html>/**/body div.scrollTableContainer table {
    width: 420px;
}

/* Modern browsers (but especially firefox ) */
html>/**/body div.scrollTableContainer table>tbody {
    overflow: auto;
    height: 488px; 
    overflow-x: hidden;
}

div.scrollTableContainer thead tr {
    position:relative;
    top: expression(offsetParent.scrollTop); /*IE5+ only*/
    /* fixes the header being over too far in IE, doesn't seem to affect FF */
    left: 0px;
}

/*prevent Mozilla scrollbar from hiding cell content*/
div.scrollTableContainer td:last-child {padding-right: 20px;}