/* CSS file for all of my web pages - RonC */
/* $Id: MyHomePage.css,v 2.20 2024-08-17 12:54:01-04 ron Exp $  $Name:  $*/

/* Types beginning with # are IDs; types beginning with . are classes. */

.content {
	min-width: 500px;
	margin: auto;
}


a:link {
	color: blue;
	background-color: transparent;
}

a:visited {
	color: #9400d3;
	background-color: transparent;
}

a:hover {
   color: red;
	background-color: transparent;
}

a:active { 
	color: #f213ff;
	background-color: transparent;
}

body {
	color: black;
	margin: auto;
	background-color: #eee1d1;
	background-image: url(background.jpg);
	font-family: Calibri, Verdana, Arial, Helvetica, Geneva, SunSans-Regular, sans-serif;
}

h1 {
	text-shadow: 1px 1px 2px white, 0 0 25px yellow, 0 0 5px darkblue;
	color: black;
	background-color: transparent;
	font-family: inherit;
}

h2, h3, h4, h5, h6 {
	color: black;
	background-color: transparent;
	font-family: inherit;
}

th.program {
	color: black;
	background-color: #ffff90;
	background-image: none;
	font-style: normal;
	font-weight: normal;
	text-align: center;
	font-size: larger;
	border-bottom: 1px solid black;
}

td.program {
	color: black;
	background-color: #ffffd0;
	background-image: none;
	font-style: normal;
	font-weight: normal;
	padding: 0.5em
}

hr.shortleft {
	margin-left: 0%;
	width: 10%;
}

.MyBorder {
	border: 1px solid black;
	border-collapse: collapse;
}

.Centered {
	text-align: center
}

.PicturesBox {
	/* drop-shadow doesn't work in IE 11.0, with or without Developer Tools (F12) */
	/* box-shadow: none|h-shadow v-shadow blur spread color |inset|initial|inherit; */
    -webkit-filter: drop-shadow(8px 8px 10px gray); /* Chrome, Safari, Opera */
    filter: drop-shadow(8px 8px 10px gray);
	color: black;
	background-color: #EEE0D0;
	border: 1px solid black;
	padding: 1%;
}

.GoodiesBox {
	/* drop-shadow doesn't work in IE 11.0, with or without Developer Tools (F12) */
	/* box-shadow: none|h-shadow v-shadow blur spread color |inset|initial|inherit; */
	-webkit-filter: drop-shadow(8px 8px 10px gray); /* Chrome, Safari, Opera */
	filter: drop-shadow(8px 8px 10px gray);
	color: black;
	background-color: #EEE0D0;
	width: 50%;
	margin-left: 25%;
	text-align: center;
}

.ProgramBox {
	/* drop-shadow doesn't work in IE 11.0, with or without Developer Tools (F12) */
	/* box-shadow: none|h-shadow v-shadow blur spread color |inset|initial|inherit; */
	-webkit-filter: drop-shadow(8px 8px 10px gray); /* Chrome, Safari, Opera */
	filter: drop-shadow(8px 8px 10px gray);
	width: 97%;
	margin-left: 1.5%;
}

.columns4 {
    -webkit-column-count: 4; /* Chrome, Safari, Opera */
    -moz-column-count: 4; /* Firefox */
    column-count: 4;
}

  /* buttons are shadowed */
  .button {
    color: #090909;
    padding: 0.3em 1.0em;
    /* font-size: 18px; */
    border-radius: 0.5em;
    background: #e8e8e8;
    cursor: pointer;
    border: .5px solid black;
    transition: all 0.3s;
    box-shadow: 6px 6px 12px #c5c5c5, -6px -6px 12px #ffffff;
}
.button:active {
    color: #666;
    box-shadow: inset 4px 4px 12px #c5c5c5, inset -4px -4px 12px #ffffff;
}