#menu {
        float: left;
        width: 100%;
        font-family: Arial, sans-serif;
        font-weight: bold;
        line-height: normal;
        border-bottom: 1px solid #000;
        }

#menu ul {
           margin: 0;
           padding: 10px 10px 0 0px;
           list-style: none;
           }

#menu li {
           display: inline;
           margin: 0;
           padding: 0;
           }

#menu a {
          float: left;
          background: url("tableft2.gif") no-repeat left top;
          margin: 0;
          padding: 0 0 0 4px;
          text-decoration: none;
          }

#menu a span {
               float: left;
               display: block;
               background: url("tabright2.gif") no-repeat right top;
               padding: 5px 15px 4px 6px;
               color: #FFF;
               }

/* Commented Backslash Hack hides rule from IE5-Mac \*/
#menu a span {
               float: none;
               }
/* End IE5-Mac hack */
#menu a:hover span {
                     color: #000;
                     }

#menu a:hover {
                background-position: 0% -84px;
/*                background-position: 0% -42px;*/
                }

#menu a:hover span {
                background-position: 100% -84px;
/*                background-position: 100% -42px;*/
                }
/*
#main {
        margin-left: 10em;
        width: 30em;
        text-align: justify;
        }
*/
#main p {
          font-family: Calibri, Arial, sans-serif;
          font-size: 0.9em;
          margin-left: 50px;
          text-align: justify;
          }

.jesterstitle {
	font-family: Calibri, Arial, sans-serif;
	font-size: 3em;
	letter-spacing: 0.2em;
	font-weight: 600;
	}

.pagetitle {
	font-family: Calibri, Arial, sans-serif;
	font-size: 1.5em;
	font-weight: 800;
	}

#main h1, h2, h3 {
	font-family: Calibri, Arial, sans-serif;
	}

#main h1 {
           text-align: center;
           }

#main h3 {
           }

#wrapper {
           width: 800px;
           margin: 0 auto;
           padding: 0 20px;
           border-left: 2px solid #666;
           border-right: 2px solid #666;
           }

/* figure for directions */
img.directions { 
             float: right;
             margin-left: 10px;
             margin-bottom: 10px;
             border: 1px solid #666;
             padding: 10px;
             background-color: #d4d4d4;
             }

/* table style sheet */

#main table { /* centre the table */
              margin-left: auto;
              margin-right: auto;
              border-collapse: collapse
              }

#main td, th { padding: 5px; }

#main th { font-size: 0.9em; }

#main td { font-size: 0.8em; }

#main tr.title {
                 background-color: #000;
                 color: #fff;
                 }

#main tr { background-color: #d4d4d4; }

#main tr.odd { background-color: #fff; }

#main td.seed { text-align: center; }

#tail {
        width: 100%;
        font-family: Arial, sans-serif;
        line-height: normal;
        border-top: 1px solid #000;
        }

#tail li {
           display: inline;
           margin: 0;
           padding: 0;
           }

#tail ul.footer { font-size: 0.9em; }

a.email {
                background-image: url(i/mail.gif);
                background-repeat: no-repeat;
                background-position: left center;
                padding-left: 18px;
                }

a.external {
                background-image: url(i/external.gif);
                background-repeat: no-repeat;
                background-position: right center;
                padding-right: 16px;
                }

a.UoL {
                background-image: url(i/UoL.gif);
                background-repeat: no-repeat;
                background-position: right center;
                padding-right: 16px;
                }