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











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


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










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


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





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

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





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

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





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

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






  TEXTAREA
{
  BORDER-COLOR:    black;
  BORDER-STYLE:    solid;
  BORDER-WIDTH:    1px;
  PADDING:         2px;
}




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

   P
{
   FONT-FAMILY:     Verdana, Arial, Tahoma, 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:        thin solid;
   BORDER-COLOR:  black;
   BORDER-WIDTH:  1px 1px 1px 1px;
}





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

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




/* --------------------------- */
/* 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
{
   PADDING:  4px 4px 4px 4px;
}












/*  --------------------------- */
/*  BACKGROUND COLOR PROPERTIES */

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

   .BgWhite              {BACKGROUND-COLOR: rgb(255,255,255)}  /* #FFFFFF */
   .BgVVLtGray           {BACKGROUND-COLOR: rgb(246,246,246)}  /* #F6F6F6 */
   .BgVLtGray            {BACKGROUND-COLOR: rgb(232,232,232)}  /* #E0E0E0 */
   .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 */
   .BgVVDkGray           {BACKGROUND-COLOR: rgb(022,022,022)}  /* #161616 */
   .BgBlack              {BACKGROUND-COLOR: rgb(000,000,000)}  /* #000000 */

   .BgVVLtRed            {BACKGROUND-COLOR: rgb(255,236,236)}  /* #FFECEC */
   .BgVLtRed             {BACKGROUND-COLOR: rgb(255,220,220)}  /* #FFDCDC */
   .BgLtRed              {BACKGROUND-COLOR: rgb(255,168,168)}  /* #FFA8A8 */
   .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 */
   .BgVVDkRed            {BACKGROUND-COLOR: rgb(048,000,000)}  /* #300000 */

   .BgVVLtOrange         {BACKGROUND-COLOR: rgb(255,224,184)}  /* #FFE0B8 */
   .BgVLtOrange          {BACKGROUND-COLOR: rgb(255,180,100)}  /* #FFB464 */
   .BgLtOrange           {BACKGROUND-COLOR: rgb(255,160,000)}  /* #FFA000 */
   .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 */
   .BgVVDkOrange         {BACKGROUND-COLOR: rgb(064,016,000)}  /* #401000 */

   .BgVVLtYellow         {BACKGROUND-COLOR: rgb(255,255,236)}  /* #FFFFEC */
   .BgVLtYellow          {BACKGROUND-COLOR: rgb(255,255,218)}  /* #FFFFDA */
   .BgLtYellow           {BACKGROUND-COLOR: rgb(255,255,156)}  /* #FFFF9C */
   .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 */
   .BgVVDkYellow         {BACKGROUND-COLOR: rgb(032,032,000)}  /* #202000 */

   .BgVVLtGreen          {BACKGROUND-COLOR: rgb(216,255,224)}  /* #D8FFE0 */
   .BgVLtGreen           {BACKGROUND-COLOR: rgb(200,255,188)}  /* #C8FFBC */
   .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 */
   .BgVVDkGreen          {BACKGROUND-COLOR: rgb(000,024,000)}  /* #001800 */

   .BgVVLtCyan           {BACKGROUND-COLOR: rgb(240,255,255)}  /* #F0FFFF */
   .BgVLtCyan            {BACKGROUND-COLOR: rgb(216,255,255)}  /* #D8FFFF */
   .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 */
   .BgVVDkCyan           {BACKGROUND-COLOR: rgb(000,048,048)}  /* #003030 */

   .BgVVLtBlue           {BACKGROUND-COLOR: rgb(224,224,255)}  /* #E0E0FF */
   .BgVLtBlue            {BACKGROUND-COLOR: rgb(200,200,255)}  /* #C8C8FF */
   .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 */
   .BgVVDkBlue           {BACKGROUND-COLOR: rgb(000,000,048)}  /* #000030 */

   .BgVVLtMagenta        {BACKGROUND-COLOR: rgb(255,218,255)}  /* #FFDAFF */
   .BgVLtMagenta         {BACKGROUND-COLOR: rgb(255,200,255)}  /* #FFC8FF */
   .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 */
   .BgVVDkMagenta        {BACKGROUND-COLOR: rgb(032,000,032)}  /* #200020 */
   
   


/*  -------------------------------- */
/*  TEXT/FOREGROUND COLOR PROPERTIES */

/* .ColorName            {COLOR: rgb(RRR,GGG,BBB)}     #RRGGBB */

   .TxWhite              {COLOR: rgb(255,255,255)}  /* #FFFFFF */
   .TxVVLtGray           {COLOR: rgb(246,246,246)}  /* #F6F6F6 */
   .TxVLtGray            {COLOR: rgb(232,232,232)}  /* #E0E0E0 */
   .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 */
   .TxVVDkGray           {COLOR: rgb(022,022,022)}  /* #161616 */
   .TxBlack              {COLOR: rgb(000,000,000)}  /* #000000 */

   .TxVVLtRed            {COLOR: rgb(255,236,236)}  /* #FFECEC */
   .TxVLtRed             {COLOR: rgb(255,220,220)}  /* #FFDCDC */
   .TxLtRed              {COLOR: rgb(255,168,168)}  /* #FFA8A8 */
   .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 */
   .TxVVDkRed            {COLOR: rgb(048,000,000)}  /* #300000 */

   .TxVVLtOrange         {COLOR: rgb(255,224,184)}  /* #FFE0B8 */
   .TxVLtOrange          {COLOR: rgb(255,180,100)}  /* #FFB464 */
   .TxLtOrange           {COLOR: rgb(255,160,000)}  /* #FFA000 */
   .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 */
   .TxVVDkOrange         {COLOR: rgb(064,016,000)}  /* #401000 */

   .TxVVLtYellow         {COLOR: rgb(255,255,236)}  /* #FFFFEC */
   .TxVLtYellow          {COLOR: rgb(255,255,218)}  /* #FFFFDA */
   .TxLtYellow           {COLOR: rgb(255,255,156)}  /* #FFFF9C */
   .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 */
   .TxVVDkYellow         {COLOR: rgb(032,032,000)}  /* #202000 */

   .TxVVLtGreen          {COLOR: rgb(216,255,224)}  /* #D8FFE0 */
   .TxVLtGreen           {COLOR: rgb(200,255,188)}  /* #C8FFBC */
   .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 */
   .TxVVDkGreen          {COLOR: rgb(000,024,000)}  /* #001800 */

   .TxVVLtCyan           {COLOR: rgb(240,255,255)}  /* #F0FFFF */
   .TxVLtCyan            {COLOR: rgb(216,255,255)}  /* #D8FFFF */
   .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 */
   .TxVVDkCyan           {COLOR: rgb(000,048,048)}  /* #003030 */

   .TxVVLtBlue           {COLOR: rgb(224,224,255)}  /* #E0E0FF */
   .TxVLtBlue            {COLOR: rgb(200,200,255)}  /* #C8C8FF */
   .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 */
   .TxVVDkBlue           {COLOR: rgb(000,000,048)}  /* #000030 */

   .TxVVLtMagenta        {COLOR: rgb(255,218,255)}  /* #FFDAFF */
   .TxVLtMagenta         {COLOR: rgb(255,200,255)}  /* #FFC8FF */
   .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 */
   .TxVVDkMagenta        {COLOR: rgb(032,000,032)}  /* #200020 */

   
 

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

   .Tx8   {FONT-SIZE:    8px}
   .Tx9   {FONT-SIZE:    9px}
   .Tx10  {FONT-SIZE:   10px}
   .Tx11  {FONT-SIZE:   11px}
   .Tx12  {FONT-SIZE:   12px}
   .Tx13  {FONT-SIZE:   13px}
   .Tx14  {FONT-SIZE:   14px}
   .Tx15  {FONT-SIZE:   15px}
   .Tx16  {FONT-SIZE:   16px}
   .Tx17  {FONT-SIZE:   17px}
   .Tx18  {FONT-SIZE:   18px}
   .Tx19  {FONT-SIZE:   19px}
   .Tx20  {FONT-SIZE:   20px}
   .Tx21  {FONT-SIZE:   21px}
   .Tx22  {FONT-SIZE:   22px}
   .Tx23  {FONT-SIZE:   23px}
   .Tx24  {FONT-SIZE:   24px}
   .Tx25  {FONT-SIZE:   25px}
   .Tx26  {FONT-SIZE:   26px}
   .Tx27  {FONT-SIZE:   27px}
   .Tx28  {FONT-SIZE:   28px}
   .Tx29  {FONT-SIZE:   29px}
   .Tx30  {FONT-SIZE:   30px}
   .Tx31  {FONT-SIZE:   31px}
   .Tx32  {FONT-SIZE:   32px}
   .Tx33  {FONT-SIZE:   33px}
   .Tx34  {FONT-SIZE:   34px}
   .Tx35  {FONT-SIZE:   35px}
   .Tx36  {FONT-SIZE:   36px}
   .Tx37  {FONT-SIZE:   37px}
   .Tx38  {FONT-SIZE:   38px}
   .Tx39  {FONT-SIZE:   39px}
   .Tx40  {FONT-SIZE:   40px}
   .Tx41  {FONT-SIZE:   41px}
   .Tx42  {FONT-SIZE:   42px}
   .Tx43  {FONT-SIZE:   43px}
   .Tx44  {FONT-SIZE:   44px}
   .Tx45  {FONT-SIZE:   45px}
   .Tx46  {FONT-SIZE:   46px}
   .Tx47  {FONT-SIZE:   47px}
   .Tx48  {FONT-SIZE:   48px}






/* Fixed-width text style for I/O boxes */


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






/* Fixed-width centered text style for I/O boxes */

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