/* CRG Style Sheet 19-Aug-1999

CSS1 can't duplicate the following:

<hr size="4" noshade>
<hr width="60%" align="center" noshade>
<table width="84%" cellpadding="0%" cellspacing="0%">

*/

/*
font                  style variant weight size line-height family
font-style            normal|italic|oblique
font-variant          normal|small-caps
font-weight           normal|lighter|bold|bolder
                      400    100     700  900
font-size             medium|xx-small|x-small|small|large|x-large|xx-large
line-height  
font-family          *serif|sans-serif|monospace|cursive|fantasy

color                *aqua|black|blue|fuchsia|gray|green|lime|maroon|
                      navy|olive|purple|red|silver|teal|white|yellow

background            color, image, repeat, attachment, position
background-color      transparent|<color>
background-image      none|<url>
background-repeat     repeat|repeat-x|repeat-y|no-repeat
background-attachment scroll|fixed
background-position   0% 0% left|center|right top|center|bottom

word-spacing          normal
letter-spacing        normal
text-decoration       none|underline|overline|line-through|blink
vertical-align        baseline|sub|super|top|text-top|middle|
                      bottom|text-bottom|%
text-transform        none|capitalize|uppercase|lowercase
text-align            left|center|right|justify
text-indent           "|%
line-height           normal|"|#|%

margin                top, right, bottom, left
margin-top            "|%|auto
margin-right          "|%|auto
margin-bottom         "|%|auto
margin-left           "|%|auto

padding               top, right, bottom, left
padding-top           "|%
padding-right         "|%
padding-bottom        "|%
padding-left          "|%

border-width          top, right, bottom, left
border-top-width      medium|thin|thick|"
border-right-width    medium|thin|thick|"
border-bottom-width   medium|thin|thick|"
border-left-width     medium|thin|thick|"

border-style          none|dotted|dashed|solid|double|groove|ridge|inset|outset
border-color          <color>{1,4}

border                width||style||color
border-top            width||style||color
border-right          width||style||color
border-bottom         width||style||color
border-left           width||style||color

width                 auto|"|%
height                auto|"
float                 none|left|right
clear                 none|left|right|both

display               block|inline|list-item|none
white-space           normal|pre|nowrap

list-style-type       disc|circle|square
                      decimal|lower-roman|upper-roman|lower-alpha|upper-alpha|none
list-style-position   inside|outside
list-style-image      none|<url>
list-style            type, position, image
*/

BODY {
  margin-left:      8%;
  margin-right:     8%;
  margin-top:       4%;
  margin-bottom:    4%;
  font-style:       normal;
  font-variant:     normal;
  font-size:        medium;
  font-weight:      normal;
  line-height:      normal;
  font-family:      Helvetica, Arial, sans-serif;
  color:            black;
  background-color: white;
  background-image: url(/images/pages/backgrnd.jpg);
}

BODY.toc {
  margin-left:      0%;
  margin-right:     0%;
  margin-top:       0%;
  margin-bottom:    0%;
  font-size:        x-small;
  line-height:      normal;
  font-family:      Helvetica, Arial, sans-serif;
  color:            navy;
  background-color: white;
  background-image: url(/images/pages/paperbkgd.jpg);
}

BODY.main {
  margin-left:      2%;
  margin-right:     2%;
  margin-top:       0%;
  margin-bottom:    0%;
  font-size:        small;
  line-height:      normal;
  font-family:      Helvetica, Arial, sans-serif;
  color:            black;
  background-color: white;
  background-image: url(/images/pages/backgrnd.jpg);
}

TD.mono {
  text-align: center;
  font-family: monospace;
}
TD.monob {
  text-align: center;
  font-family: monospace;
  font-weight: bold;
}

TABLE.bottom {
  text-align: center;
  width:      auto;
  padding:    0%;
}

/*
H1, H2, H3, H4, H5, H6, P, UL, OL, DIR, MENU, DIV,
DT, DD, ADDRESS, BLOCKQUOTE, PRE, BR, HR { display: block; }

B, STRONG, I, EM, CITE, VAR, TT, CODE, KBD, SAMP,
IMG, SPAN { display: inline; }

LI { display: list-item; }

UL, OL { list-style: outside; }

B { font-weight: bold; }
STRONG { font-weight: bolder; }
I, CITE, EM { font-style: italic; }
VAR, ADDRESS, BLOCKQUOTE { font-style: normal; }
PRE, TT, CODE, KDB, SAMP { font-family: monospace; }

*/

H1, H2, H3, H4, H5, H6 {
  margin-left:   -4%;
  margin-right:  -0%;
  margin-bottom: -0%;
}
H1, H2, H3 { margin-top: 2%; }
H4, H5, H6 { margin-top: 1%; }

H1 { font-size: large;   font-weight: bold;   font-style: normal; }
H2 { font-size: large;   font-weight: normal; font-style: normal; }
H3 { font-size: medium;  font-weight: bold;   font-style: normal; }
H4 { font-size: medium;  font-weight: bold;   font-style: italic; }
H5 { font-size: medium;  font-weight: normal; font-style: italic; }
H6 { font-size: medium;  font-weight: normal; font-style: normal; }

H1.center {   margin-left: 0%;
              margin-top:  0em;
              text-align:  center; }

P.small      { font-size:  small; }
P.xsmall     { font-size:  x-small; }
P.xxsmall    { font-size:  xx-small; }
P.large      { font-size:  large; }
P.xlarge     { font-size:  x-large; }
P.xxlarge    { font-size:  xx-large; }

P.flushleft  { text-align: left; }
P.flushright { text-align: right; }
P.center     { text-align: center; }

B.small      { font-size:  small; }
B.xsmall     { font-size:  x-small; }
B.xxsmall    { font-size:  xx-small; }
B.large      { font-size:  large; }
B.xlarge     { font-size:  x-large; }
B.xxlarge    { font-size:  xx-large; }

EM.small     { font-size:  small; }
EM.xsmall    { font-size:  x-small; }
EM.xxsmall   { font-size:  xx-small; }
EM.large     { font-size:  large; }
EM.xlarge    { font-size:  x-large; }
EM.xxlarge   { font-size:  xx-large; }

OL.enumerate { list-style-type: decimal; }
OL.enumerate OL { list-style-type: lower-alpha; }
OL.enumerate OL OL { list-style-type: lower-roman; }
OL.enumerate OL OL OL { list-style-type: upper-alpha; }
OL.enumerate OL OL OL OL { list-style-type: upper-roman; }
OL.outline { list-style-type: upper-roman; }
OL.outline OL { list-style-type: upper-alpha; }
OL.outline OL OL { list-style-type: decimal; }
OL.outline OL OL OL { list-style-type: lower-alpha; }
OL.outline OL OL OL OL { list-style-type: lower-roman; }

UL.itemize { list-style-type: disc; }
UL.itemize UL { list-style-type: square; }
UL.itemize UL UL { list-style-type: circle; }
UL.itemize UL UL UL { list-style-type: none; }
UL.itemize UL UL UL UL { list-style-type: none; }

.plain {
  font-family:      Helvetica, Arial, sans-serif;
  font-size:        medium;
  font-weight:      normal;
  font-style:       normal;
  color:            black;
  background-color: transparent;
}

.italic {
  font-family:      Helvetica, Arial, sans-serif;
  font-size:        medium;
  font-weight:      normal;
  font-style:       italic;
  color:            black;
  background-color: transparent;
}

.bold {
  font-family:      Helvetica, Arial, sans-serif;
  font-size:        medium;
  font-weight:      bold;
  font-style:       normal;
  color:            black;
  background-color: transparent;
}

.mystyle {
position: absolute;
visibility: hidden;
}

DIV.color {
  font-family:      Helvetica, Arial, sans-serif;
  margin-left:      0%;
  margin-right:     0%;
  color:            black;
  background-color: silver;
  padding:          0.5em;
  border:           none;
}

DIV.flushleft  { text-align: left; }
DIV.flushright { text-align: right; }
DIV.center     { text-align: center; }

/* HR currently draws two lines with CSS; but
can't control upper original line with CSS */

HR.center {
  text-align:       center;
  width:               42%;
  border-style:      solid;
  border-top-width: medium;
  padding:               0;
  margin:                0;
  vertical-align:      top;
}

TT, CODE {
  font-family:      monospace;
  font-size:        medium;
  color:            black;
  background-color: transparent;
}

PRE {
  font-family:      monospace;
  font-weight:      bold;
  font-size:        medium;
  color:            black;
  background-color: transparent;
}

A.toc { text-decoration: none }

/*
The order of the following is important.
hover is a CSS2 dynamic pseudo-class
*/

A:link {
   color:  navy;
   background-color: transparent;
}

A:visited {
   color: maroon;
   background-color: transparent;
   text-decoration: underline;
}

A:hover {
   color: blue;
   background-color: transparent;
}

A:active {
   color:  yellow;
   background-color: transparent;
}
