body {background: white; font-size: 12pt;}
#content h1{font-family:Helvetica, Arial, sans-serif;font-size:20pt;color:#ccc;text-transform:lowercase;font-weight:bold;padding:0; margin:15px 0 0 0;line-height:1.0em}
#content h2, #content h3, #content h4, #content h5{font-family:Helvetica, Arial, sans-serif;font-size:14pt;color:#003399;text-transform:uppercase;font-weight:normal;margin:2px 0 10px 0;padding-top:15px; border-top:#006699 dotted 1px; width:100%; float:left;clear:both; line-height:1.0em}

.skip,
a.download,
a.icon,
#footer,
#breadcrumb,
#menu {display: none;}
	
#logo,	
#content {
	font-family:Helvetica, Arial, sans-serif;
	width: auto;
	border: 0;
	margin: 0 5%;
	padding: 0;
	float: none !important;}

/* In a fully CSS2-conformant browser, we can parenthetically insert the URLs of the links after each one, thus making them fairly useful to anyone who has a copy of the printout and a web browser handy. Here’s the rule, which restricts this effect to the “content” div and thus avoids sticking a URL in the masthead:  */
#content a:link:after, #content a:visited:after {
   content: " (" attr(href) ") ";
   font-size: 90%;
   }
/* In any browser that doesn’t understand the rule, there should be no ill effects—the links will still be dark red, underlined, and boldfaced. They just won’t have a URL appear after the text of the link, that’s all */