/*
	PAGE LAYOUT
	body
		pagewrapper - centers the page and fills with background gradient
			pagewrapper1 - adds the hands at the bottom
				header - 100% width
				mainwrapper - centers the narrower inner contents
					tabs - navbar, 100% width
					main
						mainleft - left column, float left
						mainright - right column, float right
					footer - 100% width
				/mainwrapper
			/pagewrapper1
			validator - W3C validators - turn display off to hide
		/pagewrapper
	body
		
*/

body {
	font-family: Arial, Helvetica, sans-serif;
	font-size:small; font-style:normal;
	margin:0; padding:0; border:0;
	background: #252726 url(/images/PoisonedForProfitBackground.jpg) no-repeat scroll top center;
	color:#4b4b4b;
}


a {
	color:#d96236;
	text-decoration:none;
}

a.ext {
	color:#4c8dad;
}

a:hover {
	text-decoration: underline;
}

.clear { clear:both; }

p {
	clear:both;
	margin:1em 0 0 0;
	padding:0;
}

h1, h2{ font-weight:bold; font-size:120%; clear:both; }
h2 { font-size:110%; }

p.breakout { /* for the centered breakout texts */
	font-size:120%;
	text-align:center;
	margin-left:8%; margin-right:8%;
	color:#878787;
}

p.quote { /* quotes */
	color:#787878;
	margin-bottom:0;
	font-size:110%;
}

p.attrib { /* quote attributions */
	margin-top:.33em;
	margin-bottom:2em;
}

p.caption { /* photo captions */
	margin-top:0;
	font-size:90%;
	color:#787878;
}

strong { font-weight:bold; font-style:normal; }

img.right { float:right; }
img.left { float:left; }

/* this centers the whole page */
div#pagewrapper {
	position:relative; top:0; left:0; /* positional reference */
	width:782px;
	margin:0 auto;
	padding:0;
	overflow:hidden;
}


/* this float grows with the contents and has the hands reaching up from the bottom. */
div#pagewrapper1 {
	float:left; width:100%; display:inline;
	/* background: url(/images/hands1000w.jpg) bottom center no-repeat; */
	padding:0 0 25px 0; /* the bottom padding exposes the bottom of the hands */
	overflow:hidden;
}

/* this defines the folder are for the header, tabs and body text.
  the left margin is set to center this in the pagewrapper: (906-782)/2.
  the header, tabs and folder are all floats with 100% widths inside this. */

div#mainwrapper {
	position:relative; width:782px;
	margin:0 auto;
	padding:0;
}

div#header {
	float:left; width:100%; display:inline;
	margin:0 0 20px 0; /* sets the vertical spacing */
	overflow:hidden;
}

div#header a {
	border:0;
}

div#header a img {
	margin:0; padding:0;
	border:0;
}



/*
	The tabs are constructed as table cells. This is the easy way to make all the tab heights
	grow with the tallest of them, as font size is increased.
	Each tab cell is 112px wide. 7 tabs x 112px = 784px total.
	The tab backgrounds are 110px, leaving a 2px gap between tabs.
	The last 2px gap overhangs the right edge, which is why the tab div
	is 2px larger than the mainwrapper width.
	There are two rows, one for the tabs and one for the shadows. The table borders are
	collapsed so they meet perfectly. It's in two rows because so the rounded corners could
	be in the top background and the shadows could be in the bottom. No matter how tall the
	tabs frow, the shadow sticks to the bottom and the middle is filled in with the lower part
	of the top image.
	div.tab makes sure that the text is limited in width to the size of the background
	no matter how big the font grows.
*/

div#tabs {
	float:left;
	width:784px;
}

div#tabs table {
		width:100%;
		padding:0; margin:0;
		border-collapse:collapse; /* eliminates the gap between the two rows */
}
div#tabs table tr {  }
div#tabs table tr td { 
	width:112px; height:1.9em; /* sets the tab height */
	vertical-align:middle; 
	text-align:center;
	margin:0; padding:0;
	background: url(/images/tabs/tabbackground.gif) top left no-repeat;
	/* the background image is 110px wide, leaving a 2px gap between tabs */
}

div#tabs table tr td div.tab {
	float:left;
	width:110px; /* same as the background image width */
	margin:0; padding:0;
	overflow:hidden; /* clips the text if necessary */
}

div#tabs table tr td a { 
	padding:0; margin:0;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:105%;
	font-weight:bold;
	text-decoration:none;
	color:#333333;
}

div#tabs table tr td a:hover,active {
	/* color:#CCCCCC; */
	color:#d96236;
}

div#tabs table tr.tabshadows td {
	margin:0; padding:0;
	height:10px;
	background: url(/images/tabs/tabshadow.gif) bottom left no-repeat;
	/* background set to tabwhite.gif for selected page */
}

div#footer {
	float:left; width:100%; display:block;
	padding:0; margin:0 -3px 0 0; /* -3px right margin is a workaround for the IE6 duplicate character bug */
	background-color:#ffffff;
	text-align:right;
	color:#666666;
}

div#footer p {
	margin:0 .5em .5em 0; padding:0;
}

div#sitemap {
	float:left; width:100%; display:block;
	clear:both;
	background-color:#ffffff;
	margin:0 auto;
	padding:2em 0 1em 0;
}

div#sitemap table {
	width: 718px;
	margin:0 auto; padding:0;
	border-top:1px solid #878787;
	border-bottom:1px solid #878787;
}

div#sitemap table tr {
	margin:0; padding:0;
}

div#sitemap table tr td {
	margin:0; padding:0;
	text-align:center;
	font-size:90%;
}

div#main {
	float:left; width:100%;
	margin:0; padding:0;
	background-color:#ffffff;
}

div#main img.spacer { /* sets the minimum height for the main div */
	float:left;
	margin:0; padding:0;
	height:450px;
}

div#mainleft {
	float:left;
	display:inline; /* IE6 double-margin bug fix */
	width:30%;
	padding:0; margin:2em 0 2em 32px;
}

div#mainleft a {
	font-size: 110%;
}

div#mainright {
	float:right;
	display:inline; /* IE6 double-margin bug fix */
	width:60%;
	padding:0; margin: 20px 32px 2em 0;
}

div#mainright.nohdr { margin-top:72px; }

div#mainright p { clear:none; }

div#mainright p.mainquote {
	font-family:"Times New Roman", Times, serif;
}

div#rightphoto {
	clear:none;
	display:inline; /* IE6 double-margin bug fix */
	float:right;
	width:180px;
	padding:0;
	margin:1em 32px 1em 1em;
}
div#rightphoto img { 
	margin:0; padding:0; 
	float:right;
	display:inline; 
}

div#mainright p.caption { 
	float:right;
}

div#linklist {
	position:relative;
	margin:0; padding:0;
	top: 20px; left: 0px;
	clear:both;
}

div#linklist ul {
	margin:0; padding:0;
}

div#linklist ul li {
	margin:0 0 .5em 0; padding:0;
	list-style:none;
	list-style-position:outside;
}

div#linklist ul li.L1 {
	list-style-type:disc; color:#FF0000;
	list-style-position:outside;
	margin-left:1.2em;
}

div#linklist ul li.L2 {
	margin-left:20px;
}

div#linklist ul li a {
	color:#d96236;
	font-size: 110%;
}

div#linklist ul li a.p1,a.p2,a.p3,a.p4,a.p5,a.p6,a.p7,a.p8,a.p9,a.p10
				  a.p11,a.p12,a.p13,a.p14,a.p15,a.p16,a.p17,a.p18,a.p19,a.p20 {
	font-weight:normal;
}

	
div#photo { /* upper-right corner photos in the right column */
	float:right;
	width:auto;
	margin:1em 0 0 1em;
}

div.hdr { /* for the header images */
	margin:0; padding:0;
	width:100%;
}

div.hdr img { margin:1em 0 0 0; float:left; display:inline; }
div.hdr img.top { margin-top:0; } /* first one on the page */

	
div.factoid {
	float:left; clear:both;
	width:200px;
	margin:2em 0 0 0; padding:1em 0 0 0;
}

div.factoid p {
	padding:0 0 0 20px; margin:1em 0 0 0;
	color:#000000;
	font-family:Arial, Helvetica, sans-serif;
	background-image:url(/images/exc.gif);
	background-position:top left;
	background-repeat:no-repeat;
}

div.factoid a { display:block; margin:1em 0 0 0; }

div#buybox {
		clear:both;
		position:relative;
		top:-10px; left:8px;
}
div#buybox a { font-size: 100%; }

table#toc {
	width:100%;
	border-collapse:collapse;
}

table#toc h2,p { margin:0 0 .5em 0; padding:0; }
table#toc p { margin-left:1em; }
table#toc tr { vertical-align:top; text-align:left; }

div#validator {
	width:100%;
	background-color:#ffffff;
	display:block; /* makes the validator invisible */
}

div#validator img {
	border:0;
	float:right;
	margin:0;
	width:44px;
	display:block;
}