@charset "utf-8";
/* CSS Document */

@media print{
  body{ background-color:#FFFFFF; 
        background-image:none; 
		color:#000000;
		/*position:relative; !important*/
		font-size: 12pt !important;
		
		width:auto;
		}
		
		
  #coverLink              {display:none;}
  #logoBox                {display:none;}
  #pageBar                {display:none;}
  #chapterPageLeftBar     {display:none;}
  #chapterPageRightBar    {display:none;}
  #chpaterPageBottomBar   {display:none;} 
  #standardPageLeftBar    {display:none;}
  #standardPageRightBar   {display:none;}
  #standardPageBottomBar  {display:none;} 
  #appendixPageLeftBar    {display:none;}
  #appendixPageRightBar   {display:none;}
  #appendixPageBottomBar  {display:none;} 
  #helpPageLeftBar        {display:none;}
  #helpPageRightBar       {display:none;}
  #helpPageBottomBar      {display:none;} 
  #contentsPageLeftBar    {display:none;}
  #contentsPageRightBar   {display:none;}
  #contentsPageBottomBar  {display:none;} 
  #appendixLogoBox        {display:none;} 
  #copyright              {display:none;} 
  #chapterSummaryBox      {display:none;}
  #pageNavBar             {display:none;}
  #toggleBox              {display:none;}
  #menuBar                {display:none;}
  #menuTitle1             {display:none;}
  #menuTitleMouseOver1    {display:none;}
  #menuTitle2             {display:none;}
  #menuTitleMouseOver2    {display:none;}
  #menuTitle3             {display:none;}
  #menuTitleMouseOver3    {display:none;}
  #menuTitle4             {display:none;}
  #menuTitleMouseOver4    {display:none;}
  #menuTitle5             {display:none;}
  #menuTitleMouseOver5    {display:none;}
  #menuTitle6             {display:none;}
  #menuTitleMouseOver6    {display:none;}
  applet 				  {display:none;}


/* Print all text in black */
* {color: #000 !important; }

#chapterPage
{
	position: relative;
	margin-left: auto;
	margin-right:auto;
	border: none !important;
	overflow: visible !important;
	visibility: visible;
	z-index: 5;
	height:auto !important;
	width:auto !important;
	top: 10pt !important;
	left: 10pt !important;
	right: 10pt !important;
	bottom: 10pt !important;
	
	float:none !important;
}

#chapterPageTopBar {
	border: none;
	overflow: visible !important;
	position: absolute;
	visibility: visible;
	z-index: 10;
	height: auto !important;
	width:auto !important;
	top: 0pt !important;
	left: 0pt !important;
	background-image:none !important;
	
	float:none !important;
}

#chapterPageContentBox {
	overflow:visible !important;
	position: absolute;
	visibility: visible;
	z-index: 15;
	right: 0pt !important;
	left: 0pt !important;
	top: 70pt !important;
	bottom: 0pt !important;
    background-color: #FFFFFF;
	border: none;
	padding: 0 !important;
	
	float:none !important;
	width:auto !important;
}

#chapterPageBottomBar {
	border: none;
	overflow: hidden;
	position: absolute;
	visibility: visible;
	z-index: 10;
	height: 50pt !important;
	right: 0pt !important;
	top: 10pt !important;
	left: 0pt !important;
	background-image:none !important;
	
	bottom: 0pt;
}

#standardPage{ 
    /* The id for the container div of an entire standard content page.
	   All other divs in this .css are children of thie standardPage div.
	   Hence,  with a few exceptions, changing the size of this div causes the 
	   child divs to change sizes automatically.    
	   
	   If it is desirable to keep all page sizes the same, the dimensions given
	   here should jive with those for the cover page, the section pages, the
	   chapter pages, and the self-test pages.  */
	position: relative;
	margin-left: auto !important;
	margin-right:auto !important;
	border: none !important;
	overflow:visible !important;
	visibility: visible;
	z-index: 5;
	height:auto !important;
	width:auto !important;
	top: 10pt !important;
	left: 10pt !important;
	right: 10pt !important;
	bottom: 10pt !important;
	
	float:none !important;
	}

#standardPageTopBar { 
    /* The id for the div of top margin bar of a page */
	border: none;
	overflow: visible !important;
	position: absolute;
	visibility: visible;
	z-index: 10;
	height: auto !important;
	right: 0pt !important;
	top: 0pt !important;
	left: 0pt !important;
	
	float:none !important;
	width:auto !important;
}

#chapterBar {
    /* The id for the child div of the topBar div that provides a place for the
       title of the current chapter to be displayed in the top bar. */
	border: none; 
	overflow:visible !important;
	position: absolute;
	visibility: visible;
	z-index: 30;
	top: 10pt !important;
	left: 0pt !important;
	right: 20pt !important;
	bottom: 0pt !important;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18pt !important;
	font-style: oblique;
	font-weight: bold !important;
	letter-spacing: 0.05em;
	color:#663300;
	text-align: left;
	
	float:none !important;
	width:auto !important;
  }
		   
  #sectionBar {
    /* The id of the child div of the topBar div that provides a place for the
       title of the current section to be displayed in the top bar. */
	border: none;
	overflow:visible !important;
	position: absolute;
	visibility: visible;
	z-index: 30;
	top: 40pt !important;
	left: 50pt !important;
	right: 20pt !important;
	bottom: 0pt !important;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18pt !important;
	font-style: oblique;
	font-weight: bold !important;
	letter-spacing: 0.05em;
	color:#990000;
	text-align: left;
	
	float:none !important;
	width:auto !important;
 }

#pageBar{ 
    /* The id of the child div of the topBar div that provides a place for the
       title of the current page to be displayed in the top bar. */
	border: none;
	overflow:visible !important;
	position: absolute;
	visibility: hidden;
	z-index: 30;
	top: 60pt !important;
	left: 250pt !important;
	right: 20pt !important;
	bottom: 0pt !important;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14pt !important;
	font-style: oblique;
	font-weight: bold !important;
	text-align: left;
	
	float:none !important;
	width:auto !important;
}

  #standardPageMainBar {
    /* The id for the div that defines the container for the main content of a standard page. */
	overflow:visible !important;
	position: absolute;
	visibility: visible;
	z-index: 10;
	height:auto !important;
	width:auto !important; 
	left: 0pt !important;
	top: 70pt !important;
	bottom: 0pt !important;
	border: none;
	padding: 0 !important;
	
	right: 0pt !important;
	float:none !important;
   }

#standardPageBottomBar {
    /* The id of the div that establishes the bottom page bar.  It is used in
       in Biofilms: The Hypertextbook to hold the copyright notice and page 
	   navigation links, each in a separate div described below. */
	border: none;
	overflow: hidden;
	position: absolute;
	visibility: visible;
	z-index: 10;
	height: 50pt !important;
	right: 0pt !important;
	top: 10pt !important;
	left: 0pt !important;
	
	bottom: 0pt;
}

#copyright{
    /* The id of the div used for the copyright notice, which itself appears in the
       various templates, and hence in all of the content pages. */
    border: none;
	overflow:visible !important;
	position: absolute;
	visibility: visible;
	z-index: auto !important;
	top: auto !important;
	right: auto !important;
	text-align: right;
	font-style: oblique;
	font-weight:normal !important;
	color:#000000 !important;
	
	float:none !important;
	width:auto !important;
	bottom: 0pt;
}

#appendixPage{ 
    /* The id for the container div of an entire standard content page.
	   All other divs in this .css are children of thie standardPage div.
	   Hence,  with a few exceptions, changing the size of this div causes the 
	   child divs to change sizes automatically.    
	   
	   If it is desirable to keep all page sizes the same, the dimensions given
	   here should jive with those for the cover page, the section pages, the
	   chapter pages, and the self-test pages.  */
	position: relative;
	margin-left: auto;
	margin-right:auto;
	border: none !important;
	overflow: visible !important;
	visibility: visible;
	z-index: 5;
	height:auto !important;
	width:auto !important;
	top: 10pt !important;
	left: 10pt !important;
	right: 10pt !important;
	bottom: 10pt !important;
	
	float:none !important;
}
	 
#appendixPageTopBar { 
    /* The id for the div of top margin bar of a page */
	border: none;
	overflow: visible !important;
	position: absolute;
	visibility: visible;
	z-index: 10;
	height: auto !important;
	width:auto !important;
	top: 0pt !important;
	left: 0pt !important;
	background-image:none !important;
	
	float:none !important;
}

#appendixBar{ 
    /* The id for the child div of the topBar div that provides a place for the
       title of the current chapter to be displayed in the top bar. */
	border: none; 
	overflow:visible !important;
	position: absolute;
	visibility: visible;
	z-index: 30;
	top: 10pt !important;
	left: 0pt !important;
	right: 20pt !important;
	bottom: 0pt !important;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18pt !important;
	font-style: oblique;
	font-weight: bold !important;
	letter-spacing: 0.05em;
	color:#663300;
	text-align: left;
	
	float:none !important;
	width:auto !important;
} 

#appendixPageMainBar {
    /* The id for the div that defines the container for the main content of a standard page. */
    overflow:visible !important;
	position: absolute;
	visibility: visible;
	z-index: 10;
	height:auto !important;
	width:auto !important;
	left: 0pt !important;
	top: 70pt !important;
	bottom: 0pt !important;
	border: none;
	padding: 0 !important;
	
	right: 0pt !important;
	float:none !important;
}

#appendixPageBottomBar {
    /* The id of the div that establishes the bottom page bar.  It is used in
       in Biorilms: The Hypertextbook to hold the copyright notice and page 
	   navigation links, each in a separate div described below. */
	border: none;
	overflow: hidden;
	position: absolute;
	visibility: visible;
	z-index: 10;
	height: 50pt !important;
	right: 0pt !important;
	top: 10pt !important;
	left: 0pt !important;
	background-image:none !important;
	
	bottom: 0pt;
}

#helpPage{ 
    /* The id for the container div of an entire standard content page.
	   All other divs in this .css are children of thie standardPage div.
	   Hence,  with a few exceptions, changing the size of this div causes the 
	   child divs to change sizes automatically.    
	   
	   If it is desirable to keep all page sizes the same, the dimensions given
	   here should jive with those for the cover page, the section pages, the
	   chapter pages, and the self-test pages.  */
	position: relative;
	margin-left: auto;
	margin-right:auto;
	border: none !important;
	overflow: visible !important;
	visibility: visible;
	z-index: 5;
	height:auto !important;
	width:auto !important;
	top: 10pt !important;
	left: 10pt !important;
	right: 10pt !important;
	bottom: 10pt !important;
	
	float:none !important;
}
	 
#helpPageTopBar { 
    /* The id for the div of top margin bar of a page */
	border: none;
	overflow: visible !important;
	position: absolute;
	visibility: visible;
	z-index: 10;
	height: auto !important;
	width:auto !important;
	top: 0pt !important;
	left: 0pt !important;
	background-image:none !important;
	
	float:none !important;
}

#helpBar{ 
    /* The id for the child div of the topBar div that provides a place for the
       title of the current chapter to be displayed in the top bar. */
	border: none; 
	overflow:visible !important;
	position: absolute;
	visibility: visible;
	z-index: 30;
	top: 10pt !important;
	left: 0pt !important;
	right: 20pt !important;
	bottom: 0pt !important;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18pt !important;
	font-style: oblique;
	font-weight: bold !important;
	letter-spacing: 0.05em;
	color:#663300;
	text-align: left;
	
	float:none !important;
	width:auto !important;
} 

#helpPageMainBar {
    /* The id for the div that defines the container for the main content of a standard page. */
    overflow:visible !important;
	position: absolute;
	visibility: visible;
	z-index: 10;
	height:auto !important;
	width:auto !important;
	left: 0pt !important;
	top: 70pt !important;
	bottom: 0pt !important;
	border: none;
	padding: 0 !important;
	
	right: 0pt !important;
	float:none !important;
}

#helpPageBottomBar {
    /* The id of the div that establishes the bottom page bar.  It is used in
       in Biorilms: The Hypertextbook to hold the copyright notice and page 
	   navigation links, each in a separate div described below. */
	border: none;
	overflow: hidden;
	position: absolute;
	visibility: visible;
	z-index: 10;
	height: 50pt !important;
	right: 0pt !important;
	top: 10pt !important;
	left: 0pt !important;
	background-image:none !important;
	
	bottom: 0pt;
}

#contentsPage
{
	position: relative;
	margin-left: auto;
	margin-right:auto;
	border: none !important;
	overflow: visible !important;
	visibility: visible;
	z-index: 5;
	height:auto !important;
	width:auto !important;
	top: auto !important;
	left: auto !important;
	right: auto !important;
	bottom: auto !important;
	
	float:none !important;
}
	 
#contentsPageTopBar {
	border: none;
	overflow: visible !important;
	position: absolute;
	visibility: visible;
	z-index: 10;
	height: auto !important;
	width:auto !important;
	top: auto !important;
	left: auto !important;
	background-image:none !important;

	right: auto !important;
	bottom: auto !important;
	float:none !important;
}

#contentsPageTopBarContentBox {
	border: none;
	overflow: visible !important;
	position: absolute;
	visibility: visible;
	z-index: 15;
	height: auto !important;
	width: auto !important;
	top: auto !important;
	left: auto !important;
	right: auto !important;
	bottom: auto !important;
	
	float:none !important;
}

#contentsBar{
    margin-left:auto !important;
    margin-top:auto !important;
    font-size: 24pt !important;
    letter-spacing:normal !important;
    font-style: oblique;
    color:#004000;
    line-height:normal !important;
    font-weight:bold;
  
	float:none !important;
	width:auto !important;
	height:auto !important;
	top: auto !important;
	left: auto !important;
	right: auto !important;
	bottom: auto !important;
	margin-right:auto;
}

#contentsPageMainBar {
    overflow:visible !important;
	position: absolute;
	visibility: visible;
	z-index: 10;
	height:auto !important;
	width:auto !important;
	left: 0pt !important;
	top: 70pt !important;
	bottom: 0pt !important;
	border: none;
	padding: 0 !important;
	
	right: 0pt !important;
	float:none !important;
}

#contentsPageBottomBar {
	border: none;
	overflow: hidden;
	position: absolute;
	visibility: visible;
	z-index: 10;
	height: 50pt !important;
	right: 0pt !important;
	top: 10pt !important;
	left: 0pt !important;
	background-image:none !important;
	
	bottom: 0pt;
}




.imageDescription{
/*	overflow:visible !important; */
	overflow:auto;
	width:auto;
	border-left-style: none;
	float:none;
	left:auto;
	top:30pt !important;
	position:relative !important;
}

/* Print the URL next to the text of a link */
a:after {
	content: " (" attr(href) ") ";
}


  .pageBreak          { page-break-before:always; }
  .imageFrameRight    { page-break-inside:avoid;}   /*CSS 2.1 Print Property - not yet supported by Firefox or IE*/
  .imageFrameLeft     { page-break-inside:avoid;}   /*CSS 2.1 Print Property - not yet supported by Firefox or IE*/
  .imageFrameCentered { page-break-inside:avoid;}   /*CSS 2.1 Print Property - not yet supported by Firefox or IE*/
  .imageBox           { page-break-inside:avoid;}   /*CSS 2.1 Print Property - not yet supported by Firefox or IE*/
  /*p                   { orphans:3;}                 /*CSS 2.1 Print Property - not yet supported by Firefox or IE*/
}