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

#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: thin solid #CCEECC;
	overflow: hidden;
	visibility: visible;
	z-index: 5;
	height: 850px;
	width: 940px;
	top: 10px;
	left: 10px;
	right: 10px;
	bottom: 10px;
}
	 
#appendixPageTopBar { 
    /* 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;
	background-image:url(../artifacts/images/backgrounds/pageBordersGeneral/top.jpg);
}

#appendixLogoBox { 
    /* 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: 112px;
	top: 0px;
	left: 0px;
	background-repeat:no-repeat;
	border-color: #663333;
	background-image: url(../artifacts/images/logos/general.gif);
}

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

#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: hidden;
	position: absolute;
	visibility: visible;
	z-index: 30;
	top: 10px;
	left: 112px;
	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;
} 

#appendixPageLeftBar {
     /* 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. */
	background-image: url(../artifacts/images/backgrounds/pageBordersGeneral/left.jpg);
	overflow: auto;
	position: absolute;
	visibility: visible;
	z-index: 10;
	width: 112px;
	left: 0px;
	top: 100px;
	bottom: 50px;
	border: none;
	padding: 0px;
}

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

#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: 50px;
	right: 0px;
	top: 800px;
	left: 0px;
	background-image:url(../artifacts/images/backgrounds/pageBordersGeneral/bottom.jpg);
}

#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;
}


#appendixPageMainBar {
    /* 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: 120px;
	top: 100px;
	bottom: 50px;
	border: none;
	padding: 10px;
}