html { background-color: ;}
body { width: 100%;
       height: ;
       background-color: rgba(112,128,144,0.8);
	     border: ;
   	   margin: 10px auto 10px auto;
	     font-family: arial, sans-serif;
	     color: white;
	     font-size:1.0em;
	     font-weight:lighter;
     }

h1  { width: 600px;
       /* height: 70px;  */
		padding: 10px;
		text-align: center;
		font-size: 1.2em;
		font-weight:lighter;
	  font-family: arial, sans-serif;
    color: ;
		margin: 20px auto 10px auto;
		letter-spacing: 2px;}

h2  {width: 475px;
       /* height: 70px;  */
		padding: 10px;
		text-align: center;
		color: ;
		font-size: 1.1em;
		margin: 20px auto 10px auto;
		letter-spacing: 2px;}

h3 { color: ;
     text-align:center;
	 font-size: 1.2em;
      font-weight:lighter;
	  letter-spacing: 2px;}

nav     { width: 600px;
         border: solid 1px green;
        text-align: center;
      margin: 20px auto;
      font-size: 0.9em;}

ul  {list-style-type: none;
        padding: 0px;
        margin: 0px;
      overflow: hidden;
    background-color: #333}

li {display: inline;}


li a, .dropbtn {display: inline-block;
    color: white;
     text-align: left;
     padding: 14px 16px;
     text-decoration: none;}

li a:hover, .dropdown:hover .dropbtn {background-color: teal;}

li.dropdown {display: inline-block;}

.dropdown-content{ display: none;
          position: absolute;
           background-color: #f9f9f9;
           min-width: 160px;
           box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
           Z-index: 1; }

           .dropdown-content a
                    {color: black;
                    padding: 12px 16px;
                  text-decoration: none;
                display: block;
              text-align: left;}
          .dropdown-content a:hover {background-color: #f1f1f1;}
          .dropdown:hover .dropdown-content {display:block;}

/* a:link {text-decoration: none;}
li a:hover {color: :}  */
li a {text-decoration: none;}

a:link {text-decoration: none;}

  .tealbox {width: 1000px;
          height: ;
           border: ;
           margin:40px auto 10px auto;}
 .imagebox {width: ;
           height: ;
		   display: block;
		   margin: 10px auto 10px auto;
		   padding: 10px;}
.imagebox_V {width:;
           height: ;
		  display:  ;
		  border:;
	  margin: 10px 0px 10px 50px;
		   padding: 10px;}

 .text {width:400px;
        padding: 10px;
		margin: 10px auto 50px auto;
    text-align: center;
    color: white;
		font-size: 1.0em;
		font-weight:lighter;
		letter-spacing: 0px;}
	.text_V {width:750px;
        padding: 10px;
		margin: 10px auto 50px auto;
        text-align: center;
        color: white;
		font-size: 1.2em;
		font-weight:lighter;
		letter-spacing: 0px;}
h4    {width: 400px;
      background-color: silver;
		  font-size:1.0em;
		  text-align: center;
		  padding: 10px;
      margin: 50px auto 10px auto;
		   font-weight: lighter;
		   letter-spacing: ;}

       .gotop  {width: 150px;
                 height: 20px;
                 text-align: center;
       		  background-color: rgba(0,128,128,0.6);
       		  color: white;
       		  padding:10px;
       		  border-radius: 5px;
       		  margin: 70px auto 30px auto;
       		  font-size: 1.1em;
           text-decoration: none;}

  /*      .gotop  {width: 150px;
          height: 20px;

           text-align: center;
       		  background-color: rgba(0,128,128,0,0.6);
       		  color: white;
       		  padding: 15px;
       		  border-radius: 5px;
       		  margin: 70px auto 30px auto;
       		  font-size: 1.1em;
            } */

.about {width: 450px;
        text-align: left;
      padding: 15px;
    border: ;
  margin: 40px auto 15px auto;
line-height: 1.7}

.about2 {width: 550px;
        background color: ;
        text-align: center;
      padding: 15px;
    border: yellow solid 2px;
  margin: 20px auto 15px auto;
line-height: 1.6}