/*
Note, this website is designed to work with
standards compliant browsers.
A list of those is below.
  Internet Explorer 5.0 +
  Mozilla 1.0 +
  Netscape Navigator 6.0 +
  Opera 5.0 +
  Possibly others.

Browsers that are known to have issues with
regards to css implementaion.
  Netscape Navigator < 6.0
  Possibly others.
*/


/*
The body of the document.
The padding hack below is neccessary for Opera.  It defaults to 8px of
padding in all directions if you don't specify a value for padding.
*/
body
{
  background-color:#FFFFFF;
  color:#000000;
  font-size:10pt;
  font-family:Arial;
  margin-top:0px;
  margin-left:5px;
  margin-right:0px;
  margin-bottom:0px;
  padding-top:0px;
  padding-right:0px;
  padding-bottom:0px;
  padding-left:0px;
}


/*
Keeps the screen from being too wide.
I'm designing this, so that it fits on a
maimized 800 x 600 browser window.
*/
div.screen
{
  width:750px;
}


/*
The header table.
*/
table.header
{
  width:750px;
}


/*
All cells in the header table (except the links cell).
*/
td.header
{
  background-color:#000060;
  font-family:Arial;
  font-size:14pt;
  color:#FFFFFF;
  height:80px;
  padding-left:5px;
}


/*
The "Winston's World" text in the header include file.
*/
div.headertitle
{
  font-size:18pt;
  color:#FFFFFF;
  margin-top:10px;
}


/*
The row of links at the bottom of the header frame.
*/
td.links
{
  background-color:#CCCCCC;
  font-size:10pt;
  font-family:Arial;
  padding-top:0px;
  padding-left:5px;
  padding-bottom:0px;
  height:40px;
}


/*
Links in the row of links at the bottom of the header frame.
*/
td.links a:link, td.links a:visited
{
  color:#000000;
  text-decoration:underline;
}

td.links a:hover, td.links a:active
{
  text-decoration:underline;
}


/*
The | between the header links.
*/
span.pipe
{
  color:#000000;
}


/*
This is the main cell.  The stuff on each page, that is different
goes in this div, which is inside a td.
*/
div.main
{
  margin-top:10px;
  margin-left:0px;
  margin-right:0px;
  margin-bottom:20px;
}


/*
Links.
Most other links are classed differently, but
this is for all links that don't have some other
style class applied to them.
*/
a:link, a:visited
{
  color:#0000FF;
  text-decoration:underline;
}

a:hover, a:active
{
  text-decoration:underline;
}


/*
The title of each page.
Not the page title (<title>), but the text right below
the navigation links.
*/
div.title
{
  color:#000000;
  text-align:center;
  font-size:18pt;
  font-family:Arial;
  font-weight:bold;
}


/*
Subtitles.
*/
div.subtitle
{
  text-align:center;
  font-size:12pt;
  font-weight:bold;
}


/*
This is the hr at the top of the data cell of each page.
I set both color and background color as a hack for IE / Mozilla.
Mozilla needs bacgkround color, while IE works on just color.
*/
hr
{
  width:100%;
  color:#FFFF33;
  background-color:#999933;
  border:0px solid;
  height:3px;
}


div.index
{
  font-size:14pt;
  color:#000000;
}


/*
Used for centering a div.
Especially useful when centering a table.
*/
div.center
{
  text-align:center;
}


/*
Hack to center a table in Mozilla.
*/
table.center
{
  margin-left:auto;
  margin-right:auto;
  text-align:center;
}


/*
Used to set a picture to not have a border.
*/
img.noborder
{
  border:0px solid;
}


/*
This is a hack for any tags I'm not explicitly setting.
This way we insure that we set the font size, color, and family properly.
Yeah, there are other tags in xhtml 1.1, but I doubt I'll use them.  If
I do, I need to come back here, and add them to the list of tags for
this css class.
*/

address, div, li, pre, span, td, th
{
  font-family:Arial;
  color:#000000;
  font-size:10pt;
}


/*
Another hack just like the one above.  Only this time, we're not
setting the font size, because the purpose of h1 - h6 is to set
the font size.
*/
h1, h2, h3, h4, h5, h6
{
  font-family:Arial;
  color:#000000;
}