
     #divHandle
     {
     float:left;
     font-family:verdana;
     font-size:11px;
     border:1px solid #ffffff;
     height:165px;
     width:180px;

     }
     #statusTxt
     {
     font-family:verdana;
     font-size:14px;
     margin-bottom:3px;
     color:#ffffff;
     font-weight:bold;
     }



/* default setup that everything sees */
.shadow {
  /* needed for Internet explorer */
  height: 1em;
  filter: Shadow(Color=#2d4054,
                 Direction=135,
                 Strength=2);

  /* Needed for Gecko */
  line-height: 2em;
  white-space: nowrap;

}

/*
 * used by browsers which know about
 * :before to create the shadow
 */
.shadow:before {
  display: block;
  margin: 0 0 -2.12em 0.15em;
  padding: 0;
  color: #2d4054;
}

#shadow_1:before {
  content: 'In shadow';
}
#second_2:before {
  content: 'Happy Shadowing!';
}


html*.shadow {

  [color:red;/* required by Safari
              * so that [] is correctly
              * begun. associated with
              * the property, yet hiding
              * it. Seen by IE6 */

    /*
     * seen by IE6 and Safari, but hidden
     * from Gecko
     */
    text-shadow: #2d4054 2px 2px 2px;

  ]color:auto; /* resets color for IE6 */
}

/*
 * end hack using dummy attribute selector
 * for IE5 mac
 */
.dummyend[id]{clear: both;}


html*.shadow:before {

  [color:red;/* required by Safari.
                seen by IE6 */

    /*
     * seen by IE6 and Safari, but hidden
     * from Gecko
     */
    display: none;

  ]color:auto; /* resets color for IE6 */
}

/*
 * end hack using dummy attribute selector
 * for IE5 mac
 */
.dummyend[id]{clear: both;}
.style1 {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 13px;
    font-weight: bold;
    color: #000000;
}
