/* L3_style_main.css - a L3 Systems style sheet */

@media screen and (max-width:629px)
   {
   body
      {
      margin:0;
      padding:0;
      color: black; background: rgb(253, 248, 238);
      font-family: times, serif;
      }

blockquote
      {
      display: block;
      margin-top: 1em;
      margin-bottom: 1em;
      margin-left: 5px;
      margin-right:5px;
      }

caption
      {
      margin: 5px;
      text-align: center;
      font-style: italic;
      font-size: 10px;
      float: left;
      }

 #myDiv 
      {
      height:auto;
      width:auto;
      }
 #myDiv img
      {
      max-width:90%; 
      max-height:90%;
      margin:auto;
      display:block;
      }

   html
      {
      margin:0;
      padding:0;
      color: black; background: rgb(253, 248, 238);
      font-family: times, serif;
      }

   form, br, p, ul, ol, dl, li, dt, dd
      {
      padding: 0;
      margin-top: 0.3em;
      margin-bottom: 0.3em;
      border: 0;
      }

   h1 {
       font-size: 200%;
       font-family: Helvetica, sans-serif;
       margin-top: 0.3em;
       margin-bottom: 0.3em;
      }
   h2 {
       font-size: 105%;
       font-family: Helvetica, sans-serif;
       margin-top: .3em;
       margin-bottom: .3em;
       color: rgb(16, 160, 160); background: transparent;
      }
   h3 {
       font-size: 100%;
       font-family: Helvetica, sans-serif;
       margin-top: .2em;
       margin-bottom: .5em;
      }

   h2.nav
      {
       font-size: 100%;
       font-family: Helvetica, sans-serif;
       margin-top: .7em;
       margin-bottom: .7em;
       color: rgb(16, 160, 160); background: transparent;
      }

   h3.nav
      {
       font-size: 75%;
       font-family: Helvetica, sans-serif;
       margin-top: .2em;
       margin-bottom: .5em;
       color: rgb(16, 160, 160); background: transparent;
      }

   hr.nav
      {
      color: rgb(16, 160, 160);
      background:  rgb(16, 160, 160);
      height: .15em;
      border: 0;
      }

   p.nav
      {
      margin-top: 1px;
      margin-bottom: 1px;
      }

   hr.main
      {
      color: rgb(16, 160, 160);
      background:  rgb(16, 160, 160);
      height: .15em;
      border: 0;
      }

   /* for unvisited links */
   a:link {
          color: rgb(16, 128, 176);
          background: transparent;
          }
   /* for visited links */
   a:visited {
             color: rgb(85, 26, 139);
             background: transparent;
             }
   /* when link is clicked */
   a:active {
            color: rgb(255, 0, 0);
            background: transparent;
            }
   /* when mouse is over link */
   a:hover {
           color: rgb(0, 96, 255);
           background: transparent;
           }

    #wrap
        {
        float:left;
        width: 375px;
        margin-left: auto;
        margin-right: auto;
        margin-top: 0px;
        margin-bottom: 0px;
        padding: 0px;
        background-image: url("/graphics/bgnd_sm.jpg");
        }

    #banner
        {
        left;
        width: 375px;
        line-height: 0px;
        font-size: 0px;
        margin-left: 0px;
        margin-right: 0px;
        margin-top: 0px;
        margin-bottom: 0px;
        padding-left: 0px;
        padding-right: 0px;
        padding-top: 0px;
        padding-bottom: 10px;
        background-image: url("/graphics/bgnd_top_sm.jpg");
        }

    #nav
        {
        width: 150px;
        float: left;
        margin-left: 0px;
        margin-right: 0px;
        margin-top: 0px;
        margin-bottom: 0px;
        padding-left: 10px;
        padding-right: 5px;
        padding-top: 0px;
        padding-bottom: 0px;
        background-image: transparent);
        }

    #endnav
        {
        width: 150px;
        line-height: 0px;
        font-size: 0px;
        margin-left: 0px;
        margin-right: 0px;
        margin-top: 0px;
        margin-bottom: 0px;
        padding-left: 0px;
        padding-right: 0px;
        padding-top: 0px;
        padding-bottom: 0px;
        color: black; background: rgb(244, 244, 244);
        }

    #main
        {
        float:left;
        width: 195px;
        margin-left: 10px;
        margin-right: 0px;
        margin-top: 0px;
        margin-bottom: 0px;
        padding-left: 0px;
        padding-right: 0px;
        padding-top: 0px;
        padding-bottom: 0px;
        color: black; background: transparent;
        }

    #endwrap
        {
        float:left;
        width: 375px;
        clear: both;
        margin-left: auto;
        margin-right: auto;
        margin-top: 0px;
        margin-bottom: 0px;
        padding-left: 0px;
        padding-right: 0px;
        padding-top: 0px;
        padding-bottom: 10px;
        background-image: url("/graphics/bgnd_bottom_sm.jpg");
        }

    #footer
        {
        left;
        width: 375px;
        clear: both;
        margin-left: 0px;
        margin-right: 0px;
        margin-top: 0px;
        margin-bottom: 0px;
        padding-left: 0px;
        padding-right: 0px;
        padding-top: 0px;
        padding-bottom: 0px;
        font-family: Helvetica, sans-serif;
        font-size: 80%;
        color: black; background: rgb(253, 248, 238);
        }
   }

@media screen and (min-width:630px)
   {
   body
      {
      margin:0;
      padding:0;
      color: black; background: rgb(253, 248, 238);
      font-family: times, serif;
      }

   blockquote
      {
      display: block;
      margin-top: 1em;
      margin-bottom: 1em;
      margin-left: 20px;
      margin-right: 20px;
      }

caption
      {
      margin: 5px;
      text-align: center;
      font-style: italic;
      font-size: 10px;
      float: left;
      }

 #myDiv 
      {
      height:auto;
      width:auto;
      }
 #myDiv img
      {
      max-width:100%; 
      max-height:100%;
      margin:auto;
      display:block;
      }
   
   html
      {
      margin:0;
      padding:0;
      color: black; background: rgb(253, 248, 238);
      font-family: times, serif;
      }

   form, br, p, ul, ol, dl, li, dt, dd
      {
      padding: 0;
      margin-top: 0.3em;
      margin-bottom: 0.3em;
      border: 0;
      }

   h1 {
       font-size: 200%;
       font-family: Helvetica, sans-serif;
       margin-top: 0.3em;
       margin-bottom: 0.3em;
      }
   h2 {
       font-size: 105%;
       font-family: Helvetica, sans-serif;
       margin-top: .3em;
       margin-bottom: .3em;
       color: rgb(16, 160, 160); background: transparent;
      }
   h3 {
       font-size: 100%;
       font-family: Helvetica, sans-serif;
       margin-top: .2em;
       margin-bottom: .5em;
      }

   h2.nav
      {
       font-size: 100%;
       font-family: Helvetica, sans-serif;
       margin-top: .7em;
       margin-bottom: .7em;
       color: rgb(16, 160, 160); background: transparent;
      }

   h3.nav
      {
       font-size: 75%;
       font-family: Helvetica, sans-serif;
       margin-top: .2em;
       margin-bottom: .5em;
       color: rgb(16, 160, 160); background: transparent;
      }

   hr.nav
      {
      color: rgb(16, 160, 160);
      background:  rgb(16, 160, 160);
      height: .15em;
      border: 0;
      }

   p.nav
      {
      margin-top: 1px;
      margin-bottom: 1px;
      }

   hr.main
      {
      color: rgb(16, 160, 160);
      background:  rgb(16, 160, 160);
      height: .15em;
      border: 0;
      }

   /* for unvisited links */
   a:link {
          color: rgb(16, 128, 176);
          background: transparent;
          }
   /* for visited links */
   a:visited {
             color: rgb(85, 26, 139);
             background: transparent;
             }
   /* when link is clicked */
   a:active {
            color: rgb(255, 0, 0);
            background: transparent;
            }
   /* when mouse is over link */
   a:hover {
           color: rgb(0, 96, 255);
           background: transparent;
           }

    #wrap
        {
        float:left;
        width: 630px;
        margin-left: auto;
        margin-right: auto;
        margin-top: 0px;
        margin-bottom: 0px;
        padding: 0px;
        background-image: url("/graphics/bgnd_new.jpg");
        }

    #banner
        {
        left;
        width: 630px;
        line-height: 0px;
        font-size: 0px;
        margin-left: 0px;
        margin-right: 0px;
        margin-top: 0px;
        margin-bottom: 0px;
        padding-left: 0px;
        padding-right: 0px;
        padding-top: 0px;
        padding-bottom: 10px;
        background-image: url("/graphics/bgnd_top_new.jpg");
        }

    #nav
        {
        width: 150px;
        float: left;
        margin-left: 0px;
        margin-right: 0px;
        margin-top: 0px;
        margin-bottom: 0px;
        padding-left: 10px;
        padding-right: 5px;
        padding-top: 0px;
        padding-bottom: 0px;
        background-image: transparent);
        }

    #endnav
        {
        width: 150px;
        line-height: 0px;
        font-size: 0px;
        margin-left: 0px;
        margin-right: 0px;
        margin-top: 0px;
        margin-bottom: 0px;
        padding-left: 0px;
        padding-right: 0px;
        padding-top: 0px;
        padding-bottom: 0px;
        color: black; background: rgb(244, 244, 244);
        }

    #main
        {
        float:left;
        width: 440px;
        margin-left: 20px;
        margin-right: 0px;
        margin-top: 0px;
        margin-bottom: 0px;
        padding-left: 0px;
        padding-right: 0px;
        padding-top: 0px;
        padding-bottom: 0px;
        color: black; background: transparent;
        }

    #endwrap
        {
        float: left;
        width: 630px;
        clear: both;
        margin-left: auto;
        margin-right: auto;
        margin-top: 0px;
        margin-bottom: 0px;
        padding-left: 0px;
        padding-right: 0px;
        padding-top: 0px;
        padding-bottom: 10px;
        background-image: url("/graphics/bgnd_bottom_new.jpg");
        }

    #footer
        {
        left;
        width: 630px;
        margin-left: 0px;
        margin-right: 0px;
        margin-top: 0px;
        margin-bottom: 0px;
        padding-left: 0px;
        padding-right: 0px;
        padding-top: 0px;
        padding-bottom: 0px;
        font-family: Helvetica, sans-serif;
        font-size: 80%;
        color: black; background: rgb(253, 248, 238);
        }
    }