body {
   font-family: arial, helvetica, sans-serif;
   font-size: 100%;
   color: black;
   padding: 2.2em;
   padding-left: 0.5em;
   margin: 1.1em;
  }

p {
   margin-left: 2.5em;
   line-height: 1.0em;
}

h1 {
   color: rgb(99,119,154);
   font-size: 2em;
   margin-top: 1em;
   margin-bottom: 0.5em;
   padding: 0.25em;
   font-style: bold;
   text-align: left;
   letter-spacing: 0.2em;

}

h2 {
   color: rgb(99,119,154);
      font-size: 1.5em;
   margin: 1.1em;
   padding: 0.1em;
   padding-left: 0.5em;
}

h3 {
   color: red;
   margin: 1.8em;
   padding: 0.1em;
   padding-left: 0.5em;
   font-size: 1.1em;
   font-weight: bold;
}

h4 {
   color: #000000;
   margin: 1.9em;
   padding-left: 0.5em;
   font-style: italic;
   font-size: 1em;
   font-weight: bold;
}
      #box0 {
         width: 2em;
         float: left;
         color: blue;
         text-align:center;
         font-size: 90%;
         padding-left: 2.1em;
         margin:3.5em;
}

      #box1 {
         width: 230px;
         float: left;
         color: blue;
         text-align:center;
         font-size: 90%;
         padding: 0.1em;
         margin: 0.5em;
      }

      #box1a {
         width: 12em;
         float: right;
         color: blue;
         text-align:center;
         font-size: 75%;
         padding: 1em;
         margin: 0.5em;
      }

      #box2 {
         width: 9em;
         float: right;
         color: #FFFFFF;
         font-weight: bold;
         background-color: #FF0000;
         text-align:center;
         text-decoration: none
         font-size: 120%;
         padding: 0.25em;
         margin: 1.05em;
      }
      #box3 {
/*box 3 big central*/
         width: 30em;
         float: center;
         background-color: #B9E6CF;
         text-align:center;
         font-size: 120%;
         padding: 1em;
         border:3px solid ;
         border-color:#003333 #678 #345 #003333;
         margin: 0.5em;
      }
      #box4 {
/*box 3 med central*/
         width: 100px;
         float: center;
         background-color: #FFFF80;
         color: #800000;
         text-align: center;
         font-size: 110%;
         font-weight: bold;
         padding: 1em;
         border:3px solid #fff;
         border-color:#008080 #678 #345 #003333;
      }

      #box5 {
/*box 5 for use in navigation*/
         width:9.5em;
         text-align:center;
         font-size: 1em;
         font-weight: bold;
         color:#fff;
      }

 #box6 {
         width: 18em;
         float: left;
         color: blue;
         text-align:center;
         font-size: 90%;
         padding: 0.1em;
         margin: 0.5em;
}

img {
   border-style: none;
   border-width: 0;
   border-color: #ccc;
}

a {
   text-decoration: none;
}


}
strong {
   font-weight: bold;
   font-style: italic;

   }

li {
   color: #000000;
   font-style: normal;
            padding: 0.75em;
   margin-left: 1.5em;

#li1 {
   color: #000000;
   font-weight: bold;
   margin-left: 0.1em;
}
#li2 {
   color: #000000;
   font-style: italic;
   margin-left: 0.5em;
}
#table {
   background-color: rgb(255, 255, 204);
   width: 80%; text-align: centre; border:2;
   margin-left: 400px;
   Pad-left: 400px;
}

#left {position:fixed; left:0; top:15px; height:100%; width:11.5em; background-color: rgb(142,156,203); background-position:0 100px;;text-align:center; font-size:90%; color:#fff; z-index:4;}


/* menu code */

#menu a {
  position:relative;
  text-decoration:none;
  font-size: 95%;
  font-weight: bold;
  text-align:center;
  background-color: rgb(99,119,154);
  color:#fff;
  display:block;
  width:9.5em;
  border:2px solid #fff;
  border-color:#def #678 #345 #cde;
  padding:0.25em;
  margin:0.3em auto;
  }

#menu a:visited {
  position:relative;
  text-decoration:none;
  font-size: 95%;
  font-weight: bold;
  text-align:center;
  background-color: rgb(137,184,204);
  color:#fff;
  display:block;
  width:9.5em;
  border:2px solid #fff;
  border-color:#003333 #678 #345 #cde;
  padding:0.25em;
  margin:0.3em auto;
  }

#menu a:hover {
  position:relative;
  background-color: rgb(185,230,207);
  color:#FF0000;
  border:3px solid #fff;
  border-color:#345 #cde #def #678;
  }
/* end of menu code */


/* menu2 code */
#menu2 a {
  position:relative;
  text-decoration:none;
  font-size: 90%;
  font-weight: bold;
  text-align:center;
  background-color: rgb(99,119,154);
  color:#fff;
  display:block;
  width:9.5em;
  border:2px solid #fff;
  border-color:#def #678 #345 #cde;
  padding:0em;
  margin:0em auto;
  }

#menu2 a:visited {
  position:relative;
  text-decoration:none;
  font-size: 90%;
  font-weight: bold;
  text-align:center;
  background-color: rgb(137,184,204);
  color:#fff;
  display:block;
  width:9.5em;
  border:2px solid #fff;
  border-color:#003333 #678 #345 #cde;
  padding:0em;
  margin:0em auto;
  }

#menu2 a:hover {
  position:relative;
  background-color: rgb(185,230,207);
  color:#FF0000;
  border:2px solid #fff;
  border-color:#345 #cde #def #678;
  }
/* end of menu2 code */

/* menu3 code */
#menu3 {position:fixed;
left:11em;

  text-decoration:none;
  font-size: 80%;
  font-weight: bold;
  text-align:center;
  margin:1.2em auto;
  }
#menu3 a {
  text-decoration:none;
  background-color: #FF8000;
  color:#fff;
  width:12.5em;
  border:2px solid #fff;
  border-color:#def #678 #345 #cde;
  padding:0.1em;

  }

#menu3 a:visited {
  text-decoration:none;
  background-color: rgb(137,184,204);
  color:#fff;
  width:12.5em;
  border:2px solid #fff;
  border-color:#003333 #678 #345 #cde;
  padding:0em;

  }

#menu3 a:hover {

  background-color: rgb(185,230,207);
  color:#FF0000;
  border:2px solid #fff;
  border-color:#345 #cde #def #678;
  }
/* end of menu3 code */
/* Normal, standard links. */


  a { color: blue; text-decoration: underline; }
  a:visited { color: purple; text-decoration: underline;}
  a:hover { color:#008000; text-decoration: none;}