/* Style Sheet for MSU Chemistry */
/* ----------------------------- */
/* Version: 13 May 2003          */
/* (same for: argus and poohbah) */

/* Background color and font for BODY */
  BODY         { margin: 0px;
                 font-family: Arial, Helvetica, Verdana, sans-serif;
                 background-color: white;
                 background-image: none;
                 color: black; }
  BODY.LECTURE { background-image: url(images_bkgr/rock2.jpg);
                 background-color: transparent;
                 color: black; }

/* Font and margins for Paragraph */
  P            { font-family: Arial, Helvetica, Verdana, sans-serif;
                 margin-left: 2%;
                 margin-right: 2%; }
  P.l          { font-family: Arial, Helvetica, Verdana, sans-serif;
                 font-size: larger;
                 margin-left: 2%;
                 margin-right: 2%; }
  P.ss10px     { font-size: 10px;
                 font-family: Arial, Helvetica, Verdana, sans-serif;
                 line-height: 12.5px; }

/* Font, right margin, left indent levels, centering for DIV */
  DIV          { font-family: Arial, Helvetica, Verdana, sans-serif;
                 margin-right: 2%; }
  DIV.center   { text-align: center; }
  DIV.l        { font-size: larger; }
  DIV.level1   { margin-left:  5%; }
  DIV.level2   { margin-left: 10%; }
  DIV.level3   { margin-left: 15%; }
  DIV.level4   { margin-left: 20%; }
  DIV.level5   { margin-left: 25%; }
  
/* Margins and font boldness for PRE */
  PRE          { margin-left: 1%;
                 margin-right: 1%;
                 font-weight:600; }

/* Positions for DIV */
  #BOTTOM      { position: absolute;
                 left: 10px;
                 top: 710px;
                 z-index: 3;
                 width: 733px;
                 height: 35px;
                 background-image: url(../images_bkgr/bkg_for_cem_web.gif);
                 background-color: transparent;
                 color: black; }
  #COURSEPAGE  { position:absolute;
                 left: 10px;
                 top:  10px;
                 z-index:2; }
  #FOOTER      { position: absolute;
                 left: 10px;
                 top: 745px;
                 z-index: 4;
                 width: 732px;
                 height: 45px;
                 background-color: white;
                 background-image: none;
                 color: black;
                 font-style: normal;
                 font-size: 12px;
                 font-family: Arial, Helvetica, Verdana, sans-serif;
                 line-height:15px; }
  #FOOTER2     { width: 732px;
                 height: 45px;
                 z-index: 4;
                 background-color: white;
                 background-image: none;
                 color: black;
                 font-style: normal;
                 font-size: 12px;
                 font-family: Arial, Helvetica, Verdana, sans-serif;
                 line-height:15px; }
  #HEADER      { position: absolute;
                 left: 10px;
                 top:  10px;
                 z-index:0; }
  #HEADER1     { position: absolute;
                 left: 0px;
                 top:  0px;
                 width: 339px;
                 height: 97px;
                 z-index:0; }
  #HEADER1a    { position: absolute;
                 left: 20px;
                 top:  0px;
                 width: 450px;
                 height: 100px;
                 z-index:1; }
  #HEADER1b    { position: absolute;
                 left: 140px;
                 top:  -31px;
                 width: 450px;
                 height: 100px;
                 z-index:1; }
  #HEADER1c    { position: absolute;
                 left: 273px;    /* centered it should be 210px */
                 top:  -25px;
                 width: 450px;
                 height: 103px;
                 z-index:1; }
  #HEADER1cc   { position: absolute;
                 left: 230px;
                 top:  0px;
                 width: 503px;
                 height: 75px;
                 z-index:1;
                 background-image: url(../images_bkgr/bkg_for_cem_web.gif);
                 background-color: transparent; }
  #HEADER2     { position: absolute;
                 left: 339px;
                 top:  0px;
                 width: 246px;
                 height: 97px;
                 z-index:0; }
  #HEADER2a   { position: absolute;
                 left: 0px;
                 top:  6px;
                 width: 197px;
                 height: 45px;
                 z-index:2; }
  #HEADER2b   { position: absolute;
                 left: 14px;
                 top:  17px;
                 width: 197px;
                 height: 45px;
                 z-index:2; }
  #HEADER2bb  { position: absolute;
                 left: 0px;
                 top:  0px;
                 width: 230px;
                 height: 75px;
                 z-index:2;
                 background-image: url(../images_bkgr/bkg_for_cem_web.gif);
                 background-color: transparent; }
  #HEADER3     { position: absolute;
                 left: 586px;
                 top:  0px;
                 width: 147px;
                 height: 97px;
                 z-index:0; }
  #HEADER3a   { position: absolute;
                 left: 451px;
                 top:  0px;
                 width: 290px;
                 height: 100px;
                 z-index:0; }
  #HEADER3b   { position: absolute;
                 left: 0px;
                 top: 70px;
                 width: 733px;
                 height: 100px;
                 z-index:0; }
  #HEADER3c   { position: absolute;
                 left: 0px;
                 top: 70px;
                 width: 733px;
                 height: 100px;
                 z-index:0; }
  #HEADER3d   { position: absolute;
                 left: 0px;
                 top: 85px;
                 width: 733px;
                 height: 36px;
                 z-index:0;
                 color: black;
		 background-color: #007A5F; }
  #LINKS       { position: absolute;
                 left: 451px;
                 top: 105px;
                 z-index: 0;
                 width: 292px;
                 height: 605px;
                 background-image: url(../images_bkgr/bkg_for_cem_web.gif);
                 color: black;
                 font-weight: 700;
                 font-size: 18px;
                 font-family: Arial, Helvetica, Verdana, sans-serif;
                 line-height: 20px;
                 background-color: transparent;
                 color: #007A5F; }
  #LINKSa      { position: absolute;
                 left: 451px;
                 top: 108px;
                 z-index: 0;
                 width: 292px;
                 height: 605px;
                 background-image: url(../images_bkgr/bkg_for_cem_web.gif);
                 color: black;
                 font-weight: 700;
                 font-size: 18px;
                 font-family: Arial, Helvetica, Verdana, sans-serif;
                 line-height: 20px;
                 background-color: transparent;
                 color: #007A5F; }
  #MAINBODY    { position:absolute;
                 left: 10px;
                 top: 105px;
                 z-index:2; }
  #MAINBODYa   { position:absolute;
                 left: 10px;
                 top: 108px;
                 z-index:2; }
  #MAINBODYb   { position:absolute;
                 left: 10px;
                 top: 145px;
                 z-index:2; }
  #MAINBODYc   { position:absolute;
                 left: 10px;
                 top: 137px;
                 z-index:2; }
  #MAINBODYd   { position:absolute;
                 left: 10px;
                 top: 131px;
                 z-index:2; }
  #MAINBODYe   { position:absolute;
                 left: 10px;
                 top: 128px;
                 z-index:2; }
  #MAINBODYf   { position: absolute;
                 left: 10px;
                 top: 85px;
                 z-index:0; }
  #RANDPIC     { position: absolute;
                 left: 10px;
                 top: 105px;
                 z-index: 0;
                 width: 441px;
                 height: 605px;
                 background-image: url(../images_bkgr/bkg_for_cem_web.gif);
                 background-color: transparent;
                 color: black;
                 border-width: 0px;
                 border-style: none;
                 border-color: #000000; }

/* Font color, sizes in links */
  A.APPLYNOW   { color: #007A5F;
                 background-color: transparent;
                 background-image: none;
                 font-weight: 700;
                 font-size: 16px;
                 font-family: Arial, Helvetica, Verdana, sans-serif;
                 line-height:19px; }
  A.GREEN      { color: #007A5F;
                 background-color: transparent;
                 background-image: none;
                 font-weight: 700;
                 font-size: 16px;
                 font-family: Arial, Helvetica, Verdana, sans-serif;
                 line-height:19px; }
  A.LTGREEN    { color: #00BCAF;
                 background-color: transparent;
                 background-image: none;
                 font-weight: 700;
                 font-size: 16px;
                 font-family: Arial, Helvetica, Verdana, sans-serif;
                 line-height:19px; }
  A.RED        { color: #FF0000;
                 background-color: transparent;
                 background-image: none;
                 font-weight: 700;
                 font-size: 16px;
                 font-family: Arial, Helvetica, Verdana, sans-serif;
                 line-height:19px; }
  A.ss12px     { font-style: normal;
                 font-size: 12px;
                 font-family: Arial, Helvetica, Verdana, sans-serif;
                 line-height: 15px; }
  A.WHITE      { color: #FFFFFF;
                 background-color: transparent;
                 background-image: none;
                 font-family: Arial, Helvetica, Verdana, sans-serif; }

/* Font sizes and faces */
  .comply      { font-style: normal;
                 font-size: 8px;
                 font-family: Arial, Helvetica, Verdana, sans-serif;
                 line-height: 10px; }
  .ss8px       { font-style: normal;
                 font-size: 8px;
                 font-family: Arial, Helvetica, Verdana, sans-serif;
                 line-height: 10px; }
  .ss10px      { font-style: normal;
                 font-size: 10px;
                 font-family: Arial, Helvetica, Verdana, sans-serif;
                 line-height: 12.5px; }
  .ss12px      { font-style: normal;
                 font-size: 12px;
                 font-family: Arial, Helvetica, Verdana, sans-serif;
                 line-height: 15px; }
  .ss14px      { font-style: normal;
                 font-size: 14px;
                 font-family: Arial, Helvetica, Verdana, sans-serif;
                 line-height: 17.5px; }
  .ss16px      { font-style: normal;
                 font-size: 16px;
                 font-family: Arial, Helvetica, Verdana, sans-serif;
                 line-height: 20px; }
  .ss18px      { font-style: normal;
                 font-size: 18px;
                 font-family: Arial, Helvetica, Verdana, sans-serif;
                 line-height: 22.5px; }
  .ss20px      { font-style: normal;
                 font-size: 20px;
                 font-family: Arial, Helvetica, Verdana, sans-serif;
                 line-height: 25px; }
  .ms12px      { font-style: normal;
                 font-size: 12px;
                 font-family: "Courier New", Courier, "Lucida Console", Vt100, monospace;
                 line-height: 15px; }
  .ms12pxb     { font-style: normal;
                 font-size: 12px;
                 font-family: "Courier New", Courier, "Lucida Console", Vt100, monospace;
                 line-height: 15px;
                 font-weight:700; }
  .ms14pxb     { font-style: normal;
                 font-size: 14px;
                 font-family: "Courier New", Courier, "Lucida Console", Vt100, monospace;
                 line-height: 17.5px;
                 font-weight:700; }

/* Font colors */
  .dkgreen     { color: #006400;
                 background-image: none;
                 background-color: transparent; }
  .green       { color: #008000;
                 background-image: none;
                 background-color: transparent; }
  .MSUgreen    { color: #007A5F;
                 background-image: none;
                 background-color: transparent; }
  .red         { color: #FF0000;
                 background-image: none;
                 background-color: transparent; }
  .white       { color: #FFFFFF;
                 background-image: none;
                 background-color: transparent; }

/* Font in table captions */
  .tableCaptions { font-family: Arial, Helvetica, Verdana, sans-serif; 
                 text-align: center;
                 font-size: x-large; 
                 font-weight: 700; }

/* Font in table headers */
  TH           { font-family: Arial, Helvetica, Verdana, sans-serif; }

/* Font, align left in table cells */
  .ssl       { font-family: Arial, Helvetica, Verdana, sans-serif;
                 text-align: left; }
  .ssll      { font-family: Arial, Helvetica, Verdana, sans-serif;
                 text-align: left;
                 font-size: larger; }
  .ssls      { font-family: Arial, Helvetica, Verdana, sans-serif;
                 text-align: left;
                 font-size: smaller; }
  .sl        { font-family: serif;
                 text-align: left; }
  .sll       { font-family: serif;
                 text-align: left;
                 font-size: larger; }

/* Font, align center in table cells */
  .ssc       { font-family: Arial, Helvetica, Verdana, sans-serif;
                 text-align: center; }
  .sscl      { font-family: Arial, Helvetica, Verdana, sans-serif;
                 text-align: center;
                 font-size: larger; }
  .sscs      { font-family: Arial, Helvetica, Verdana, sans-serif;
                 text-align: center;
                 font-size: smaller; }
  .sc        { font-family: serif;
                 text-align: center; }
  .scl       { font-family: serif;
                 text-align: center;
                 font-size: larger; }

/* Font, align right in table cells */
  .ssr       { font-family: Arial, Helvetica, Verdana, sans-serif;
                 text-align: right; }
  .ssrl      { font-family: Arial, Helvetica, Verdana, sans-serif;
                 text-align: right;
                 font-size: larger; }
  .ssrs      { font-family: Arial, Helvetica, Verdana, sans-serif;
                 text-align: right;
                 font-size: smaller; }
  .ssrb      { font-family: Arial, Helvetica, Verdana, sans-serif;
                 text-align: right;
                 font-weight: 700; }
  .sr        { font-family: serif;
                 text-align: right; }
  .srl       { font-family: serif;
                 text-align: right;
                 font-size: larger; }

/* Font for headers */
  H1           { font-family: Arial, Helvetica, Verdana, sans-serif;
                 text-align: center;
                 margin-left: 2%;
                 margin-right: 2%; }
  H1.Times     { font-family: Times, serif; }
  H1.green     { color: green;
                 background-image: none;
                 background-color: transparent; }
  H1.red       { color: red;
                 background-image: none;
                 background-color: transparent; }
  H2           { font-family: Arial, Helvetica, Verdana, sans-serif;
                 text-align: center;
                 margin-left: 2%;
                 margin-right: 2%; }
  H2.Times     { font-family: Times, serif; }
  H3           { font-family: Arial, Helvetica, Verdana, sans-serif;
                 margin-left: 2%; }
  H3.center    { text-align: center; }
  H3.Times     { font-family: Times, serif; }

/* Font for list items */
  LI           { font-family: Arial, Helvetica, Verdana, sans-serif; }

/* Margins for forms */
  FORM         { margin-left: 2%;
                 margin-right: 2%; }