body {
 font-family: arial, veranda, tahoma, sans-serif;
 background-color: #6699FF;
 color:black;
 margin-left: 2%;
 margin-right: 2%;
 margin-top: 2%;
      }

 pre { font-family: "arial", "sans-serif"; }



 em {
 font-style: italic;
        }
 strong {
 text-transform: uppercase;
 font-weight: bold;
      }


 h3  {
 color: #202070;
  background-color: transparent;
 text-decoration: none;
 font-size: 150%;
 margin-left: -0%;
 margin-top: 1em; margin-bottom: 1.1em;
 text-transform: capitalize;
 line-height: 1.3em;
 text-align: left;
            }
 h4 {
 color: #000099;
  background-color: transparent;
 text-decoration: none;
 font-size: 120%;
 line-height: 1.3em;
 text-align: left;
            }

 a.navbar, a.navbar:visited  {color: #FFFFFF; text-decoration: none; background-color: transparent;}
 a.navbar:hover              {color: red; text-decoration: none; background-color: transparent; }
 a:active                    {color: #000000; text-decoration: none; background-color: transparent;}
 a:hover                     {color: red; text-decoration: none; background-color: transparent;  }

 p {
 text-decoration: none;
 text-transform: none;
 line-height: 1.2em;
 text-indent: 0em;
 text-align: justify;
            }
 li {
 text-decoration: none;
 text-transform: none;
 line-height: 1.2em;
 text-align: justify
            }


 .layout {
 width: 100%;
 padding: 0.3em;
 text-align: "center";
 background-color: #FFFF6A;
 color: inherit;
 border-color: #202070;
 border-style: ridge;
 border-width: 0.5em;
 border-spacing: 0.5em;
 /* border: inset 0.8em; */
 border-bottom-color:#202070;
 border-top-color:#202070;
 border-left-color:#202070;
 border-right-color:#202070;
               }
 .spacer {
 width: 3%;
        }
 .navigation {
 width:100%;
 background-color:#202070;
 color: white;
 text-decoration: none;
 font-weight: bold;
 text-transform: none;
 line-height: 1.3em;
 text-indent: 0em;
 text-align: center;
 padding: 0.1em;
       }
 .boxtitle {
 color: white;
 background-color: transparent;
 text-decoration: none;
 font-weight: bold;
 line-height: 1.2em;
 text-indent: 0em;
 text-align: center;
 font-size: x-large;
 padding: .2em;
 margin-top: 1.8em;
       }
 .boxbottom {
 color: white;
 background-color: transparent;
 text-decoration: none;
 font-weight: bold;
 text-transform: none;
 line-height: 1.3em;
 text-indent: 0em;
 text-align: center;
 padding: .3em;
       }

 .basic {
 text-decoration: none;
 text-transform: none;
 line-height: 1.2em;
 text-indent: 0em;
 text-align: justify;
 border: none;
 width: auto;
            }
 .note  {
 color: black;
 background-color: transparent;
 text-decoration: none;
 font-weight: bold;
 text-transform: none;
 text-indent: 0em;
               }
 .bullet {
  text-indent: -0.2em;
  margin-left: .5em;
  text-align: left;
               }
.bullet2 {
  text-indent: -0.2em;
  margin-left: 1em;
  text-align: left;
  line-height: 1.3em;
                }
  .images {
  text-align: center;
        }
.red { color: red;
  background-color: transparent;
  }
.gray{ color:gray;
  background-color: transparent;
  }

.mnu {
  color: black;
  background-color:#D3D3D3;
  text-transform: capitalize;
  font-size: 80%;
             }
.btn {
  color: black;
  background-color:transparent;
  text-transform: capitalize;
  font-size: 80%;
             }
.wdo {
  color: white;
  background-color:#202070;
  font-weight: bold;
  text-transform: capitalize;
  font-size: 80%;
             }
.inp {
  color: black;
  background-color:#FFFFCC;
  text-transform: capitalize;
  font-size: 80%;
             }
.dsp {
  color: black;
  background-color:#FFFFCC;
  font-weight: bold;
  text-transform: capitalize;
  font-size: 80%;
             }