body {
	font: 100%/1.4 Verdana, Arial, Helvetica, sans-serif;
  background: #8cd30f;
  margin: 0;
  padding: 0;
  color: #000;
}
 

ul, ol, dl { 
	padding: 0;
	margin: 0;
}

h1, h2, h3, h4, h5, h6, p {
  margin-top: 0;
  padding-right: 15px;
  padding-left: 15px;
}

h2 {
  font: 90%/1.4 Verdana, Arial, Helvetica, sans-serif;
	margin-top: 0;	 
	padding-right: 10px;
	padding-left: 10px;
}

a {
	cursor: pointer;
}

a img { 
	border: none;
}


a:link {
  color: #414958;
  text-decoration: underline;
}

a:visited {
  color: #4E5869;
  text-decoration: underline;
}

a:hover, a:active, a:focus {
  text-decoration: none;
}

.container {
	width: 768px;
  background: #FFF;
  margin: 0 auto;
}

tr.dd0 td {
  background-color: #cde9f6; color: black;
}
tr.dd1 td {
  background-color: #ffffff; color: black;
} 

tr.header2 td {
  background-color: #0b72a2; color: white; 
}

tr.d0 td {
	background-color: #dcf7ab; color: black;
}
tr.d1 td {
	background-color: #e7f6cd; color: black;
}	

tr.header td {
	background-color: #3b6204; color: white; 
}	

.header {
	background: #3b6204;
	text-align: center;
	white-space: nowrap;
	padding: 5px 0;
	margin-bottom: 15px;

}

.header img {
    width: 20px;
    height: auto;
    margin: 0 0px;
    display: block;
    text-align: left;
}

.content {
	padding: 10px 0;
}

.content ul, .content ol { 
	padding: 0 15px 15px 40px; 
}


.footer {
	padding: 10px 0;
	background: #3b6204;
}

input {
	font-size: 16px !important;
}

table {
    border-collapse: collapse;
}

@media (max-width: 480px) {
  body {
    font-size: 14px; /* Adjust font size for small screens */
  }
  
  .header h1 {
    text-align: center; /* Center the header for mobile */
  }

  .content {
    padding: 10px; /* Ensure the content has enough space on small screens */
  }

  .content2 {
    padding: 0px; /* Ensure the content has enough space on small screens */
  }

  .footer {
    text-align: center; /* Center the footer text on small screens */
  }
  .container {
    width: 100%;
  }

  
}

@media (min-width: 0px) {
  .header img {
    width: 20px;
    display: block;
    margin-left: auto;
	}
}

@media (min-width: 480px) {
  .header img {
    width: 35px;
    display: block;
    margin-left: auto;
    margin-right: auto;
	}
}