/*  revised July 11 2023  */





body {

/*   if you want the center portion of the screen to show up below a photo then add the following line  */

	margin-top: 225px;
	background: #000000   



/*   use this for background photo that stays at the top and doesnt scroll  */

	url(http://www.n5jea.com/images/n5jeaHeader.jpg) no-repeat center top;  


/*  background-attachment: fixed;  this keeps the graphic stationary....for future use only    */

	
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: small;
	color: white;
}


/* ***********************************************************************************  */




/*  Header and text attributes   */

h1, h2, h3 {
	margin-bottom: 20px;
	text-transform: none;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight: normal;
	color: white;
}



h1 { font-size: 3em; }
h2 { font-size: 2em; }
h3 { font-size: 1.4em; font-weight: bold; }



p, ul, ol {
	margin-bottom: 1.5em;
/*    original line-height was 1.8em, I changed it to 1.0em to reduce the space between lines  */
	line-height: 1.4em;
	color: white;
}



a {
	color: #0065CC; 
}

a:hover {
	text-decoration: none;
	color: #CC0000;
}




/* ****************************************************************************  */



/*  Image attributes   */


img { 
	border: none; 
}



img.left {
	float: left;
	margin: 0;
	padding: 0px 5px 0px 0px;
}



img.right {
	float: right;
	margin: 0;
	padding: 0px 0px 0px 5px;
}



/* **************************************************************************** */




/*  Horizontal rule....removes default hr, then reassigns new attributes by declaring hr as a div class   */

hr { display: none; }

.hr {
	height: 36px;
	margin-bottom: 15px;
	background: url(http://www.ayersco.net/images/img06.gif) repeat-x left center;
}



/* *****************************************************************************  */





/* Header */

#header {
	width: 700px;
	height: 150px;
	margin: 0 auto;
}



/* Page */

#page {
	width: 700px;
	margin: 0 auto;
	padding: 0px;
}





/* Content */

#content {
	float: none;
	width: 700px;
	padding: 5px;
	background: #000000;
	border: 0px solid #000000;
}




/* *************************************************************************************  */


/*  Split the screen with more area on left (must use div clear after left and right declarations)   */
.leftdiv {
		width: 375px;
		float: left;
}


.rightdiv {
		width: 250px;
		float: right;
}



/* ****************************************************************************************  */





/*  the following div will clear both left and right sides  */

.divclear {
	clear:both;
}







/* Footer */

#footer {
	width: 675px;
	margin: 0 auto;
	padding: 10px;
/*	background: url(http://www.ayersco.net/images/img06.gif) repeat-x;  */
/*	border-top: 1px solid #FFFFFF;    */
	font-size: x-small;
	color: white;
}

#footer p {
	margin: 0;
	line-height: normal;
	color: #ffffff;
}

#footer a {
	color: #ffffff;
}