/* CSS Document */

*	{padding:0; margin:0; border:0; font-size:24px; font-weight:normal;}


body 	
				
		{margin: 0;
  			background-image:url(../images/elements/black_leather.jpeg);
 			background-repeat: repeat;}	
				
				

				

#wrapper	{width:1000px; margin: 10px auto;
				padding:10px 0px;
				background-color:#FFF;}

#top		{width:960px; height:240px; margin:10px auto; }

#logo	{float:left; display:inline;}

#social_media p {text-align:right;}

#topnav			{ clear:both; width:900px; margin:10px ;auto  }

#banner			{ width:100%; height:365px; margin:10px auto; }

#welcome	{ clear:inherit; text-align:center;}

#content_wrapper {width:900px;margin:10px 20px 10px 50px;}

#content 	{ width:900px; padding-right:30px; margin:10px auto; }

<!-- #left_side {float:left; width:500px; display:block;}

#right_side	{float:right; width:300px; padding:0px 20px 0px 20px; display:block}

#left_box
				{display: flex;
				justify-content: center; /* Horizontally centers content (optional) */
				height:350px; /* Example height */
				margin:20px 10px} 
				
				

#box_01		{ clear:both; width:350px;margin:20px 40px;}
		
#box_02		{ width:350px; margin:20px 40px;}

#box_03		{ clear:both; width:350px; margin:20px 40px;}

#box_04		{ width:350px; margin:20px 40px;}

#box_05		{ width:700px; margin:0px auto;}

#about_01	{width:716px; float:inherit; margin:20px 40px;		}

#welcome	{ text-align:center; }

#content_wrapper {width:900px;margin:10px 20px 10px 50px;}

#content 	{ width:900px; padding-right:20px; margin-right:10px }

#right_side	{float:right; width:300px; padding:0px 20px 0px 20px; clear:inherit}

#right_box {float:left;}


#map	{width:716px; margin:5px auto;		}


#schedule_button { 
	height:50px;
	clear:both;
  	display: flex;
  	justify-content: center; /* Centers horizontally */
  	align-items: center;     /* Centers vertically */
  	/* Add height if you want vertical centering within the div */
  	/* height: 200px; */
}
	
h1	{ color:#EB5524;
		font-family:Arial, Helvetica, sans-serif;
		font-size:48px; 
		font-style:italic;
		font-weight:bold;
		line-height:40px;}
		
h2	{ color:#999;
		font-family:Arial, Helvetica, sans-serif;
		font-size:40px;
		font-style:italic;}
		
h3	{ color:#C90;
		font-family:Arial, Helvetica, sans-serif;
		font-size:36px;
		font-style:italic;
		font-weight:bold;
		margin-top:0px}
			
h4	{ color:#999;
		font-family:Arial, Helvetica, sans-serif;
		font-size:30px;
		font-style:italic;
		margin-top:-50px}
				
p	{ color:#000;
		font-family:Arial, Helvetica, sans-serif;
		font-size:24px;
		font-style:italic;
		line-height:30Spx;
		margin:5px 0 0 0;
		text-align:center;}

p2	{ color:#000;
		font-family:Arial, Helvetica, sans-serif;
		font-size:24px;
		font-style:italic;
		line-height:30px;
		margin:5px 0 0 0;
		text-align:left;}		
		
		
p3	{ color:#000;
		font-family:Arial, Helvetica, sans-serif;
		font-size:22px;
		font-style:italic;
		line-height:30Spx;
		margin:5px 0 0 0;
		text-align:center;}		
		
			

h1, h2, h3, h4 {padding:0 0 10px 0;
					margin: 10px 0 0 0;
					text-align:center;}
						

ol li	{list-style-type:decimal-leading-zero;}

ol	li	{margin:10px;}

ul li a {background-color:#EB5524;
			display:inline-block; width: 150px; text-align:center;
			padding:5px 5px;
			color:#0F0; text-decoration:none;
			font-family:Arial, Helvetica, sans-serif; font-size:20px;
			font-weight:normal;}
						

.container-flex {display: flex;
 	align-items: center; /* Vertically centers content */
	justify-content: right; /* Horizontally centers content (optional) */
  	height:150px; /* Example height */
}


				

#four_images {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 20px;
}

.image-container {
    text-align: center;
}

.image-container img {
    width: 100%;
    height: auto;
    display: block;
}









.text_box {
	display:block; margin:5px auto;
		 color:#000;
		font-family:Arial, Helvetica, sans-serif;
		font-size:24px;
		font-style:italic;
		line-height:30Spx;
		text-align:left;
}
.pdf-button {
    background-color: #C90; /* Button Color */
    color: white;              /* Text Color */
    padding: 10px 20px;        /* Spacing */
    text-decoration: none;     /* Removes underline */
    border-radius: 5px;        /* Rounded corners */
    display:inline;
    font-family: Arial, sans-serif;
    font-weight: bold;
}

.pdf-button:hover {
    background-color: #EB5524; /* Darker color on hover */
}


.four_images {display:grid;
				grid-template-columns: 1fr 1fr;
  				grid-template-rows: 1fr 1fr;
				justify-items: center;
				align-items: center;}


<!-- ul li a {text-transform:uppercase}		
		

 
#footer	{padding:20px;
		margin:40px 0px 0px 0px;
		border-top:3px;
		border-top-style:dotted;
		border-top-color:#999;
		text-align:center;
		clear:both;
		letter-spacing:3px; 
		}
		
/* CSS Document */