/* CSS Document */
/*html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}*/
hr.new {
  border: 2px solid teal;
  border-radius: 2px;
}


input[type=text], [type=password] , [type=email] , [type=date], [type=number], [type=file] {
  width: 100%;
  padding: 4px 4px;
  margin: 3px 0;
  display: inline-block;
  border: 1px solid #ccc;
  border-radius: 4px;
  box-sizing: border-box;
  background-color:teal;
  font-family:Cambria;
  color:#FFFFFF;
  
  
  
}

input[type=button] {
  width: 100%;
  padding: 4px 6px;
  margin: 3px 0;
  display: inline-block;
  border: 1px solid #ccc;
  border-radius: 4px;
  box-sizing: border-box;
  background-color:teal;
  font-family:Cambria;
  color:#FFFFFF;
  
}


select {
 width: 100%;
  padding: 4px 6px;
  margin: 4px 0;
  display: inline-block;
  border: 1px solid #ccc;
  border-radius: 4px;
  box-sizing: border-box;
  background-color:teal;
  font-family:Cambria;
  color:#FFFFFF;
}

textarea {
  width: 100%;
  height: 100px;
  padding: 12px 20px;
  box-sizing: border-box;
  border: 1px solid #ccc;
  border-radius: 4px;
  background-color: teal;
  font-size: 16px;
  resize: none;
  font-family:Cambria;
  color:#FFFFFF;
}
input[type=submit],[type=reset] {
  width: 100%;
  background-color: DodgerBlue;
  color: white;
  padding: 4px 8px;
  margin: 4px 0;
  border: none;
  border-radius: 4px;
  cursor: pointer;
  font-family:Cambria;
}

input[type=submit]:hover {
  background-color: #45a049;
}

input[type=reset]:hover {
  background-color: #45a049;
}


/* Responsive layout - when the screen is less than 800px wide, make the two columns stack on top of each other instead of next to each other */
@media screen and (max-width: 800px) {
  .leftcolumn, .rightcolumn {   
    width: 100%;
    padding: 0;
  }
}

/* Responsive layout - when the screen is less than 400px wide, make the navigation links stack on top of each other instead of next to each other */
@media screen and (max-width: 400px) {
  .topnav a {
    float: none;
    width: 100%;
  }
}

.button {
  background-color: teal; /* Green */
  border: none;
  color: white;
  padding: 4px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 10px;
  margin: 4px 2px;
  cursor: pointer;
}

.button1 {border-radius: 4px;}

div.round1 {
  border: 1px solid teal;
  border-radius: 5px;
  background: rgb(0, 128, 0, 0.1);
   width:80%;
}
div.round2{
 border: 1px solid teal;
  border-radius: 5px;
  /*background: rgb(0, 128, 0, 0.4);*/
  background-color:#FFFFCC;
}
p.round {
  border: 0px solid teal;
  border-radius: 5px;
  background: rgba(0, 128, 0, 0.4);
 width:90%;
  
}
div.round {
  border: 1px solid teal;
  border-radius: 5px;
  background: rgba(0, 128, 0, 0.1);
}