#nav {
  width: 975px;
  float: left;
  margin: 0 0 3px 0;
  padding: 0;
  list-style: none;
  background-color: #666666;
  border-bottom: 1px solid #666666;
  border-top: 1px solid #666666; }
#nav li {
  float: left; }
#nav li a {
  display: block;
  padding: 8px 23px;
  text-decoration: none;
  font-weight: bold;
  font-size:12px;
  color: #ffffff;
  border-right: 1px solid #666666; }
#nav li a:hover {
  color: #ffffff;
  background-color: #333333; }
/* End primary navigation bar styling. */

  #nav1 {
  width: 975px;
  float: left;
  margin: 1em 0 3em 0;
  padding: 0;
  list-style: none;
  background-color: #f2f2f2;
  border-bottom: 1px solid #f2f2f2;
  border-top: 1px solid #f2f2f2; }
#nav1 li {
  float: left; }
#nav1 li a {
  display: block;
  padding: 8px 15px;
  text-decoration: none;
  font-weight: bold;
  font-size:70%;
  color: #000000;
  border-right: 1px solid #f2f2f2; }
#nav1 li a:hover {
  color: #c00;
  background-color: #ffffff; }
/* End secondary navigation bar styling. */
   
.myBoxesWhiteBackground {
padding: 10px;
width:450px;
height:200px;
background: rgb(255,255,255);

    -webkit-box-shadow: 0px 1px 0px rgba(50, 50, 50, 0.5);
    -moz-box-shadow: 0px 1px 0px rgba(50, 50, 50, 0.5);
    box-shadow: 0px 1px 0px rgba(50, 50, 50, 0.5);
border: 1px #CDCDCD solid;
border-radius: 5px;
}

.myBoxesGrayBackground {
padding: 10px;
width:450px;
height:200px;
background: #f8f8f8;

    -webkit-box-shadow: 0px 1px 0px rgba(50, 50, 50, 0.5);
    -moz-box-shadow: 0px 1px 0px rgba(50, 50, 50, 0.5);
    box-shadow: 0px 1px 0px rgba(50, 50, 50, 0.5);
border: 1px #CDCDCD solid;
border-radius: 5px;
}

a:link{color:blue;}
a:visited{color:blue;}
a:hover{color:red;}
a:active{color:red;}

BODY{font-family:"Arial"; background-color:#ffffff; margin:0px; padding:0px; text-align:center; min-width:1046px;
  background-image: url('https://douglasniedt.com/images/background-animations/Particle-Animation-Five-Minute-Version.gif'); background-color: #000000;
}




/* latin */
@font-face {
  font-family: 'Tangerine';
  font-style: normal;
  font-display: swap;
  font-weight: 400;
  src: local('Tangerine'), url(https://fonts.gstatic.com/s/tangerine/v7/HGfsyCL5WASpHOFnouG-RFtXRa8TVwTICgirnJhmVJw.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215;
}







h1{font-size:160%; font-weight:normal; color: #cc0000;}

h2{font-size:140%; color: #cc0000;}


         @media screen and (min-width: 1001px){
         #nav1{
         margin-bottom: 28px;
         }
         }


FORM{margin:0;padding:0;}


#centerwrapper{text-align:left;width:975px;margin-left:auto;margin-right:auto;}


@media screen and (max-width: 1000px){
        body, #nav, #nav1, #content,iframe,#centerwrapper,.myBoxesGrayBackground,.myBoxesWhiteBackground{
          max-width: 100%;
          width: 100% !important;
          min-width: 100% !important;
        }
        *{
          margin-right: 0 !important;
          margin-left: 0 !important;
        }
        p{
          margin-right: 0 !important;
          margin-left: 0 !important;
          width: 100%;
          display: block;
          float: none;
        }
        img{
          width: 100%;
          height: auto;
        }
        #nav1 li a{
      
          display: block;
          padding-left: 0;
          padding-right: 0;
          text-align: center;
        }
        ul, ol, li{
          /*display: inline;*/
        }
        #nav li{
          text-align: center;
        }
        *{
          /*border: 1px solid;*/
          float: none !important;
          margin-left: 0 !important;
          margin-right: 0 !important;
          padding-left: 0 !important;
          padding-right: 0 !important;
        }
        .myBoxesGrayBackground, #content{
          margin-top: 10px !important;
          height: auto !important;
        }
        #centerwrapper{
          width: 90% !important;
          min-width: 90% !important;
          margin-left: 3% !important;
        }
        .myBoxesGrayBackground, .myBoxesWhiteBackground{
          padding: 0 2% !important;
          height: auto !important;
        }
         #nav{
          margin-left: 3% !important;
        }
        /* update */
        img{
          border: 0;
          /*content: "";*/
        }
        li {
            list-style-position: inside;
        }
  #content li{
    list-style-position: outside;
    margin-left: 25px !important;
  }



        p{
          margin-bottom: 10px !important;
          margin-top: 10px !important;
        }
        /*eo update*/

        #nav li, #nav1 li{
          margin-bottom: 10px;
          margin-top: 10px;
        }
        #nav li a, #nav1 li a{
         font-size: 14px;
        }


  .myBoxesGrayBackground, .myBoxesWhiteBackground{
    box-sizing: border-box;
  }
  #centerwrapper{
    margin: auto !important;
  }
  #nav{
    margin-left: 0 !important;
  }
  img[src='https://www.paypalobjects.com/en_US/i/scr/pixel.gif'] {
    height: 1px !important;
    overflow: hidden;
    visibility: visible;
    width: 1px !important;
  }
  form[target=paypal] img{
    height: 1px !important;
    overflow: hidden;
    visibility: visible;
    width: 1px !important;
  }
  form[target=paypal] input[type=hidden]{
    visibility: hidden;
  }
  
    .smaller_title{
    font-size: 80px !important;
  }
  
    ._dougpicture{
      width: 254px !important;
      height: 350px !important;
   }
  
    .paypalcartbutton{
      margin-top:10px !important;
  }
  
  ul{
      margin-top:20px !important;
  }
  
  

}
