#top {

   min-width: 600px;
   background-color: #D5D9FF;
   margin-left: 8em ;

}

#top h1 {
   color: blue;
   font-size: 1.5em;

}

#top p {
   color: red;
   font-weight: bold;}



body {
   font-family: arial, helvetica, sans-serif;
   font-size: 90%;
   color: black;
   background-color: #D5D9FF;
   padding: 0em;
   }

      #box1 {
         width: 7em;
         float: left;
         color: white;
         background: #060;
         padding: 1em;
         margin: 15em;
      }

      #box2 {
         width: 20em;
         float: right;
         color: white;
         background: #BFC6FF;
         padding: 1em;
         margin: 0;
      }

/* By the way, this is a comment */

p {
   line-height: 1.5em;
}

h1 {
   color: #7125FE;
   background-color: #D5D9FF;
   font-size: 2em;
   margin: 0;
   margin-bottom: 0.5em;
   padding: 0.25em;
   font-style: italic;
   text-align: left;
   letter-spacing: 0.2em;


}

h2 {
   color: #7125FE;
   background-color: #D5D9FF;
   font-size: 1.5em;
   margin: 0;
   padding: 0.1em;
   padding-left: 1em;
}

h3 {
   color: red;
   font-size: 1em;
}

img {
   border-style: none;
   border-width: 0;
   border-color: #ccc;
}


strong {
   font-style: italic;
   text-transform: uppercase;
}

li {
   color: #900;
   font-style: italic;
}

#table {
   background-color: #BFC6FF; width: 100%; text-align: left; border:0; padding:0;
 
}

#content {
   position: relative;
   margin: 0 15em 0 14em;
   top: 0em;

   }

#navigation {
   position: absolute;
   text-align:center;
   top: 1em;
   left: 2em;
   width: 9.5em;
}

#navigation2 {
   position: absolute;
   text-align: center;
   top: 10em;
   right: 2em;
   width: 10em;}

/* menu code */

#menu a {
  position:relative;
  text-decoration:none;
  font-size: 75%;
  font-weight: bold;
  text-align:center;
  background-color:#596AFF;
  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: 75%;
  font-weight: bold;
  text-align:center;
  background-color:#7125FE;
  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 {
  top:3px;
  left:3px;
  color:#FF0000;
  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;}


