body         { background-color: #000000; color:#C0C0C0;}         
img          { border: 2px ridge #C0C0C0;  }
a:link       { color: #C0C0C0; font-size:12pt; font-family:Verdana }
a:hover      { color: #white; font-family:Verdana; font-size:12pt }
a            { color: #C0C0C0; font-family: Verdana; font-size: 12pt }
h1           { font-size: 24pt; font-family: Times New Roman; color: #C0C0C0; font-weight: 
               bold }
h2           { color: #C0C0C0; font-family: Times New Roman; font-size: 14pt; font-weight: 
               bold }
h3           { font-family: Times New Roman; font-size: 14pt; color: #C0C0C0; font-weight: 
               bold }

<style type="text/css">
.shadow1{
box-shadow: 5px 5px #818181;
-webkit-box-shadow: 5px 5px #818181;
-moz-box-shadow: 5px 5px #818181;
filter: progid:DXImageTransform.Microsoft.dropShadow(color=#818181, offX=5, offY=5, positive=true);
}
</style> <div class="shadow1" style="width:500px; height:50px; padding:5px; background:navy; border: 1px solid black;"> </div>{  }
</style>