#top {
   background-color: rgb(142,156,203);
   text-align:center;
   padding: 1em;

}

#head {
   background-color: rgb(142,156,203);
   text-align:center;
   padding: 1em;

}
#top h1 {
   color: #ff0;
}

#top p {
   color: red;
   font-weight: bold;}


body {
   font-family: arial, helvetica, sans-serif;
   font-size: 100%;
   color: black;
   background-color: rgb(255, 255, 204);
   margin: 0;
   padding: 0;}





p {
   line-height: 1.0em;
}

h1 {
   color: rgb(99,119,154);
   background-color: rgb(255, 255, 204);
   font-size: 2em;
   margin-top: 1em;
   margin-bottom: 0.5em;
   padding: 0.25em;
   font-style: italic;
   text-align: left;
   letter-spacing: 0.2em;
   border-bottom-style: solid;
   border-bottom-width: 0.1em;
   border-bottom-color: rgb(99,119,154);
}

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

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

h4 {
   color: #000000;
   margin: 1.1em;
   font-style: italic;
   font-size: 1em;
   font-weight: bold;
}

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

      #box2 {
         width: 9em;
         float: right;
         color: blue;
         text-align:center;
         font-size: 120%;
         background-color: #F8CD6B;
         border:2px solid #fff;
         
         padding: 0.25em;
         margin: 1.05em;
      }
      #box3 {
/*box 3 big central*/
         width: 33em;
         float: center;
         background-color: #B9E6CF;
         text-align:left;
         font-size: 150%;
         padding: 1em;
         border:3px solid ;
         border-color:#003333 #678 #345 #003333;
         margin: 0.5em;
      }
      #box4 {
/*box 3 med central*/
         width: 30em;
         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;
         margin: 0.5em;
      }
/*Round Corner box 1*/
.bl {background: url(CSSimages/bl.gif) 0 100% no-repeat #F8CD6B; width: 30em}
.br {background: url(CSSimages/br.gif) 100% 100% no-repeat}
.tl {background: url(CSSimages/tl.gif) 0 0 no-repeat}
.tr {background: url(CSSimages/tr.gif) 100% 0 no-repeat; padding:10px}
.clear {font-size: 1px; height: 1px}

      #box5 {
/*box 5 for use in navigation*/
         text-align:center;
         font-size: 1.5em;
         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;

   }

#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: 100%; text-align: left; border:0;

}
#navigation {
   background-color: rgb(142,156,203);
   position: absolute;
   text-align:center;
   top: 95px;
   margin left: 0;
  

   width: 11em;
}
#content {
   margin-left: 11em;
   position: relative;
   }


/* menu code */

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

#menu a:visited {
  position:relative;
  text-decoration:none;
  font-size: 85%;
  font-weight: bold;
  text-align:center;
  background-color: rgb(137,184,204);
  color:#fff;
  display:block;
  width:9.5em;
  border:3px solid #fff;
  border-color:#003333 #678 #345 #cde;
  padding:0.25em;
  margin:0.5em 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 */
/* Normal, standard links. */
  a { color: blue; text-decoration: underline; }
  a:visited { color: purple; text-decoration: underline;}
  a:hover { color:#008000; text-decoration: none;}