* { border: 0px solid #eee; margin: 0; padding: 0; list-style: none; }


body { background-color: #e2e2e2; 
	font-family: arial, Helvetica, sans-serif;
	font-size: 77%; /* initially set to percentage so that ems work without producing miniscule text in IE */
	line-height: 1.2em;
	text-align: left; 
	color: #000; 
}

img { display: block; }

a { color: #88898c; text-decoration: none; }
a:hover { text-decoration: none; color: #000; }

p { margin: 0 0 10px 0; }

body#what { margin: 20px 20px 20px 50px; }
#what #closewin { position: absolute; top: 20px; left: 500px; }
#what h3 { color: #666; font-size: 1.4em; margin: 0 0 20px 0; }

#what img { float: right; margin: 0 400px 0 0; }

#what .item1 { margin: 5px; padding: 5px; width: 400px; background: #f0efef url(/images/icn_str.gif) 380px 6px no-repeat; }
#what .item1:hover { background: #ccc url(/images/icn_str.gif) 380px 6px no-repeat; } 

#what .item2 { margin: 5px; padding: 5px; width: 400px; background: #f0efef url(/images/icn_external.gif) 380px 6px no-repeat; cursor: pointer; } 
#what .item2:hover { background: #ccc url(/images/icn_external.gif) 380px 6px no-repeat; cursor: pointer; } 
#what .item2 a { display: block; width: 400px; height: 15px; padding: 0; margin: 0;  }

#what .legend1 { margin: 25px 5px 5px 5px; padding: 5px; width: 400px; background: #666 url(/images/icn_str.gif) 380px 6px no-repeat; }

#what .legend2 { margin: 5px; padding: 5px; width: 400px; background: #666 url(/images/icn_external.gif) 380px 6px no-repeat; }