/* CSS Document */

body, html {min-width:100%; min-height:100%; height:100%; margin:auto; margin-top:24px; font-family:arial, san-serif; font-size:small; color:#333; text-decoration:none; background-image: url(images/WelskBackgrounder.gif); line-height:130%;}

H1 {font-size:large; font-weight:bold;}
H2 {color:#2E3192; font-weight:bold; font-size:larger;}

#container {min-width:775px; width:62%; background-color:#FFF; margin-left:auto; margin-right:auto;  height:auto; margin-bottom:24px;}

#bannerSpace {height:106px; width:auto; clear:both; background-repeat:no-repeat; margin-bottom:35px;}

#topMenu {background-color:#ED2020; color:#CC9900; padding-top:10px; padding-bottom:10px; padding-left:0; padding-right:0; font-family:arial narrow; text-align:center; letter-spacing:0.3px; width:100%; margin:0px; /* creates a shadow?*/text-shadow: black 0.1em 0.1em 0.1em; font-weight:bold;}
#topMenu a, a:link, a:visited {color:#FFF; text-decoration:none; margin-left:2px;margin-right:2px;}
#topMenu a:hover {color:#CC9933; color:#FFCC00;}
#topMenu ul, li {list-style:none;}

#content {clear:both; padding:12px; padding-bottom:0px; padding-right:42px; width:80%; margin-left:auto; margin-right:auto;}
#contentLeft {float:left; width:200px; margin-right:18px; margin-bottom:150px;}
#contentRight {float:right; width:63%;}

#items {width:100%;padding:18px;clear:both;height:230px;}
#items img {margin-right:18px; float:left;}

.empahsis {color:#ED2020; font-weight:bold;}

#address {width:100%; margin-left:auto; margin-right:auto; font-size:x-small; clear:both; text-align:center; padding:18px; color:#999; margin-top:23px;}

a, a:link, a:visited {color:#ED2020;}
a:hover {color:#777;}

/* --------------- trying before shadow --------------- */
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: #666666 5px 5px 5px;
	height: 1em;
	filter: Shadow(Color=#666666, 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;}