body { background-color: #c0c0c0; margin: 0; padding: 0;rent}
.h3 { text-shadow: black 0.2em 0.3em 0.2em }
.title { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 16px; font-weight: bold; color: #000000} 
.bullet { list-style-type: square; list-style-image: url(images/bullet.gif); text-decoration: none; line-height: 16px} 
.text { font-family: Arial, Helvetica, sans-serif; font-size: 13px; line-height: 18px; color: #000000}  
a {font-family: Verdana, Arial, Helvetica, sans-serif; color: #242f35} a:hover {color:#000000} 
.subtitle { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #000000; font-weight: bold; text-decoration: none} 
.links { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #c0c0c0; text-decoration: none; font-weight: bold} .links:hover { color: #000000; font-size: 11px}
.footer { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #c0c0c0; text-decoration: none; min-width: 100%; }.footer:hover { color: #000000}
.footer1 { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9px; line-height: 12px; color: #242f35} 
.sold { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #FF0000; font-weight: bold; text-decoration: none}

p.shadowed {
	font-size: 150%;
	color: black;
	text-align: center;
	font-weight: bold;
}

p#safari-only {
	text-shadow: #666666 5px 5px 5px;
}

p#ie-only {
	height: 1em;
	filter: Shadow(Color=#666666, Direction=135, Strength=5);
}

p#ie-and-safari-only {
	text-shadow: #000000 5px 5px 5px;
	height: 1em;
	filter: Shadow(Color=#000000, Direction=135, Strength=5);
}

p#knows-about-before {
  line-height: 2em;
  white-space: nowrap;
}

p#knows-about-before:before {
  display: block;
  margin: 0 0 -2.12em 0.15em;
  padding: 0;
  color: #666666; 
  content: 'Do I know about :before?';
}

p#a-mess-in-safari {
	text-shadow: #666666 5px 5px 5px;
	height: 1em;
	filter: Shadow(Color=#666666, Direction=135, Strength=5);
	line-height: 2em;
	white-space: nowrap;
}

p#a-mess-in-safari:before {
  display: block;
  margin: 0 0 -2.12em 0.15em;
  padding: 0;
  color: #666666; 
  content: 'Looks messy in Safari';
}

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

  /* 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: #666666; 
}

#shadow_1:before { 
  content: 'In shadow'; 
}
#second_2:before { 
  content: 'Another shadow'; 
}

/*\*/
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: #666666 5px 5px 5px; 

  ]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;}