/* File:      tpql.css
   Author:    Howard Gibson
   Date:      2010 March 20
   Project:   Toronto Pub Quiz League League
   Language:  Cascading Style Sheet as per W3C.

This is designed to allow conformance to the strict HTML 4.1 DTD.
*/

body { 
  background:	#fff8e0;
  color:	#00008f;
  font-family:	"sans serif", Arial, Helvetica;
}

/* We need an image anchor because browsers insist on showing the `visit' 
status of a link flagged by an image.  I don't want a colour border around 
my images.  The colour must match the background colour specified in BODY. */
a img {
  color:	#fff8e0; /* This is required for Netscape */
  border:	#fff8e0; /* This is required for Microsoft Internet Explorer */
}

/*
  The CSS validator at http://jigsaw.w3.org/css-validator/ does not approve 
  of the properties text, link, alink and vlink I defined under BODY, although 
  Netscape does.  What follows is the method required by the W3C CSS 
  Standard.
*/
a:link    {color:  #4040ff;}
a:visited {color:  #2020ff;}
a:active  {color:  #808080;}
a:hover   {color:  red;}

h1 { 
  text-align:	center;
}

h2.subheading {
  text-align:	center;
} 
h2 {
  clear:	left;
}

p.highlight {
  font-weight:   bold;
  font-style:    italic;
}

table.navigation {
  clear:	both;
  width:	100%;
  border:	solid;
  border-color: black;
  border-width:	1px;
}
table.navigation td {
  text-align:	center;
}

p.graphics {
  text-align:    center;
}

/* I need this for the answers for the sample trivia round.  This is all 
part of a definition list <dl> */
dd.answer {
  color:	#fff8e0;
}

/* I want the footer and the Horizontal Rule to clear any floating objects 
that may be embedded in the page at that point. */
hr {
  clear:	both;
}

p.label {
  text-indent:  0em;
}

img.right { 
  float:	right;
}

img.left { 
  float:	left;
}

img.embed {
  vertical-align:	text-top;
}

table schedule {
  clear:	both;
  width:	100%;
}

table.schedule th {
  background:		#e0e0ff;
  vertical-align:       bottom;
  text-align:		center;
}

table.schedule tr.highlight {
}

table.schedule td {
  vertical-align:       top;
  text-align:		center;
}

table.schedule tr.highlight td {
  background:		#e0e0ff;
  vertical-align:       top;
  text-align:		center;
}

table.teams {
  width:		100%;
}

table.teams th {
  vertical-align:	bottom;
}

table.teams td {
  vertical-align:	top;
  text-align:		left;
}

table.footer {
  clear:		both;
  margin-right:		auto;
  margin-left:		auto;
  margin-top:		1em;
  border-style:		solid;
  border-color:		black;
  border-width:		1px;
  border-top:		1;
  border-right:		1;
  border-left:		1;
  border-bottom:	1;
  background:		white;
}
table.footer tr {
}
table.footer td {
  text-align:		center;
  vertical-align:	top;
  padding-right:	1em;
  padding-left:		1em;
}