/*
   Version: 1.0 
   Date: 2004/09/01
   Author: David Millican
*/

/***********************************************************
From an Internet article "Table centering with CSS"

Now we are beginning to see how we might combine methods to allow many different popular browsers to center tables. An example style sheet might look like this:


  .center { 
     text-align: center}

  .center table {
    margin-left: auto;
    margin-right: auto;
    text-align: left}

The first style is applied to the <div> that contains the <table>; this will allow MSIE5 and NS4 to center the table. The next style applies to a <table> that is contained within that <div>; the margin settings will allow centering in CSS-compliant browsers and the text alignment will reset the default alignment for table cells to “left” for browsers in which the text alignment of the <div> is inherited.

An example of a <table> styled this was is as follows:


<div class="center">
  <table cellspacing="2" cellpadding="2" width="200" border="2">
    <tbody>
      <tr>
        <td width="60">foobar</td>
        <td width="140">Some dummy text here.</td>
      </tr>
    </tbody>
  </table>
</div> 


This table was centered by all the browsers tested, and the cell contents also maintained their default left-alignment.

***********************************************************/


a {
  text-decoration: underline;
  font-weight: bold}

a:link {
  color: teal;
  background-color: white}

a:visited {
  color: teal;
  background-color: #CCCCCC}

a:active {
  color: teal;
  background-color: black}

a:hover {
  color: teal;
  background-color: #DDDDDD}

table.page-border-top a.image {
  background-color: white}

body {
  padding:      1pc;
  border-width: 10pt;
  border-color: rgb(0,51,153);
  border-style: solid;
  background: white;
  scrollbar-face-color: rgb(0,51,153);
  scrollbar-arrow-color: rgb(0,130,233);
  scrollbar-track-color: white;
  scrollbar-shadow-color: white;
  scrollbar-3dlight-color: white;
  scrollbar-highlight-color: white;
  scrollbar-darkshadow-color: white}


/********************************************************* SEE COMMENT AT TOP OF FILE */
.center {
  text-align: center;
  margin-top:    0;
  margin-bottom: 0}

.center table {
  margin-left: auto;
  margin-right: auto;
  text-align: left}

/* END OF TABLE-CENTERING RULES ******************************************************/


table.codeblock td,
code {
  font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
  font-size: 100%;
  color: black;
  background: #F2FFFF url('none');
  }

table.codeblock {
  border: black solid 3px; 
  border-collapse: separate;
  color: black;
  background: #F2FFFF;
  margin-top:    12px;
  margin-bottom: 12px}

/***********************  HEADING TAGS  *******************/
h1, h2, h3, h4, h5 {
  background:#FFFFBF;
  color: red}

h1,
h2,
h3,
p.table-head-row {
  font-family: "Trebuchet MS", Arial, Helvetica, Sans-Serif;
  font-weight: bold}

h1 {
  margin-top: 0;
  margin-bottom: .7em;
  font-size: large;
  color: rgb(201, 54, 0)}

h3,
h3.body {
  margin-top:    1.0em;
  margin-bottom: 0.5em;
  font-size: large;
  color: rgb(0,51,153)}

h3.awkward-table {
  color: red;
  font: bold;
  background: transparent;
  font-size: xx-large;
  margin-top:    0;
  margin-bottom: 0;
  text-align: center}

h4,
h4.body {
  margin-top:    1.00em;
  margin-bottom: 0.25em;
  font-size: medium}

/********************************************
Does not work in IE 6; H3 headings must be manually numbered or not numbered at  all.

h3.body {
  list_style: inside decimal;
  counter-increment: 1}

h1 {
  counter-reset: section}

h3.body:before {
  content: counter(section) ". ";
  counter-reset: chapter;
  counter-increment: section}
*****************************************/

/* IE6 would not display even static CONTENT:
h3:before {
  content: "test text before. "}

h1:after,
h2:after,
h3:after {
  content: "text text after"}
*/

/********************************************
PARAGRAPH RULES */

p,
li {
  text-align: left;
  font-family: Georgia, "Times New Roman", Times, serif;
  color: black}

hr.page-bottom {
  margin-top: 10pt;
  margin-bottom: -6pt}

/**************************************************
Could not get this to work in IE6:

ol.chapters {
  counter-reset: item}

li.chapters:before {
  content: "Chapter " counter(item);
  counter-increment: item;
  display: block}
***************************************************/

table.page-border-top td p.header-line1 {
  font-family: Times, "Times New Roman", Serif;
  font-size: 22pt;
  font-weight: bolder;
  color: rgb(0,51,153)}

/********************************************
TABLE RULES */

th.section-heading-links {
  font: medium blue bold center;
  font-size: medium}

table.entry-page {
  text-align: center;
  width: 100%;
  background: white;
  border-collapse: collapse;
  border: 0px none; }

table.entry-page td {
  font-family: "Trebuchet MS", Arial, Helvetica, Sans-Serif;
  text-align: center;
  padding: 6px}

table.entry-page td.entry-page-text-expand {
  letter-spacing: +0.2em}
 

/* center tables by default */
table {
  margin-left: auto;
  margin-right: auto}


/* running headers and footers on Style Guide pages **********************************/

table.page-border-bottom {
  text-align: center;
  width: 100%;
  background: white;
  color: teal;
  margin: 2pc 0px 0px 0px;
  border-spacing: 0;
  border: solid 7pt black}

table.page-border-top {
  border-collapse: collapse;
  text-align: center;
  width: 100%;
  background: white;
  color: rgb(0,51,153);
  margin: 1px 1px 2pc 1px;
  border: solid black 7pt}

/* neither padding nor margin settings have any effect! */
table.page-border-top td.separator {
  background: black;
  margin: 12px 0px 12pc 0px}

table.page-border-bottom td {
  width: 100%;}

table.page-border-bottom td,
table.page-border-top td,
table.page-border-bottom td p,
table.page-border-top td p {
  text-align: center;
  font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
  font-size: large;
  color: rgb(0,51,153);
  background: white;
  padding: 6px}

/* end of running headers and footers on Style Guide pages *****************************/

table.content {
  margin-top: 1pc;
  border: #008080 solid;
  border-width: 6pt;
  border-collapse: collapse;
  color: blue;
  background: #EBFFFF;
  padding: 5px}

table.content th {
  font: 18pt bold center;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  color: white;
  background: black;
  border: 3px solid white;
  padding: 5px}

table.content td {
  color: black;
  border: black solid;
  border-width: 3px 1px 3px 1px;
  padding: 5px}

table.content td.sanserif {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-weight: normal;
  text-align: center}

table.problem {
  text-align: left;
  background: #FFFFBF;
  color: red;
  font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; 
  margin: 6px;
  border: yellow ridge;
  border-width: 6pt;
  border-collapse: collapse}


/******************************************************************** for TOC tables */
/* this table contains the section headings listed at the top of each chapter */

table.subsection-list-inner-table,
table.subsection-list-inner-table td {
  margin:0 auto; border:0px none; padding:0; }

table.subsection-list-outer-table {
  font-size: medium;
  color: black;
  font-weight: normal;
  background: #FFFFDF;
  border: rgb(45,113,255) ridge 10pt; /* appears as teal */
  text-align: left;
  margin: 1em}

table.subsection-list-outer-table td {
  margin: 0;
  border: 0px none;
  padding: 0.5em}

table.subsection-list-outer-table th {
  margin: 0;
  border: 0px none;
  padding-top: 1em}

/* replaced td.toc-row1 */
table.subsection-list-outer-table,
th.section-heading-links,
table.subsection-list-outer-table td {
  font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
  font-size: 100%;
  color: black;
  background: #DFDFDF;
  padding: 4px}

table.subsection-list-outer-table, th.section-heading-links {
  text-align: center;
  font-weight: bold;}

table.subsection-list-outer-table td {
  text-align: left;
  font-weight: normal}