fieldset {
	border: 1px solid black; padding: 8px; margin: 8px 0;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: black;
	background: white;
}

body, div { font-family: 'lucida grande', helvetica, verdana, arial, sans-serif }
body { margin: 0; padding: 0; font-size: small; color: #333 }
h1, h2 { font-family: 'trebuchet ms', verdana, arial; padding: 10px; margin: 0 }
h1 { font-size: large }
#main { padding: 1em; }
#banner { padding: 15px; background-color: #06b; color: white; font-size: large; border-bottom: 1px solid #ccc;
    background: url(bg.gif) repeat-x; text-align: center }
#banner a { color: white; }
legend { font-weight: bold; }

button { padding: 0 6px; margin: 0; }

pre, code { white-space: pre; font-family: "Courier New"; }
pre { margin: 8px 0; }
h3 {
	font-size: 110%;
	font-weight: bold;
	margin: .2em 0 .5em 0;
}
p { margin: 1em 0; }
strong { font-weight: bolder; }
em { font-style: italic; }


#tooltip.pretty {
	font-size: 80%;
	font-family: Arial;
	border: none;
	width: 390px;
	padding:30px;
	height: 245px;
	line-height:130%;
	opacity: 0.9;
	background: url('shadow.png');
}
#tooltip.pretty h3 {
	margin-bottom: 0.75em;
	font-size: 12pt;
	width: 390px;
	text-align: center;
}
#tooltip.pretty div { width: 390px; height: 215px; text-align: left; }