A:link { color:red; text-decoration:none; }
A:alink { color: purple; text-decoration:none; }
A:visited { color:red; text-decoration:none; }
A:hover { color:purple; text-decoration:bold; }
A:active { color:purple; text-decoration:bold; }

h1           { font-family: Arial; font-size: 15pt; color: #red; font-variant: small-caps; padding-top: 0; padding-bottom: 0 }


body {color:black; background-image:url('/bkgrnd2.jpg')}

<--
light yellow: FFFFE0    /  light blue: F9FFFE   / light purple: FFF9FF
Light pink: FFF9FE  /  Light green: F7FFED   / White: FFFFFF
light indigo F7F7FF  / Lilac : CCC2FC / Light Red: FFC4CA / Light Grey: F4F4F4
-->

<!-- Paste this code into your external style sheet or the
     CSS section of your HTML document  -->

.shadow {
  border: 1px solid silver;
  padding: 2px;
  font: 10pt arial;
  position: relative;
  display: inline;
  background: white;
  z-index: 100
}
.shadow2 {
  overflow: hidden;
  position: absolute;
  filter: alpha(Opacity=15); /* modify to change the shade solidity/opacity, same as below */
  opacity: 0.1; /* firefox 1.5 opacity */
  -moz-opacity: 0.2; /* mozilla opacity */
  -khtml-opacity: 0.1; /* opacity */
  z-index: 10
}