
/* ======================================== */
/* PHP Science Labs Standard CSS Page v001  */
/* ======================================== */








/* ---------------------------- */
/* Default page BODY properties */


   BODY
{
   MARGIN:                 4px 4px 4px 4px; /* Adjust for optional logo */
   COLOR:                  black;
   BACKGROUND-ATTACHMENT:  scroll;
   FONT-FAMILY:            Tahoma, Arial, Verdana, Helvetica;
   FONT-SIZE:              12px;
   FONT-WEIGHT:            normal;
   WORD-SPACING:           normal;
   LETTER-SPACING:         normal;
   LINE-HEIGHT:            150%;
   PADDING:                2px;
}




/* ----------------------------- */
/* Default hyperlink properties. */


   A:LINK
{
   COLOR:             white;
   BORDER:            1px solid blue;
   BACKGROUND-COLOR:  blue;
   PADDING:           2px;
   LINE-HEIGHT:       150%;
   FONT-FAMILY:       Tahoma, Arial, Verdana, Helvetica;
   FONT-SIZE:         10px;
   FONT-WEIGHT:       bold;
   TEXT-DECORATION:   none;
}





/* ------------------------------------- */
/* Default visited hyperlink properties. */

   A:VISITED
{
   COLOR:             white;
   BORDER:            1px solid blue;
   BACKGROUND-COLOR:  #000000;
   PADDING:           2px;
   LINE-HEIGHT:       150%;
   FONT-FAMILY:       Tahoma, Arial, Verdana, Helvetica;
   FONT-SIZE:         10px;
   FONT-WEIGHT:       bold;
   TEXT-DECORATION:   none;
}





/* ----------------------------------- */
/* Default hyperlink hover properties. */

   A:HOVER
{
   COLOR:             black;
   BORDER:            1px solid black;
   BACKGROUND-COLOR:  yellow;
   PADDING:           2px;
   LINE-HEIGHT:       150%;
   FONT-FAMILY:       Tahoma, Arial, Verdana, Helvetica;
   FONT-SIZE:         10px;
   FONT-WEIGHT:       bold;
}





/* ------------------------------------ */
/* Default active hyperlink properties. */

   A:ACTIVE
{
   COLOR:             white;
   BORDER:            1px solid black;
   BACKGROUND-COLOR:  red;
   PADDING:           2px;
   LINE-HEIGHT:       150%;
   FONT-FAMILY:       Tahoma, Arial, Verdana, Helvetica;
   FONT-SIZE:         10px;
   FONT-WEIGHT:       bold;
}





/* ----------------------------- */
/* Default paragraph properties. */

   P
{
   FONT-FAMILY:     Tahoma, Arial, Verdana, Helvetica;
   FONT-SIZE:       12px;
   FONT-WEIGHT:     normal;
   WORD-SPACING:    normal;
   LETTER-SPACING:  normal;
   LINE-HEIGHT:     140%;
   BORDER-WIDTH:    1px 1px 1px 1px;
   PADDING:         2px;
}





/* ---------------------- */
/* Default H1 properties. */

   H1
{
   WORD-SPACING:  normal;
   LINE-HEIGHT:   120%;
   PADDING:       2px 2px 2px 2px;
   FONT-FAMILY:   Arial, Verdana, Tahoma, Helvetica;
   FONT-WEIGHT:   bold;
   FONT-SIZE:     32px;
   BORDER:        none;
   BORDER-COLOR:  black;
   BORDER-WIDTH:  2px 2px 2px 2px;
}





/* ---------------------- */
/* Default H2 properties. */

   H2
{
   WORD-SPACING:  normal;
   LINE-HEIGHT:   120%;
   PADDING:       2px 2px 2px 2px;
   FONT-FAMILY:   Arial, Verdana, Tahoma, Helvetica;
   FONT-WEIGHT:   bold;
   FONT-SIZE:     24px;
   BORDER:        none;
   BORDER-COLOR:  black;
   BORDER-WIDTH:  1px 1px 1px 1px;
}





/* ---------------------- */
/* Default H3 properties. */

   H3
{
   WORD-SPACING:  normal;
   LINE-HEIGHT:   120%;
   PADDING:       2px 2px 2px 2px;
   FONT-FAMILY:   Arial, Verdana, Tahoma, Helvetica;
   FONT-WEIGHT:   bold;
   FONT-SIZE:     16px;
   BORDER:        1px solid black;
}





/* -------------------------- */
/* Default PRE tag properties */

   PRE
{
   BORDER:            none;
   PADDING:           2px 2px 2px 2px;
   LINE-HEIGHT:       100%;
   WORD-SPACING:      normal;
   FONT-WEIGHT:       bold;
   FONT-FAMILY:       monospace, Courier;
   FONT-SIZE:         14px;
}




/* ------------------------------- */
/* Default TEXTAREA tag properties */

  TEXTAREA
{
  BORDER-COLOR:   black;
  BORDER-STYLE:   solid;
  BORDER-WIDTH:   1px;
  PADDING:        2px;
  FONT-FAMILY:    Courier, monospace;
  FONT-SIZE:      14px;
  FONT-WEIGHT:    bold;
}



/* --------------------------- */
/* Default CODE tag properties */

   CODE
{
   BORDER:            none;
   PADDING:           2px 2px 2px 2px;
   LINE-HEIGHT:       100%;
   WORD-SPACING:      normal;
   FONT-FAMILY:       monospace, Courier;
   FONT-WEIGHT:       bold;
   FONT-SIZE:         14px;
}





   DIV
{
   FONT-FAMILY:   Verdana, Tahoma, Arial, Helvetica;
   PADDING:  4px 4px 4px 4px;
}





/*  --------------------------- */
/*  Background color properties */

/* .ColorName     {BACKGROUND-COLOR: rgb(RRR,GGG,BBB)}    #RRGGBB */
/*  --------------------------- */
/*  Background color properties */

/* .ColorName     {BACKGROUND-COLOR: rgb(RRR,GGG,BBB)}    #RRGGBB */
   .BgWhite       {BACKGROUND-COLOR: rgb(255,255,255)} /* #FFFFFF */
   .BgVLtGray     {BACKGROUND-COLOR: rgb(246,246,246)} /* #F6F6F6 */
   .BgLtGray      {BACKGROUND-COLOR: rgb(196,196,196)} /* #C4C4C4 */
   .BgGray        {BACKGROUND-COLOR: rgb(136,136,136)} /* #888888 */
   .BgMdGray      {BACKGROUND-COLOR: rgb(096,096,096)} /* #606060 */
   .BgDkGray      {BACKGROUND-COLOR: rgb(056,056,056)} /* #383838 */
   .BgVDkGray     {BACKGROUND-COLOR: rgb(032,032,032)} /* #202020 */
   .BgBlack       {BACKGROUND-COLOR: rgb(000,000,000)} /* #000000 */

   .BgVLtRed      {BACKGROUND-COLOR: rgb(255,236,236)} /* #FFECEC */
   .BgLtRed       {BACKGROUND-COLOR: rgb(255,192,192)} /* #FFC0C0 */
   .BgRed         {BACKGROUND-COLOR: rgb(255,000,000)} /* #FF0000 */
   .BgMdRed       {BACKGROUND-COLOR: rgb(192,000,000)} /* #C00000 */
   .BgDkRed       {BACKGROUND-COLOR: rgb(128,000,000)} /* #800000 */
   .BgVDkRed      {BACKGROUND-COLOR: rgb(096,000,000)} /* #600000 */

   .BgVLtOrange   {BACKGROUND-COLOR: rgb(255,224,202)} /* #FFE0CA */
   .BgLtOrange    {BACKGROUND-COLOR: rgb(255,208,144)} /* #FFD090 */
   .BgOrange      {BACKGROUND-COLOR: rgb(255,132,000)} /* #FF8400 */
   .BgMdOrange    {BACKGROUND-COLOR: rgb(255,096,000)} /* #FF6000 */
   .BgDkOrange    {BACKGROUND-COLOR: rgb(228,048,000)} /* #E43000 */
   .BgVDkOrange   {BACKGROUND-COLOR: rgb(128,032,000)} /* #802000 */

   .BgVLtYellow   {BACKGROUND-COLOR: rgb(255,255,236)} /* #FFFFEC */
   .BgLtYellow    {BACKGROUND-COLOR: rgb(255,255,160)} /* #FFFFA0 */
   .BgYellow      {BACKGROUND-COLOR: rgb(255,255,000)} /* #FFFF00 */
   .BgMdYellow    {BACKGROUND-COLOR: rgb(192,192,000)} /* #C0C000 */
   .BgDkYellow    {BACKGROUND-COLOR: rgb(120,120,000)} /* #787800 */
   .BgVDkYellow   {BACKGROUND-COLOR: rgb(064,064,000)} /* #404000 */

   .BgVLtGreen    {BACKGROUND-COLOR: rgb(216,255,216)} /* #D8FFD8 */
   .BgLtGreen     {BACKGROUND-COLOR: rgb(164,255,164)} /* #A4FFA4 */
   .BgGreen       {BACKGROUND-COLOR: rgb(000,255,000)} /* #00FF00 */
   .BgMdGreen     {BACKGROUND-COLOR: rgb(000,148,000)} /* #009400 */
   .BgDkGreen     {BACKGROUND-COLOR: rgb(000,088,000)} /* #005800 */
   .BgVDkGreen    {BACKGROUND-COLOR: rgb(000,048,000)} /* #003000 */

   .BgVLtCyan     {BACKGROUND-COLOR: rgb(240,255,255)} /* #F0FFFF */
   .BgLtCyan      {BACKGROUND-COLOR: rgb(192,255,255)} /* #C0FFFF */
   .BgCyan        {BACKGROUND-COLOR: rgb(000,255,255)} /* #00FFFF */
   .BgMdCyan      {BACKGROUND-COLOR: rgb(000,224,224)} /* #00E0E0 */
   .BgDkCyan      {BACKGROUND-COLOR: rgb(000,144,144)} /* #009090 */
   .BgVDkCyan     {BACKGROUND-COLOR: rgb(000,096,096)} /* #006060 */

   .BgVLtBlue     {BACKGROUND-COLOR: rgb(216,216,255)} /* #D8D8FF */
   .BgLtBlue      {BACKGROUND-COLOR: rgb(144,144,255)} /* #9090FF */
   .BgBlue        {BACKGROUND-COLOR: rgb(000,000,255)} /* #0000FF */
   .BgMdBlue      {BACKGROUND-COLOR: rgb(000,000,180)} /* #0000B4 */
   .BgDkBlue      {BACKGROUND-COLOR: rgb(000,000,128)} /* #000080 */
   .BgVDkBlue     {BACKGROUND-COLOR: rgb(000,000,096)} /* #000060 */

   .BgVLtMagenta  {BACKGROUND-COLOR: rgb(255,208,255)} /* #FFD0FF */
   .BgLtMagenta   {BACKGROUND-COLOR: rgb(255,152,255)} /* #FF98FF */
   .BgMagenta     {BACKGROUND-COLOR: rgb(255,000,255)} /* #FF00FF */
   .BgMdMagenta   {BACKGROUND-COLOR: rgb(192,000,192)} /* #C000C0 */
   .BgDkMagenta   {BACKGROUND-COLOR: rgb(104,000,104)} /* #680068 */
   .BgVDkMagenta  {BACKGROUND-COLOR: rgb(064,000,064)} /* #400040 */




/*  -------------------------------- */
/*  Text/foreground color properties */

/* .ColourName    {COLOR: rgb(RRR,GGG,BBB)}    #RRGGBB */
   .TxWhite       {COLOR: rgb(255,255,255)} /* #FFFFFF */
   .TxVLtGray     {COLOR: rgb(246,246,246)} /* #F6F6F6 */
   .TxLtGray      {COLOR: rgb(196,196,196)} /* #C4C4C4 */
   .TxGray        {COLOR: rgb(136,136,136)} /* #888888 */
   .TxMdGray      {COLOR: rgb(096,096,096)} /* #606060 */
   .TxDkGray      {COLOR: rgb(056,056,056)} /* #383838 */
   .TxVDkGray     {COLOR: rgb(032,032,032)} /* #202020 */
   .TxBlack       {COLOR: rgb(000,000,000)} /* #000000 */

   .TxVLtRed      {COLOR: rgb(255,236,236)} /* #FFECEC */
   .TxLtRed       {COLOR: rgb(255,192,192)} /* #FFC0C0 */
   .TxRed         {COLOR: rgb(255,000,000)} /* #FF0000 */
   .TxMdRed       {COLOR: rgb(192,000,000)} /* #C00000 */
   .TxDkRed       {COLOR: rgb(128,000,000)} /* #800000 */
   .TxVDkRed      {COLOR: rgb(096,000,000)} /* #600000 */

   .TxVLtOrange   {COLOR: rgb(255,224,202)} /* #FFE0CA */
   .TxLtOrange    {COLOR: rgb(255,208,144)} /* #FFD090 */
   .TxOrange      {COLOR: rgb(255,132,000)} /* #FF8400 */
   .TxMdOrange    {COLOR: rgb(255,096,000)} /* #FF6000 */
   .TxDkOrange    {COLOR: rgb(228,048,000)} /* #E43000 */
   .TxVDkOrange   {COLOR: rgb(128,032,000)} /* #802000 */

   .TxVLtYellow   {COLOR: rgb(255,255,236)} /* #FFFFEC */
   .TxLtYellow    {COLOR: rgb(255,255,160)} /* #FFFFA0 */
   .TxYellow      {COLOR: rgb(255,255,000)} /* #FFFF00 */
   .TxMdYellow    {COLOR: rgb(192,192,000)} /* #C0C000 */
   .TxDkYellow    {COLOR: rgb(120,120,000)} /* #787800 */
   .TxVDkYellow   {COLOR: rgb(064,064,000)} /* #404000 */

   .TxVLtGreen    {COLOR: rgb(216,255,216)} /* #D8FFD8 */
   .TxLtGreen     {COLOR: rgb(164,255,164)} /* #A4FFA4 */
   .TxGreen       {COLOR: rgb(000,255,000)} /* #00FF00 */
   .TxMdGreen     {COLOR: rgb(000,148,000)} /* #009400 */
   .TxDkGreen     {COLOR: rgb(000,088,000)} /* #005800 */
   .TxVDkGreen    {COLOR: rgb(000,048,000)} /* #003000 */

   .TxVLtCyan     {COLOR: rgb(240,255,255)} /* #F0FFFF */
   .TxLtCyan      {COLOR: rgb(192,255,255)} /* #C0FFFF */
   .TxCyan        {COLOR: rgb(000,255,255)} /* #00FFFF */
   .TxMdCyan      {COLOR: rgb(000,224,224)} /* #00E0E0 */
   .TxDkCyan      {COLOR: rgb(000,144,144)} /* #009090 */
   .TxVDkCyan     {COLOR: rgb(000,096,096)} /* #006060 */

   .TxVLtBlue     {COLOR: rgb(216,216,255)} /* #D8D8FF */
   .TxLtBlue      {COLOR: rgb(144,144,255)} /* #9090FF */
   .TxBlue        {COLOR: rgb(000,000,255)} /* #0000FF */
   .TxMdBlue      {COLOR: rgb(000,000,180)} /* #0000B4 */
   .TxDkBlue      {COLOR: rgb(000,000,128)} /* #000080 */
   .TxVDkBlue     {COLOR: rgb(000,000,096)} /* #000060 */

   .TxVLtMagenta  {COLOR: rgb(255,208,255)} /* #FFD0FF */
   .TxLtMagenta   {COLOR: rgb(255,152,255)} /* #FF98FF */
   .TxMagenta     {COLOR: rgb(255,000,255)} /* #FF00FF */
   .TxMdMagenta   {COLOR: rgb(192,000,192)} /* #C000C0 */
   .TxDkMagenta   {COLOR: rgb(104,000,104)} /* #680068 */
   .TxVDkMagenta  {COLOR: rgb(064,000,064)} /* #400040 */










/* ------------------------------*/
/* Text size classes (in pixels) */

  .Tx8
{
   FONT-FAMILY:  Tahoma, Arial, Verdana, Helvetica;
   FONT-SIZE:    8px;
}

  .Tx9
{
   FONT-FAMILY:  Tahoma, Arial, Verdana, Helvetica;
   FONT-SIZE:    9px;
}

  .Tx10
{
   FONT-FAMILY:  Tahoma, Arial, Verdana, Helvetica;
   FONT-SIZE:    10px;
}

  .Tx11
{
   FONT-FAMILY:  Tahoma, Arial, Verdana, Helvetica;
   FONT-SIZE:    11px;
}

  .Tx12
{
   FONT-FAMILY:  Tahoma, Arial, Verdana, Helvetica;
   FONT-SIZE:    12px;
}

  .Tx13
{
   FONT-FAMILY:  Tahoma, Arial, Verdana, Helvetica;
   FONT-SIZE:    13px;
}

  .Tx14
{
   FONT-FAMILY:  Tahoma, Arial, Verdana, Helvetica;
   FONT-SIZE:    14px;
}

  .Tx15
{
   FONT-FAMILY:  Tahoma, Arial, Verdana, Helvetica;
   FONT-SIZE:    14px;
}

  .Tx16
{
   FONT-FAMILY:  Tahoma, Arial, Verdana, Helvetica;
   FONT-SIZE:    16px;
}

  .Tx18
{
   FONT-FAMILY:  Tahoma, Arial, Verdana, Helvetica;
   FONT-SIZE:    18px;
}

  .Tx20
{
   FONT-FAMILY:  Tahoma, Arial, Verdana, Helvetica;
   FONT-SIZE:    20px;
}

  .Tx22
{
   FONT-FAMILY:  Tahoma, Arial, Verdana, Helvetica;
   FONT-SIZE:    22px;
}

  .Tx24
{
   FONT-FAMILY:  Tahoma, Arial, Verdana, Helvetica;
   FONT-SIZE:    24px;
}

  .Tx26
{
   FONT-FAMILY:  Tahoma, Arial, Verdana, Helvetica;
   FONT-SIZE:    26px;
}

  .Tx28
{
   FONT-FAMILY:  Tahoma, Arial, Verdana, Helvetica;
   FONT-SIZE:    28px;
}

  .Tx30
{
   FONT-FAMILY:  Tahoma, Arial, Verdana, Helvetica;
   FONT-SIZE:    30px;
}

  .Tx32
{
   FONT-FAMILY:  Tahoma, Arial, Verdana, Helvetica;
   FONT-SIZE:    32px;
}

  .Tx34
{
   FONT-FAMILY:  Tahoma, Arial, Verdana, Helvetica;
   FONT-SIZE:    34px;
}

  .Tx36
{
   FONT-FAMILY:  Tahoma, Arial, Verdana, Helvetica;
   FONT-SIZE:    36px;
}

  .Tx40
{
   FONT-FAMILY:  Tahoma, Arial, Verdana, Helvetica;
   FONT-SIZE:    40px;
}

  .Tx44
{
   FONT-FAMILY:  Tahoma, Arial, Verdana, Helvetica;
   FONT-SIZE:    44px;
}

  .Tx48
{
   FONT-FAMILY:  Tahoma, Arial, Verdana, Helvetica;
   FONT-SIZE:    48px;
}





/* Fixed-width text style for text input boxes */

   .TxInp
{
BACKGROUND-COLOR: white;
FONT-FAMILY:      monospace;
FONT-SIZE:        14px;
FONT-WEIGHT:      bold;
TEXT-ALIGN:       left;
}







/* Fixed-width centered text style for text input boxes */

   .TxInpCtr
{
BACKGROUND-COLOR: white;
FONT-FAMILY:      monospace;
FONT-SIZE:        14px;
FONT-WEIGHT:      bold;
TEXT-ALIGN:       center;
}



