hr {color: #C72D0E}

a{
	color: #54D548;
	text-decoration:none;
}

a:hover{
	text-decoration: underline;
	color: #FAAB25;
}

.font1 {FONT-FAMILY: Verdana, Helvetica; FONT-SIZE: 10px; COLOR: #FAAB25}

.font2 {FONT-FAMILY: Verdana, Helvetica; FONT-SIZE: 18px; COLOR: #FAAB25; text-align: justify}

body{
	font: 18px Arial, Helvetica, sans-serif;
	color: #FFFFFF;
  text-align: justify;
	background-image: url("/graphix/giphy.gif");
  background-color: #000000;
  background-repeat: repeat; /* allows tiling */
}

.font{
	padding: 0px 0px 0px 0px;
}

H1{
	font-family: Georgia, Arial, Helvetica, sans-serif;
	font-size:18px;
	font-weight:normal;
	color: #E09B8D;
	padding-bottom: 5px;
	padding-left: 0px;
}

H2{
	font-family: Georgia, Arial, Helvetica, sans-serif;
	font-size:20px;
	font-weight:normal;
	color: #E09B8D;
	padding-bottom: 5px;
	text-align:center;
}

H3{
	font-family: Georgia, Arial, Helvetica, sans-serif;
	font-size:25px;
	font-weight:normal;
	color: #35ADE9;
	padding-bottom: 5px;
	text-align:left;
}

H4{
	font-family: Georgia, Arial, Helvetica, sans-serif;
	font-size:25px;
	font-weight:normal;
	color: #F54927;
	padding-bottom: 5px;
	text-align:center;
}

H5{
	font-family: Georgia, Arial, Helvetica, sans-serif;
	font-size:30px;
	font-weight:normal;
	color: #F54927;
	padding-bottom: 5px;
	text-align:left;
}

#footer{
	height: 60px;
	max-width: 829px;
	font-size: 10px;
	color: #FFFFFF;
	padding-top: 8px;
	text-align: center;
	clear:both;
	padding: 15px 0px 15px 0px;
}

#footer a{
	color: #C72D0E;
	font-size: 10px;
	text-decoration: none;
}

#footer a{
	color: #C72D0E;
	font-size: 10px;
	text-decoration: none;
}

#footer a:hover{
	color: 54D548;
	font-size: 10px;
	text-decoration: underline;
}

@media (max-width: 319px) {
  /* Specific styles for very small screens */
	.body {
  width: 100%;
  padding: 10px;
	}
}

@media screen and (max-width: 767px) {
  /* Styles for most standard mobile devices */
	body {
  width: 100%;
  padding: 10px; 
	}
}

.table-container {
  overflow-x: auto; /* Adds horizontal scrolling if content overflows */
}

table {
  width: 100%; /* Ensures the table takes the full width of its container */
  border-collapse: collapse; /* Optional: Makes borders cleaner */
}
/* Add other styling as needed for padding, borders, etc. */

.container {
  max-width: 600px; /* Controls the maximum width of the text block */
  margin: 0 auto;   /* Centers the div horizontally within its parent */
  padding: 15px;
  border: 1px solid #ccc;
}

.justified-text {
  text-align: justify; /* Justifies the text within the div */
}