/*
// ------+---------+---------+---------+---------+---------+---------+---------+
// File: fox_main.css
//
// Notes:
//   Colors used in this document:
//
//     Black        = "#000000"
//     DarkGreen    = "#006633"
//     LightGreen   = "#336600"
//     SantaFeBlue  = "#6699FF"
//     Brick        = "#993300"
//     Rust         = "#CC6600"
//     OffWhite     = "#EFEFEF"
//     Gold         = "#FFCC00"
//     Lemon        = "#FFFF99"
//     Eggshell     = "#FFFFEF"
//     White        = "#FFFFFF"
// ------+---------+---------+---------+---------+---------+---------+---------+
*/

/*
// Set default styles for main container (body).
*/
body {
  margin-top: 10px; margin-bottom: 10px;
  margin-left: 5px; margin-right: 5px;
  background-color: #6699FF;      /* santa fe blue */
  color: black;
  text-align: center;             /* center web page horizontally on screen */
  font-family: Arial, Helvetica, sans-serif;
  font-size: 10pt;
  font-weight: normal;
}

/*
// Set default sytles for headings.
*/
h1, h2, h3, h4, h5, h6 {
  margin-bottom: 0;
  padding-bottom: 0;
  color: #CC6600;                 /* rust */
  background-color: white;
  font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
  font-weight: bold;
}

/*
// Set specific styles for headings.
*/
h1 {
  margin-top: none;
  margin-bottom: .5em;
  text-align: center;
  font-size: 24pt;
}

h2 {
  line-height: 120%;
  text-align: left;
  font-size: 18pt;
}

h3 {
  margin-left: .5cm;
  line-height: 120%;
  text-align: left;
  font-size: 14pt;
}

h4 {
  margin-left: .5cm;
  line-height: 120%;
  text-align: left;
  font-size: 12pt;
  font-style: italic;
}

/*
// Set default sytles for paragraphs.
*/
p {
  margin-top: 0;
  margin-bottom: 1em;
  margin-left: .5cm;
  padding-top: 0;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 10pt;
  font-weight: normal;
}

/*
// Set default sytles for list items.
*/
li {
  margin-left: .5cm;
}

/*
// Set default styles for page-layout and other tables.
*/
th, td {
  background-color: white;
  text-align: left;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 10pt;
  font-weight: normal;
}

/*
// Set specific styles for table headings.
*/
th { font-size 10pt; font-weight: bold; }

/*
// Set default styles for horizontal rules.
*/
hr { color: #CC6600; }            /* rust */

/*
// ------+---------+---------+---------+---------+---------+---------+---------+
// Bounding box around entire content
// ------+---------+---------+---------+---------+---------+---------+---------+
*/

td.boundary {
  background-color: #FFFF99;      /* lemon */
}

/*
// ------+---------+---------+---------+---------+---------+---------+---------+
// Banners at top of page
// ------+---------+---------+---------+---------+---------+---------+---------+
*/

/*
// Set cell style: logo.
*/
td.logo {
  background-color: black;
  text-align: left;
}

/*
// Set cell style: place "picture frame" around photo.
*/
img.picture-frame {
  border-width: thick;
  border-style: ridge;            /* picture frame look */
  border-color: #FFCC00;          /* gold */
}

/*
// Set cell style: catchphrase.
*/
td.catchphrase {
  background-color: black;
  color: white;
  text-align: center;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 12pt;
  font-weight: bold;
}

/*
// Set cell style: motto.
*/
td.motto {
  color: #FFCC00;                 /* gold */
  background-color: #993300;      /* brick */
  text-align: center;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 10pt;
  font-weight: bold;
}

/*
// Set cell style: list of breadcrumbs.
*/
td.breadcrumb {
  color: black;
  background-color: #FFCC00;      /* gold */
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 10pt;
  font-weight: normal;
  text-align: left;
  text-decoration: none;
}

/*
// Set specific styles for breadcrumb anchors.
*/
a.crumb {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 10pt;
  font-weight: normal;
  text-decoration: underline;
}
a.crumb:link    { color: black; }
a.crumb:visited { color: black; }
a.crumb:hover   { color: white; } /* only works with IE 5+ */

/*
// ------+---------+---------+---------+---------+---------+---------+---------+
// Body text - column 1 (main article)
// ------+---------+---------+---------+---------+---------+---------+---------+
*/

/*
// Set specific styles for column 1 of body text.
*/
td.body-text-col-1 {
  width: 475px;
  text-align: left;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 10pt;
  font-weight: normal;
  border-style: solid; border-width: 0;
}

/*
// Handle paragraphs within a <dt><dd> block (e.g., in Burrows when describing
// the bottom-up hierarchy of Documents).
*/
dt { margin-top: 1em; }
dd { margin-left: 2em; }
dd p { margin-top: 0; text-indent: 1.25em; }

p.pdent { margin-left: 2em; }

/*
// Handle paragraphs within numbered lists (e.g., Notes).
*/
li p { margin-top: 0; text-indent: 1.25em; }

/*
// Switch to serif when trying to distinguish between Arial's letters. For
// example, uppercase I followed by lowercase L looks like two Ls.
*/
.proper-noun {
  font-family: Verdana, "Times New Roman", "Courier New", serif;
  font-size: 10pt;
  font-weight: bold;
}

/*
// ------+---------+---------+---------+---------+---------+---------+---------+
// Body text - column 2 (navigation bar)
// ------+---------+---------+---------+---------+---------+---------+---------+
*/

/*
// Set specific styles for column 2 of body text.
*/
td.body-text-col-2 {
  width: 120px;
  margin-left: 10px;
  margin-right: 5px;
  text-align: center;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 10pt;
  font-weight: normal;
  border-style: solid; border-width: 0;
}

br.clear { clear: left; }

/*
// Set specific styles for column 2 navigation links.
*/
td.col-2-navhead {
  color: black;                   /* black */
  background-color: #FFFF99;      /* lemon */
  text-align: center;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 10pt;
  font-weight: bold;
  border-style: solid; border-width: 0;
}

td.col-2-navlinks {
  color: black;                   /* black */
  background-color: #FFCC00;      /* gold */
  text-align: left;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 8pt;
  font-weight: normal;
  border-style: solid; border-width: 0;
}

td.col-2-me {
  color: black;                   /* black */
  background-color: #FFCC00;      /* gold */
  text-align: left;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 10pt;
  font-weight: normal;
  text-decoration: none;
}

/*
// Navigation bar anchor (A element) pseudo classes.
*/
a.navlink {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 8pt;
  font-weight: normal;
  text-decoration: underline;
}
a.navlink:link    { color: black; }
a.navlink:visited { color: black; }
a.navlink:hover   { color: white; }  /* only works with IE 5+ */

/*
// ------+---------+---------+---------+---------+---------+---------+---------+
// Footer
// ------+---------+---------+---------+---------+---------+---------+---------+
*/

/*
// Set cell styles.
*/
td.blank_line {
  color: black;
  background-color: black;
  border-style: none; border-width: 0;
}

td.brick-rule {
  color: #993300;                 /* brick */
  background-color: #993300;      /* brick */
  border-style: none; border-width: 0;
}

td.copyright {
  color: #FFCC00;                 /* gold */
  background-color: black;
  text-align: center;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 8pt;
  font-weight: normal;
  border-style: none; border-width: 0;
}

/*
// ------+---------+---------+---------+---------+---------+---------+---------+
// Anchors - general
// ------+---------+---------+---------+---------+---------+---------+---------+
*/

/*
// Anchor (A element) pseudo classes.
*/
a:link { /* normal hyperlink */
  color: #006633;                 /* dark green */
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 10pt;
  font-weight: normal;
  text-decoration: underline;
}
a:visited { /* visited - part of history */
  color: #006633;                 /* dark green */
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 10pt;
  font-weight: normal;
  text-decoration: underline;
}
a:active { /* temporarily only when mouse down */
  color: #006633;                 /* dark green */
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 10pt;
  font-weight: normal;
  text-decoration: underline;
}
a:hover { /* only works with IE5+ */
  color: #6699FF;                 /* sante fe blue */
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 10pt;
  font-weight: normal;
  text-decoration: underline;
}

/*
// ------+---------+---------+---------+---------+---------+---------+---------+
// Smart quotes
//
// NOT IMPLEMENTED !
// ------+---------+---------+---------+---------+---------+---------+---------+
*/

/*
// Set quote marks (<q> ... </q>):
//   double high-6   open double quote
//   double high-9   close double quote
//   single high-6   open single quote
//   single high-9   close single quote (apostrophe)
*/
q:lang(en) { quotes: "\201C" "\201D" "\2018" "\2019" }
q:before { content: open-quote }
q:after  { content: close-quote }