/* This style sheet provides the layout for standard content pages in 
   Biofilms: The Hypertextbook.
*/   

#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;
	margin-right:auto;
	border: thin solid #CCEECC;
	overflow: hidden;
	visibility: visible;
	z-index: 5;
	height: 850px;
	width: 940px;
	top: 10px;
	left: 10px;
	right: 10px;
	bottom: 10px;
}
	 
#standardPageTopBar { 
    /* The id for the div of top margin bar of a page */
	border: none;
	overflow: hidden;
	position: absolute;
	visibility: visible;
	z-index: 10;
	height: 100px;
	right: 0px;
	top: 0px;
	left: 0px;
}

#logoBox { 
    /* The id for the child logoBox div within the topBar div that holds the 
	   standard stylesheet attributes for the logobox in all
	   standard pages (green, blue, black). The actual logo (different for
	   green, blue, and black pages) is found in standardPageLayoutGreen.css,
	   standardPageLayoutBlue.css, and standardPageLayoutBlack.css, respectively, as
	   a url to a background image. */
	border: none;
	overflow: hidden;
	position: absolute;
	visibility: visible;
	z-index: 15;
	height: 100px;
	width: 200px;
	top: 0px;
	left: 0px;
	background-repeat:no-repeat;
}

#coverLink{
	position: absolute;
	left: 145px;
	bottom: 2px;
	font-size: 12px;
	font-style: italic;
	font-weight: bold;
	text-align: center;
	z-index:20;
}

#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: hidden;
	position: absolute;
	visibility: visible;
	z-index: 30;
	top: 10px;
	left: 200px;
	right: 20px;
	bottom: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-style: oblique;
	font-weight: 700;
	letter-spacing: 0.05em;
	color:#663300;
	text-align: left;
} 

#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: hidden;
	position: absolute;
	visibility: visible;
	z-index: 30;
	top: 40px;
	left: 250px;
	right: 20px;
	bottom: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-style: oblique;
	font-weight: 700;
	letter-spacing: 0.05em;
	color:#990000;
	text-align: left;
}

#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: hidden;
	position: absolute;
	visibility: hidden;
	z-index: 30;
	top: 60px;
	left: 250px;
	right: 20px;
	bottom: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-style: oblique;
	font-weight: 700;
	text-align: left;
}

#standardPageLeftBar {
     /* The id of the div that establishes the left page par.  It is used in 
	    Biofilms: The Hypertextbook to display the objectives and outcomes of the 
		current content. */
	overflow: auto;
	position: absolute;
	visibility: visible;
	z-index: 10;
	width: 200px;
	left: 0px;
	top: 100px;
	bottom: 50px;
	border: none;
	padding:5px;
}

#standardPageRightBar {
    /* The id of the div that establishes the right page bar.  It is used in 
	   Biofilms: The Hypertextbook simply to delinate the right margin. */
	overflow: hidden;
	position: absolute;
	visibility: visible;
	z-index: 50;
	width: 10px;
	left: 930px;
	top: 100px;
	bottom:50px;
	border: none;
}

#standardPageBottomBar {
    /* 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: 50px;
	right: 0px;
	top: 800px;
	left: 0px;
}

#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: hidden;
	position: absolute;
	visibility: visible;
	z-index: 15;
	top: 30px;
	right: 15px;
	text-align: right;
	font-style: oblique;
	font-weight:100;
	color:#AAAAAA;
}

#pageNavBar {
    /* The id of the container div for all page navigation links.  These links
       refer to the previous page and the next page (if any) in the current section
	   relative to the current page.  The previous page link, the current page number, 
	   and the next page link are each defined in separate child divs, defined below. */
	border: none;
	overflow: hidden;
	position: absolute;
	visibility: visible;
	z-index: 15;
	height: 50px;
	width: 900px;
	top: 5px;
	left: 350px;
	right: 5px;
	bottom: 5px;
	border: none;
}

#previousPageNavBar{ 
    /* The id of the container div for the previous page link.  This link is generated 
	   automatically by a perl script that preprocesses the entire site, determines 
	   the previous page link relative to the current page of a particular section, 
	   and inserts this information into this div */	   
    /* See also class .navBarTextStyle in allPageTextStyles.css */
    border: none;
	overflow: hidden;
	position: absolute;
	visibility: visible;
	z-index:20;
	height: inherit;
	width: 100px;
	left: 0px;
	top: 3px;
}

#currentPageNavBar{ 
    /* The id for the container div for the page number of the current page.  The page 
	   number is generated automatically by a perl script that preprocesses the entire
	   site, determines the number of the current page, and inserts this information 
	   into this div */
    /* See also class .navBarTextStyle in allPageTextStyles.css */
    border: none;
	overflow: hidden;
	position: absolute;
	visibility: visible;
	z-index:20;
	height: inherit;
	width: 200px;
	left: 150px;
	top: 3px;
}    

#nextPageNavBar{
    /* The id for the next page link div.  This link is generated automatically 
	   by a perl script that preprocesses the entire site, determines the next page link 
	   relative to the current page of a particular section, and inserts this information
	   into this div */
     /* See also class .navBarTextStyle in allPageTextStyles.css */
    border: none;
	overflow: hidden;
	position: absolute;
	visibility: visible;
	z-index:20;
	height: inherit;
	width: 100px;
	left: 300px;
	top: 3px;
}

#standardPageMainBar {
    /* The id for the div that defines the container for the main content of a standard page. */
	overflow: auto;
	position: absolute;
	visibility: visible;
	z-index: 10;
	width: 700px;
	left: 210px;
	top: 100px;
	bottom: 50px;
	border: none;
	padding: 10px;
}

#chapterSummaryBox{
  height: auto;
  width: auto;
  visibility: visible;
  background-color: #E8F2E7;
  margin-left: 30px;
  margin-right: 30px;
  margin-top: 30px;
  margin-bottom: 30px;
  font-size: 14px;
  font-weight: 600;
  font-style: oblique;
  padding: 20px;
  border-style: ridge;
  border-width: 5px;
  border-color: #003300;
}

.highlightedBox{
	position: relative;
	margin-left: 20px;
	margin-right: 20px;
	height: auto;
	padding: 10px;
	font-style:italic;
}