
	.main
	{
	  background-color: white;
	  color: black;
	  font-family: Times New Roman;	  
	  font-size: 28px;	
	  text-align: center;	  
	  margin-top: 20px;
	  margin-right: 5px;
	  margin-left: 5px;	  
	}	
	
	img.sized 
	{
	  height: 100%;
	  width: 100%;
	}
      
    .navbar 
	{
      overflow: hidden;
      background-color: darkblue;
	  text-align: left;
	  font-family: arial;	  
	  font-size: 32px;
	  color: white;	  
	  font-weight: bold;
	  padding-top: 0px;
	  padding-right: 10px;
	  padding-bottom: 0px;
	  padding-left: 10px;		  
      position: fixed;
	  top: 0;
      // bottom: 0;     
      left: 0;
      // height: 30px;
      width: 100%;
      z-index=1;
	}
	   
      .navbar a 
	  {
        float: left;
        display: block;
        color: #ffffff;
        text-align: left;
        padding: 14px 26px;
        text-decoration: none;   
	  }
	   
      .navbar a:hover 
	  {
        background: #ddd;
        color: black;
      }   
	
	.whiteDiv 
	{
	  border: 2px outset black;
	  border-radius: 30px;	
	  background-color: white;
	  text-align: center;
	  font-family: arial;	  
	  font-size: 20px;
	  color: black;
	  padding-top: 24px;
	  padding-bottom: 5px;	  
	  padding-right: 5px;
	  padding-left: 5px;	 
	}	 

	.blackDiv 
	{
	  border: 2px outset white;
	  border-radius: 30px;	
	  background-color: black;
	  text-align: center;
	  font-family: Times New Roman;	  
	  font-size: 24px;
	  color: white;
	  padding-top: 24px;
	  padding-bottom: 5px;
	  padding-right: 5px;
	  padding-left: 5px;	  
	}	 	
	
	.blueDiv 
	{
	  border: 2px outset black;
	  border-radius: 30px;
	  background-color: lightblue;
	  text-align: center;
	  font-family: arial;	  
	  font-size: 20px;
	  color: black;
	  padding-top: 24px;
	  padding-bottom: 5px;	  
	  padding-right: 5px;
	  padding-left: 5px;	  
	}	 		
	
	.blueMonoDiv 
	{
	  border: 2px outset black;
	  border-radius: 30px;
	  background-color: lightblue;
	  text-align: center;
	  font-family: courier;
	  font-size: 20px;
	  // font-size: 2.75vw;
	  color: black;
	  font-weight: bold; 	  
	  padding-top: 24px;
	  padding-bottom: 5px;	  
	  padding-right: 5px;
	  padding-left: 5px;	  
	}	 		
	
	.blueLeftDiv 
	{
	  border: 2px outset black;
	  border-radius: 30px;
	  background-color: lightblue;
	  text-align: left;
	  font-family: arial;	  
	  font-size: 20px;
	  color: black;
	  padding-top: 24px;
	  padding-bottom: 5px;	  
	  padding-right: 5px;
	  padding-left: 5px;	  
	}	 		
	
	.whiteLeftDiv 
	{
	  border: 2px outset black;
	  border-radius: 30px;
	  background-color: white;
	  text-align: left;
	  font-family: arial;	  
	  font-size: 20px;
	  color: black;
	  padding-top: 24px;
	  padding-bottom: 5px;	  
	  padding-right: 5px;
	  padding-left: 5px;	  
	}		

.button
{
  background-color: darkblue;
  border: 2px outset black;
  border-radius: 50px;	
  color: white;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 20px;
  width: 250px;
  height: 50px;
  padding-top: 20px;
  }

input[type = submit] 
{
  background-color: darkblue;
  border: 2px outset black;
  border-radius: 50px;	
  color: white;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 20px;
  width: 250px;
  height: 75px;
  padding-top: 10px;
  padding-right: 10px;
  padding-bottom: 10px;
  padding-left: 10px;	  
  }
  
 input[type = text] 
{
  font-family: arial;
  font-size: 20px; 
  color: black;    
  border: 2px outset black;
  width: 275px;
  height: 50px;
}	

 input[type = password] 
{
  font-family: arial;
  font-size: 20px; 
  color: black;    
  border: 2px outset black;
  width: 275px;
  height: 50px;
}	

 input[type = date] 
{
  font-family: arial;
  font-size: 20px; 
  color: black;  
  border: 2px outset black;
  width: 275px;
  height: 50px;
}	
  
select
{
  font-family: ariel;
  font-size: 20px; 
  color: black;  
  border: 2px outset black;
  width:225px;
  height: 50px; 
}	
	
textarea
{
  font-family: arial;
  font-size: 20px; 
  border: 1.5px outset black;
  width: 500px;
  height: 100px;
}

hr
{
  border: 1px solid gray;
  width: 50%;
  margin: auto;
}

table 
{
  width: 100%;
  font-family: arial;
  font-size: 20px;
  font-weight: normal;  
}

meter
{
	width: 150px;
	height: 25px;
}
meter::-webkit-meter-bar 
{
  background: none; 
  background-color: white;
  border: 2px solid black;
  border-radius: 30px;
  height: 35px;
  width: 100%;
}
meter::-webkit-meter-optimum-value 
{
  background-color: blue;
}


.meterNeg::-webkit-meter-bar 
{
  background-color: red;
}
.meterNeg::-webkit-meter-optimum-value 
{
  background-color: white;
}