body {
    background-image: url('../images/Map_of_Twelve_Tribes_of_Israel.png'); /* Relative or absolute path to your image */
    background-repeat: repeat; /* Optional: Prevents image from repeating */
    background-size: 600px 680px;
		/* Optional: Scales image to cover the entire background */
    background-position: left top; /* Optional: Centers the image */
}
ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
  width: 350px;
  height: 530px;
  background-color: #0000CD;
  border-radius: 10px;
}

li a {
  display: block;
  color: #FFFFFF;
  padding: 4px 8px;
  text-decoration: none;
  font-family: Times, Times New Roman, serif;
  font-weight: bold;
}

/* Change the link color on hover */
li a:hover {
  background-color: #000000;
  color: white;
  font-size: 15px;
}
#VersionDate {
    font-size: 15px;
    font-weight: bold;
    color: #0000CD;
}
footer {
    text-align: right;
    padding: 5px;
 /*   background-color: #f2f2f2; Example background color */
    color: #555; /* Example text color */
    position: fixed;
    bottom: 0;
	font-weight: bold;
  }

small {
    font-size: 0.8em; /* Smaller font size for copyright text */
}

#ButtonReferenceMaterials{
	padding: 5px 5px; 
	background: #DDDDDD;
	border: 1px solid black;
	outline: none; 
	cursor: pointer;
	font-size: 11px;
/*	font-weight: 500; */
	font-weight: bold; 
	border-radius: 7px;
}

.popup_RefMat{
	width: 890px;
	background: #DDFFDD;
	border-radius: 6px;
	border: 1px solid black;
	position: absolute;
	top: 0;
	left: 50%;
	transform: translate(-50%, -50%) scale(0.1);
	text-align: center;
	padding: 0 30px 30px;
	color: 333;
	visibility: hidden; 
	transition: transform 0.4s, top 0.4s;
}
.open-popup_RefMat {
	visibility: visible;
	top: 50%;
	transform: translate(-50%, -50%) scale(1);
}
.popup_RefMat button {
	width: 50%;
	margin-top: 50px;
	padding: 10px 0;
	background: #6fd649;
	color: #fff;
	border: 0;
	outline: none;
	font-size: 16px;
	font-radius: 4px;
	cursor: pointer;
	box-shadow: 0 5px 5px rgba(0,0,0,0.2);
}

.btnrefmat{
	padding: 5px 25px; 
	background: #DDDDDD;
	border: 1px solid black;
	outline: none; 
	cursor: pointer;
	font-size: 13px;
/*	font-weight: 500; */
	font-weight: bold; 
	border-radius: 5px;
}


TABLE, TBODY, TR, TD, TH {
  text-align:left;
  padding:0;
  border-spacing:0; /* or border-collapse:collapse */
  font-family: Verdana, sans-serif;
  font-size: 9pt;
  color: #000000 ;
  font-weight: bold; 
}

 a {
	text-decoration: none;
    color: black;
}