/* CSS Document */

	body {
      background-color:#429DD1;
      font-size: 100%;
         }
		h1 {
  	  font-size: 1.8em;
	  margin:0;
	  margin-left:30px;
  	   }
	h2 {
  	  font-size: 1.5em;
	  margin:0;
	  margin-left:40px;
  	   }
	h3 {
  	  font-size: 1.5em;
	  margin:0;
	  margin-left:40px;
  	   }
	h4 {
  	  font-size: 1.3em;
	  margin:0;
	  margin-left:40px;
  	   }
	p {
  	  font-family:sans-serif, Times New Roman, serif;
  	  font-size: 01.2em;  
	  margin-left: 25px;
	  margin-right:25px; 
  } 
    	a.body:link {
  color: black;
  }
a.body:visited {
  color: black;
}
body.a:hover {
  color: blue;
}
body.a:active {
  color: blue;
}  
	table.header {
	  padding:0px; 
	  border:none; 
	  border-spacing:0px; 
	  background-color:#B2C2D2;
	  background-color:#808080;
	  width:1040px; 
	  margin:auto; }
	img.header	 {
	  border-style:solid;
	  border-width:2px;
	  display:block;
	  margin-left:auto;
	  margin-right:auto;

				  }
	img.headerrow	 {
	  border-style:solid;
	  border-width:2px;
	  width:200px;
	  height:200px;
				  }
	ul.topnav {
  list-style-type: none;
  margin: 0;
  padding: 0;
  overflow: hidden;
  background-color: #3359E8;
  background-color: #EDCD19;
}




ul.topnav li {float: left;}

ul.topnav li a {
  display: block;
  color: black;
  text-align: center;
  padding: 14px 16px;
  text-decoration: none;
}

ul.topnav li a:hover:not(.active) {background-color: #ffffff;}

ul.topnav li a.active {background-color: #ffffff;}


@media screen and (max-width: 800px) {
  ul.topnav li.right, 
  ul.topnav li {float: none;}
}
    .vertical-menu {
  width: 190px;
}

.vertical-menu a {
  background-color: #808080;
  color: black;
  display: block;
  padding: 4px;
  text-decoration: none;
}

.vertical-menu a:hover {
  color:white;
  background-color: #202020;
}

.vertical-menu a.active {
  background-color: #202020;
  color: white;
}


.dropdown {
  position: relative;
  display: inline-block;
}

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

.dropdown-content a {
  color: #ffffff;
  font-size: 0.9em;
  padding: 2px 16px;
  text-decoration: none;
  display: block;
}

.dropdown-content a:hover {background-color: #000000}
.dropdown:hover .dropdown-content {
  display: block;
}




  	table.body {
	  padding:0px; 
	  border:none; 
	  border-spacing:0px; 
	  background-color:#f0f0f0;
	  background-image:url('images/lgo4.jpg');
	  background-repeat:no-repeat;
	  background-size:cover;
	  width:1024px; 
	  margin:auto; }
	div.bgfade	   {
	  opacity: 1.0;
  	  filter: alpha(opacity=100); /* For IE8 and earlier */
				    }  
    img.body	 {
				 border-style:solid;
				 border-width:1px;
				 border-radius:4px;
				 float:right;
				 margin:20px;
				   -webkit-box-shadow: 5px 5px 5px 0px rgba(50, 50, 50, 0.75);
                 -moz-box-shadow:    5px 5px 5px 0px rgba(50, 50, 50, 0.75);
                 box-shadow:         5px 5px 5px 0px rgba(50, 50, 50, 0.75);
				 
				}	  
	img.bodyright    {				 
                 border-style:solid;
				 border-width:1px;
				 border-radius:4px;
				 margin:10px;
				 margin-right:2px;
				 margin-top:20px;
				  -webkit-box-shadow: 5px 5px 5px 0px rgba(50, 50, 50, 0.75);
                 -moz-box-shadow:    5px 5px 5px 0px rgba(50, 50, 50, 0.75);
                 box-shadow:         5px 5px 5px 0px rgba(50, 50, 50, 0.75);
				 
				}  
	  
	h2.footer {
  	  font-size: 1.1em;
	  margin-left:auto;
	  margin-right:auto;
  	   }