<img src="squash_screen.gif" />

<P>
<textarea rows="25" cols="78">

body {
	margin: 0px 0px 20px 0px;
		background-color: #DBDAD6;
        	text-align: center;
        
	}

/** Headings aren't bold  */
h1, h2, h3 { font-weight: normal; }


/** Yellowy links that light up on hover */
a:visited, a:link, a:active { color: #CC6600; }
a:hover {
	  color: #FFCC33;
	  text-decoration: underline;
	}

/** This makes the contents of <div id=container> centered
    on the page with maximum width of 40 Ms.

    This also makes every HTML code mistake visible because
    everything that isn't in a paragraph tag of some sort (blockquote
    or p) will be centered.
*/
#container {
	line-height: 140%;
	margin-right: auto;
	margin-left: auto;
	text-align: center;
	padding: 0px;
	max-width: 40em;
	background-color: #FFFFFF;
	border: 1px solid #FFFFFF;
	}

/** This creates the fancy orange boxes for <div id=banner> and <div id=footer>
*/
#banner,#footer {
	font-family: Verdana, Arial, sans-serif;
	color: #FFFFFF;
	background-color: #E7AA5C;
	text-align: center;
	padding: 15px;
	border-bottom: 1px solid #FFFFFF;
	height: 75px;
	}

/** This suppreses the display of images in the banner and footer sections...
    stolen from MT, I don't know why it is there. */
a#banner-img,a#footer-img {
	display: none;
	}

/** Make links in the header and footer non-underlined and white */
#banner a,#footer a {
	color: #FFFFFF;
	text-decoration: none;
	}

/** Make first-order headings (Kali Tal) in header and footer extralarge. */
#banner h1,#footer h1 {
	font-size: xx-large;	
	font-weight: normal;
	margin: 0px;
	padding: 0px;
	}

/** Make second-order headings (the links) in header and footer small */
#banner h2,#footer h2 {
	font-size: small;
        color: #330000
	font-weight: normal;
	margin: 0px;
	padding: 0px;
	}

/** Create a padding box around the different divs, and make them serif. */
.references, .content, .footnotes, .bib {
	padding: 15px 15px 5px 15px;
	background-color: #FFFFFF;
	font-family: serif;
/*	font-size: small; */
	}


/** Make lists, paragraphs and blockquotes justified, and a certain format  */
p, li, blockquote {
	text-align: justify;
	font-weight: normal;
	line-height: 150%;
	margin-bottom: 10px;
}

/** Make lists and paragraphs in bibliographic lists, references, foot-notes
 * and pre-formatted text left-aligned instead of justified */
.bib li, .references li, .footnotes li, .bib p, .references p, .footnotes p, pre
{
	text-align: left;
}

.woh li,.woh2 li {
  line-height:100%;
  text-align:left;
}

.woh2 li {
  font-size:smaller;
}

/** Definition lists (mainly interesting for the syllabi). Doesn't quite
    work the way I'd like.
*/

.content dl {
	text-align: left;
	line-height: 200%;
	font-weight: normal;
}

.content dt {
  margin-top: 2ex;
  font-weight: bold;
/*  font-style: italic; */
}

.content dd {
	text-align: justify;
	line-height: 200%;
	font-weight: normal;
	font-style: normal;
}

/** The headings in the title are slightly different then everywhere else. */
#title h1, #title h2, #title h3 {
	  color: #666666;
	  font-family: 'Trebuchet MS', Verdana, sans-serif;
	  text-align: center;
	  line-height: 120%;
}

.footnotes h2, .references h2, .bib h2, .content h2 {
	color: #666666;
	font-family: 'Trebuchet MS', Verdana, sans-serif;
/*	font-size: small; */
	text-align: left;
	margin-bottom: 10px;
}

.footnotes h3, .references h3, .bib h3, .content h3 {
	color: #333;
	font-family: 'Trebuchet MS', Verdana, sans-serif;
/*	font-size: small; */
	
	text-align: left;
	font-weight: bold;
	
	margin-bottom: 10px;
}

/*
.content blockquote p, .content dir p {
  padding: 0 ;
  margin: 0 ;
  padding-bottom: default;
}
*/

p.Quote {
	margin-right:.5in;
	margin-left:.5in;
	}
p.iflQuote,p.iQuote {
	margin-right:.5in;
	margin-left:.5in;
	text-align:justify;
	text-indent: 4em; 
	}
	
p.ifl { text-indent: 4em; }

span.footref {vertical-align:super; font-size: smaller; }
span.endref  {vertical-align:super; font-size: smaller; }

textarea[id="comment-text"] {
	width: 80%;
	}
</textarea>
</P>