/*********************************************/
/*            Phantom Chasers.net            */
/*********************************************/
/*       Copyright 2025 William K Zabel      */
/*********************************************/
/*                Phantoms.css               */
/*********************************************/
body{
		margin: 0;
        padding: 0px;
	    font-family: Arial, sans-serif;
        color: #333;
        line-height: 1.6;
		text-align: justify;
		text-indent: 5px;
 
	
}

/**********************************************/
/*               DIV I.D. Wrapper             */
/**********************************************/
#wrapper{
	width: 100%;
	height: auto;
	margin: 0;
}
/**********************************************/
/*                 Div Class Top              */
/**********************************************/
.top{
	width: 100%;
	height: auto;
	border-bottom: 2px solid #000;
}
.top a{
	text-decoration: none;
	font-size: 28px;
	font-style: italic;
	color: #000;
	vertical-align: middle;
	margin-left: 125px;
	
}
/***********************************************/
/*               DIV Class Intro               */
/***********************************************/
.intro{
	width: 75%; /* Or any specific width */
	margin-left: auto;
	margin-right: auto;
	border-bottom: 2px solid #000;
	
}
.intro img{
	max-width: 100%;
	height: auto;
	float: left;
	padding-right: 15px;
	padding-bottom: 10px;
}
.intro a{
	text-decoration: underline;
	color: #333;
}
/***********************************************/
/*              DIV Class Subjects             */
/***********************************************/
.subjects{
	width: 75%;
	height: auto;
	margin-left: auto;
	margin-right: auto;
	padding-bottom: 20px;
}
.flex-container {
  display: flex;
  justify-content: space-between; /* Distributes space evenly */
  gap: 20px; /* Adds space between columns */
}

.column-item {
  flex: 1; /* Makes columns take up equal available space */
  padding: 15px;
  border: 1px solid #ccc;
}
.column-item a{
	text-decoration: none;
	color: #000;
	border: 1px solid #000;
	background-color: #fff;
	padding: 5px;
}
.column-item a:hover{
	text-decoration: none;
	color: #fff;
	border: 1px solid #000;
	background-color: #707070;
	padding: 5px;
}
/***********************************************/
/*                DIV Class phradio            */
/***********************************************/
.phradio{
	width: 75%;
	height: auto;
	margin-left: auto;
	margin-right: auto;
	margin-top: 20px;
	padding-top: 10px;
	
}
.phradio img{
}
/***********************************************/
/*               DIV Class Subject             */
/***********************************************/
.subject{
	width: 75%;
	height: auto;
	margin-left: auto;
	margin-right: auto;
}
/***********************************************/
/*                DIV Class Contact            */
/***********************************************/
.container{
	width: 50%;
	height: auto;
	margin-left: auto;
	margin-right: auto;
}
/* Style inputs with type="text", select elements and textareas */
input[type=text], select, textarea {
  width: 100%; /* Full width */
  padding: 12px; /* Some padding */ 
  border: 1px solid #ccc; /* Gray border */
  border-radius: 4px; /* Rounded borders */
  box-sizing: border-box; /* Make sure that padding and width stays in place */
  margin-top: 6px; /* Add a top margin */
  margin-bottom: 16px; /* Bottom margin */
  resize: vertical /* Allow the user to vertically resize the textarea (not horizontally) */
}

/* Style the submit button with a specific background color etc */
input[type=submit] {
  background-color: #04AA6D;
  color: white;
  padding: 12px 20px;
  border: none;
  border-radius: 4px;
  cursor: pointer;
}

/* When moving the mouse over the submit button, add a darker green color */
input[type=submit]:hover {
  background-color: #45a049;
}

/* Add a background color and some padding around the form */
.container {
  border-radius: 5px;
  background-color: #f2f2f2;
  padding: 20px;
}
/***********************************************/
/*                DIV Class Other              */
/***********************************************/
.footer{
	width: 100%;
	height: auto;
	border-top: 2px solid #000;
}
.footer a{
	text-decoration: none;
	color: #000;
	vertical-align: middle;
	padding-right: 25px;
	margin-left: 145px;
	
	
	
}