BODY      { 
  background: ivory; 
  color: black; 
  font-family: Arial, sans-serif;
  background-position: top left;
  background-attachment: fixed;
  background-repeat: no-repeat;
}

BODY.clsMenu {
  font-family: Arial, sans-serif;
}

H1        { 
  color: blue; 
  border-bottom: thin solid blue ;
  font-family: Tahoma, Verdana, "Myriad Web", Syntax, sans-serif;
  font-weight: normal;
}

H1.clsMenu  { 
  color: blue; 
  font-family: Tahoma, Verdana, "Myriad Web", Syntax, sans-serif;
  font-weight: normal;
}

H2        { 
  font-family: Tahoma, Verdana, "Myriad Web", Syntax, sans-serif;
  font-weight: normal;
  color: #0050B2; 
}

H2.clsNews  { 
  font-family: Tahoma, Verdana, "Myriad Web", Syntax, sans-serif;
  font-weight: normal;
  color: ivory; 
  background: #77AA99;
}

H3        { 
/*  margin-left: 0.5em;*/
  font-family: Tahoma, Verdana, "Myriad Web", Syntax, sans-serif;
  font-weight: normal;
  color: #0030B2; 
}

H3.clsNews  { 
  font-family: Tahoma, Verdana, "Myriad Web", Syntax, sans-serif;
  font-weight: normal;
  color: ivory; 
  background: teal;
}

H3.clsRequiredField {
  color: red;
}

H4, H5, H6 { 
  margin-left: 1em;
  font-family: Tahoma, Verdana, "Myriad Web", Syntax, sans-serif;
  font-weight: normal;
  color: #0050B2; 
}

TABLE     { background: #FFCC66; color: black; width: 100%; font-family: Arial, sans-serif; }
TH        { text-align: right; padding: 2; background: #FFFFCC; color: #000000; font: 10pt "Arial"; font-weight: bold }
TD        { background: #FFFFCC; color: #000000; font: 10pt "Arial"; padding: 2; }
TD B      { font-weight: bold }
TD.clsSpace { background: ivory }

TABLE.clsInvisible { background: ivory; }
TABLE.clsInvisible TD { background: ivory; color: black; }
TABLE.clsInvisible TH { background: #FFEECC; color: black; text-align: right; }

TABLE.clsFormInvisible { background: #FFFFCC; width: 0%; }
TABLE.clsFormInvisible TD { background: ; color: black; }
TABLE.clsFormInvisible TH { background: #FFEECC; color: black; text-align: right; }

A         { text-decoration: none; color: navy }
A:Link    { color: blue; text-decoration: underline; }
A:Visited { color: blue }
A:Active  { color: #FF9900; text-decoration: underline; }
A:Hover   { color: #FF9900; text-decoration: underline; }
A.clsAnswer { text-decoration: none }
OL        { margin-left: 10mm }
OL LI     { list-style-type: number }
UL        { margin-left: 10mm; }

UL LI     { 
  list-style-type: square; 
/*  color: #EE9944; */
  list-style-image: url(pics/bullet2.gif) 
}

UL LI.clsDoc     {}
UL LI.clsFolder  {}
UL LI.clsOpenFolder {}
UL LI.clsURL     {}

DT        { font-weight: bold }

P         { text-align: left; font-family: Arial, sans-serif; }
FORM      { Border: 2pt solid #FFCC66; background: #FFFFCC; padding: 3 }
.clsCopyright { font-size: 8pt; text-align: center; border-top: 1pt solid blue; margin-left: 0em }
.clsImportant { font-size: normal }
.clsImportantCode { margin-left: 1em; margin-right: 2em; border: 2pt solid #AA6666; padding: 2 }
.clsCode      { font-family: Courier; font-size: 10pt }
.clsNavBar    { border-top: 1pt solid red; }
.clsWhat      { color: maroon; }
.clsInfo      {}
.clsImportant {}
.clsWarning   {}
.clsNote      {}
.clsPubRef    { font-size: smaller; margin-left: 1em; margin-right: 1em }
.clsPubProc   { font-style: italic }
.clsSuper     { vertical-align: super }
.clsFormCaption { background: blue; text-align: center; color: yellow; font-weight: bold}
.clsFormButtons { text-align: center; border-top: 1pt solid blue; }
.clsGoodPoint { margin-left: 1em; font-weight: bold; color: maroon }
.clsMenu1 { background: #FFEBA8; }
.clsMenu2 { background: #FFEE99; }
.clsDivider { color: #FFEBA8; width: 50%; }

IMG.clsLIcon  { float: left }
PRE, TT {
  font-family: monospace 
}

DIV.clsTableFix {
  margin-left: 5mm;
}

/* If you put Hover after Visited, all links will be alike, otherwise you get
// only underline if its already visited

// 99CCFF Hover: #FF9900, A #336699
*/