/* This CSS block loads the colorset information */
/* It assumes four variables (custom properties) for colors:
   --color0 is primarily the body background color
   --color1 is primarily the body foreground color
   --color2 is the unvisited link color
   --color3 is the visited link color
   The colorset is not actually defined here, as it is assumed to be brought in separately */

/* The definition here for the colors is the "Classic Light" colorset
:root {
  --color0: #CCC;
  --color1: #000;
  --color2: #00F;
  --color3: #006;
}
*/

/* What follows here is the specific color usage declarations */

body,option {background-color: var(--color0); color: var(--color1);}
h1,div.banner,.invert {color: var(--color0); background-color: var(--color1);}
.spoiler {color: var(--color0); background-color: var(--color0);}

a:link {color: var(--color2);}
a:visited {color: var(--color3);}

/* Non-color information follows */

body                {font-family: Tahoma,Arial,sans-serif;}
h1,h2               {font-variant: small-caps;}
h1,h2,h3,h4         {text-align: center;}
h1.special          {font-size: 298.6%;}
h1                  {font-size: 207.4%;}
h2                  {font-size: 172.8%;}
h3                  {font-size: 144.0%;}
div.caution         {font-size: 100.0%; border-style: solid none; text-align: center;}
h4                  {font-size: 120.0%;}
h5                  {font-size: 100.0%;}
h6                  {font-size: 83.3%;}
h1,h2,h3,h4,h5,h6
div.caution         {font-weight: bolder; font-style: normal;}

.subhead            {font-size: 83.3%;}

.champion           {font-size: 144.0%; font-weight: bolder; font-style: normal; border-style: solid none; text-align: center; display: inline;}

code,pre            {font-family: Fixedsys,'Lucida Console',monospace;}

p                   {text-indent: 2.8em; margin: 0.5em 0;}

img                 {border-style: none;}

.blink              {text-decoration: blink;}

hr                  {margin: 0.25em;}

a                   {text-decoration-line: underline; text-decoration-style: dashed; text-decoration-thickness: 5%;}

div.banner          {font-size: 430.0%;}
div.banner, div.banner12
                    {text-align: center; padding: 0.1em;}

div.banner h1       {font-size: 48.2%;}

div.banner h1, h1.banner, div.banner12
                    {font-variant: normal; font-family: Stencil,fantasy; }

div.banner h1, h1.special, h1.banner, div.banner12
                    {color: black; background-color: inherit;}

/* activated links do not appear different from normal (new/visited) links    */
a:active            {color: inherit;}

/* options should color-match; option cascades in separately                  */
select              {background-color: inherit; color: inherit;}

/* address info in the footer should display normally                         */
address             {display: inline; font: inherit;}

/* footer and header should be de-emphasized */
div.header          {font-size: 83.3%; font-weight: lighter; font-style: normal; margin-bottom: 0.5em; text-align: center;}
div.youarehere      {text-align: left; margin-top: 0.5em;}
div.footer          {font-size: 69.4%; font-weight: lighter; font-style: italic; margin-top: 0.5em;}

/* These are designed as Lab-specific, but the blank-table is a useful contruct anyway.*/
table.colors        {border: 0px none; width: 100%; bottom: 0px; background: #FFF; color: #000;}
tr.block            {height: 2em;}
table.colors td     {padding: 2px; text-align: center;}

.userid             {font-family: monospace;}

ol li               {list-style-type: decimal;}
ol li.tie           {list-style-type: none;}

ul.schoollist       {list-style-type: none;}

.schoolnest         {border-width: 1ex; border-style: solid; border-color: var(--color0);}
.schoolinfopad      {border-width: thick; border-style: none; padding: 0 0.5em;}

.schoolname:hover   {text-decoration: underline;}