/* --- Sec 1.0 Common menu styles ---------------- */

* {  box-sizing: border-box; }
* { font-family: 'Lucida Grande', Verdana, Arial, helvetica, Sans-Serif; }

BODY {

	font-size: 100%;
	MARGIN-LEFT: 5em; MARGIN-RIGHT: 2em;
	#margin: 20px;
}

  img{
  #filter:  blur( 2px ) invert(1);
  #filter:  blur( 1px ) sepia(0.5) contrast(1.3)  ;
  #box-shadow: 0 0 2px 1px rgba(0, 140, 186, 0.5);
   
   #opacity: 0.8;
   box-shadow: 5px 5px 10px 10px #ddd ;

  }
  
  table, th, td {
    border: 2px solid #ddd ;
	border-collapse: collapse;
	padding:10px;
  }
  th { background-color: #ffc; }

pre { 

    /* 2025--2-14 - work around for mobile */
    white-space: pre-wrap !important;
    font-family: 'Courier New', monospace;
    COLOR: #660033; 
    FONT-SIZE: 12pt; 
    }

/* Styles for White Text on Blurred image */
.container {
  position: relative;
}

.background-layer {
  position: relative;
  z-index: 1;
  filter:  blur( 3px );
}

.title-layer {
  position: absolute;
  z-index: 2; /* top layer */
  height: 100px;  
  top:  0px;
  font-size: 40px;
  color: white;
  padding 15px;
  margin: 25px;