body {background-color: black;
       color: white;
       margin-left: 5%;
       margin-right: 5%;
       font-family: Arial }

a:link, a:visited, a:active { color: white;
                                      text-decoration: underline}

a:hover { color: blue;
               text-decoration: underline }

a img.thumbnail { border: white;
                        border-style: solid;
                        border-width: 12px}

table.thumbnails { border-width: 5px;
                           border-spacing: 15px;
                           border-style: solid;
                           border-color: white white white white;
                           align: center }

tr, td { align: center }

.img-shadow {  border-style: solid;
                       border-color: white;
                       border-width: 50px;
                       float:right;
                       background: url(trans-shadow.png) no-repeat bottom right;
                    }

.img-shadow img {  display: block; /* IE won't do well without this */
                             position: relative;
                             padding: 0px; /* This creates a border around the image */
                             background-color: #fff;; /* Background color of the border                   created by the padding */
                             border: 1px solid white; /* A 1 pixel greyish border is applied to  the border created by the padding */
                             margin: -6px 6px 6px -6px; /* Offset the image by certain pixels to reveal the shadow, as the shadows are 6 pixels wide, offset it by that amount to get a perfect shadow */
                           }