body {
	background-color: #ffffff;
	color: #000000;
	font-size: 16pt;
}

.container {
	font-family: Arial, Helvetica, sans-serif;
	line-height: 1.1em;
	background-color: transparent;
	color: #000000;
}

.speciesphotocontent {
	background-color: transparent;
	color: #000000;
	padding: 0;
	margin: 0;
	font-size: 80%;
	border-left: 0;
	width: 800px;
}

.maincontent h1	{left: 0px;}

#breadcrumb, .links, .p7swapmenu, #logo, #topimage, .photo4d, .ptextright300, .ptextright200, .ptextright150, .ptextright400, .ptextright200, .ptextright150, #topnav	{display: none;}

.maincontent {
	margin-left: -30px;
	width: 1000px;
	border-left: none;
	color: black; 
	background: transparent;
	float: none;
} 


@page {size 8.5in 11in; margin: 0cm;}

.catalog	{padding: 0px; margin: 0px;}
.norak ul li	 {color: #000000; background-color: transparent;} 
.nbi ul li	 {color: #000000; background-color: transparent;} 
.berak ul li	 {color: #000000; background-color: transparent;} 
.norak p	 {color: #000000; background-color: transparent;} 
.nbi p	 {color: #000000; background-color: transparent;} 
.berak p	 {color: #000000; background-color: transparent;} 
.norak	 {color: #000000; background-color: transparent;} 
.nbi	 {color: #000000; background-color: transparent;} 
.berak	 {color: #000000; background-color: transparent;} 

/* makes links show up as same green color as headings, and bold, underlined */
/* change the COLOR! if you want to print from other folders! /*
.maincontent a:link, a:visited {
	color: #006633;
	background: transparent;
	font-weight: bold;
	text-decoration: underline;
	}

/* keeps links out of the masthead; it doesn't seem to be important on the AGA, but have only tried to print HTLA/CH4 */
/*.maincontent a:link:after, .maincontent a:visited:after {
   content: " (" attr(href) ") ";
   font-size: 100%;
   }*/
   
/* this will make the URL show up for links to enlarged images BUT ONLY FOR HTLA/CH4 IMAGES!! all other images will have INCORRECT URLs!!! */
/* could fix this by putting in absolute rather than relative links */
/* and... this is handy, 
/* NOTE: ^= is a CSS3 selector. The W3C CSS validator can only test for compliance with CSS1 and CSS2. Unable to understand the CSS3 selector, the W3C validator will report it as an error, even though it is perfectly valid per the CSS3 Selectors Candidate Recommendation. see http://www.alistapart.com/articles/goingtoprint/ */
/*.maincontent a[href^=""]:after {
  content: " (http://www.arcticatlas.org/atlas/htla/ch4/" attr(href) ") ";
   }*/