@charset "utf-8";

/*  CROWBAR LAYOUT STRUCTURE:                                                            	*/
/*																							*/
/* L-0 (body)                                                                    			*/
/* L-1 pageskin		   					relative	        main wrapper				*/
/*																							*/
/*		L-2	Navwrap         				relative    		navbar wrapper              */
/*          L-3 nav-panel       			fixed       		nav elements				*/
/*																							*/
/*		L-2 Tablewrap						relative 										*/
/*			L-3 Crowswrap					relative										*/
/*				L-4	Crowsnest				fixed				cloaked link				*/
/*			L-3 Bookwrap					relative										*/
/*				L-4 Bookbar					absolute										*/
/*			L-4 Contentskin					relative										*/
/*				L-5 contentwrap             relative
/*				L-5 Subnavwrap				fixed											*/
/*					L-5 Subnav-panel   		fixed											*/
/*				L-5 Content Panel			relative										*/
/*					L-5 Masthead			relative										*/
/*					L-5 Content-section 	relative										*/
/*						L-6 .subsection 	relative										*/
/*						   L-7 .content-box relative										*/


/* LEVEL 1 STRUCTURES */
/* ------------------ */

body {width:100%;                           /* local rule required to get full 100% width for pageskin */
      margin:0; padding:0;                  /* general init */
	  border:none;
	  }


div#pageskin {position:relative;
			   top:0; left:0;
			   width:100%; height:400em;
			   margin:0; padding:0;
			   border:0px hidden;
			   overflow-x:hidden;
			   overflow-y:hidden;    				  /* prevent doubled scrollbars       */
			   z-index:0;                              /* level1 container                 */
			   }



/* LEVEL 2 STRUCTURES  (excluding navigation) */
/* ------------------ */




div#tablewrap		{position:relative;
					 top:0; left:0;                          /* previously floated */
					 width:100%; height:auto;
					 margin:0; padding:0;
					 border:none;
					 overflow:hidden;
					 background-color:black;
					 z-index:20
					 }


/* LEVEL 3 STRUCTURES */
/* ------------------ */


div#contentskin {position:relative: 	/* contentsking/contentshim required to permit top-of-page jumps */
			     top:0; left:0;
				 margin:0; padding:0;
				 border:0px solid;
				 width:88%; height:auto;                   /* width to std. nav/book bar edges */
				 background-color:black;
				 }

/* LEVEL 4 STRUCTURES */

/*   encompasses total page-specific content      */
/*   specify adjustment for dimension, placement  */
/*   and color schema in page adjustments.        */

/* match exposed area under subnav to navwrap, or use as seperate banner area */

div#contentshim  {position:relative;                       /* relative to content-skin */
				  top:0; left:0;						   /* stick to contentskin     */
				  margin:0; padding:0;
				  border-left :2px solid crimson;		   /* match navbar L/R borders */
				  border-right:2px solid crimson;
				  width:100%; height:5.8em;                /* = navbar height; adjust for other navabars */
				  background-color:transparent;            /* let contentskin match color schema */
				  }

/* LEVEL 5 STRUCTURES */

div#contentwrap		{position:relative;
			         top: 0; left:0;
					 width:100%; height:auto;		/*  align with right side of subnav */
					 margin:0; padding:0;
					 border 2px solid crimson;     /* border defaults from global.css */
					 z-index:300;
					 }



div#content-panel	{position:relative;
					 top:4em; left:2em;				   /* offset to below sub navbar ~2.5em. */
					 width:92%;  height:355em;          /* position, width ~2.5em border of contentwrap */
					 margin:0; padding:0;              /* prevent quirk overflow */
					 border:1px solid #990000;         /* outermost page border overlay w/bookbar left  */
					z-index:600;
					 }

/* wtp- top 0, left 1.6, width 94%, height 355, bd 990000, bg 6699cc */

/* CONTENT-PANEL > L-5 STRUCTURES */


		  /* Masthead and Content-section are vertically contiguous */


div#masthead
       {position:relative;
	    top:0; left:0;
		clear:none;
		width:100%; height:40em;            /* rel: content-panel; normally full width of content-section */
		margin:0; padding:0;                /* !!!use no padding or width not rel to content-panel */
		z-index:200;
		}





div#content-section
					{position:relative;
					 top:2em; left:2.5em                              /* default matches contentwrap */
					 width:90%; height:auto;
					 margin:0; padding:0;
					 z-index:300;
					 }

/* wtp - top 0, left 0, w 100%, */


div.subsection
		     {position:relative;			    /* position relative to content-section; adj prn */
			  top:8em; left:0;
			  width:100%; height:auto;			/* 36.5em */
			  margin:0; padding:0;
			  overflow:hidden;
			  border:0px hidden;				/* set color scheme locally */
			  z-index:310;
			  }

/* wtp- t 2, l 0, w 98%, */



div.content-box
				{position:relative;
				 top:0; left:0;
				 clear:both; float:left		  	/* position on normal flow subsection ground */
				 width:90%; height:auto;		/* !!! must be < 100% to expose border, prn */
				 margin:0; 						/* was  margin:2em 0 1.5em 3em;	 */
			     padding:2em 1em 2em 2em;       /* modify locally prn */
				 z-index:310;
				 }

/* LEVEL 4 SUBSTRUCTURES AND ELEMENTS */
/* ------------------------------------------- */




/* CONTENT PANEL ELEMENTS */
/* ---------------------- */


/* MASTHEAD STRUCTURES */

     /* MASTBOX Text containers */

div#mast-left,			/* left area of masthead;  adj prn */
div#mast-right,		    /* right area of masthead; adj prn */
div#mastbox1,		    /* supplementary masthead containers */
div#mastbox2,
div#mastbox3,
div#mastbox4,
div#mastbox5,
div#mastbox6,
div#mastbox7,
div#mastbox8     	{position:absolute;
					 top:0; left:2em;
					 margin:0; padding:0;
					 width:auto; height:auto;
					 text-decoration:none;
					 font-style:none;
					 }

div#mast-right  {right:0;}

     /* Masthead Signature boxes */

.mastsig1,
.mastsig2,
.mastsig3,
.mastsig4	  {position:absolute;
			   top:0; left:0em;
			   width:auto; height:auto;
			   padding:0 2em 0em 2em;
			   font-size:1.1em;   font-weight:700;
			   font-style:italic; line-height:1.2em;
			   text-align:left;   text-decoration:none;
			   color:darkslategray;
			   }



	 /*  LEDEBOX Text containers */

div#ledebox1,
div#ledebox2,
div#ledebox3

		 {position:absolute;				 /* adjust in local adjustments */
		  top:0; left:0em;
		  width:auto; height:auto;
		  margin:0; padding:0;
		  border:2px solid black;
		  font-size: 1.2em; font-weight:800;
		  z-index:500;
		  }

         /* Suplementary Lede Box Classes - use anywhere */


.ledebox4            {}
.ledebox5            {}
.ledebox6            {}



/* MASTHEAD ELEMENTS */

/* masthead logo in standard position                              */
/*		 this is an anchored image; background url cannot be used  */

.logo

	 {position:absolute;     /* anchored bookstack image */
	  top:10px; left:10px;
	  border:0px hidden;
	  z-index:300;
	  }

/*      Masthead titles are standard red page titles  */


/*  MASTHEAD ELEMENTS */

div#masthead .title,
div#masthead .subtitle

			   {position:absolute;
			    top:0em; left:8em;           /* adj prn */
				margin:0; padding:0;
				width:100%; height:2em;
				border:0px hidden;
				z-index:350;
				}

div#masthead .title {font-size:1.6em; font-weight:600;
					 color:maroon;
					 }

div#masthead .subtitle {font-size:1.4em; font-weight:600;
						color:blue;
						}


/*  mast-cover - centered book-covered image */


img#mast-cover	    {position:absolute;             /* use for large centered books-info cover */
					 top:3em; left:20em;
					 width:auto; height:auto;
					 }

img#mastimg1        {}     /* supplementary undefined masthead image containers */
img#mastimg2    	{}
img#mastimg3    	{}
img#mastimg4    	{}
img#mastimg5	    {}
img#mastimg6	    {}



/*
		Lead Box texts: 1..3

        Three default inline ledebox texts are provided.

		  #1 is standard announcement text.
		  #2 is bold block style.
		  #3 is informal script.

       all may be styled, prn, in
       adjustment sections of local page css.
*/



.ledetxt1,
.ledetxt2,
.ledetxt3

		  {position:relative;
		   display:inline;
		   top:0em; left:0;
		   width:80%; height:auto;
		   margin:0; padding:1em 1em 1em 1em;
		   vertical-align:text-bottom;
		   text-align:center;
           z-index:510;
		   }

.ledetxt1  {font-family:Constantia, "Lucida Bright", Lucidabright, "Lucida Serif",
						 Lucida, "DejaVu Serif","Bitstream Vera Serif","Liberation Serif",
						 Georgia,  Garamond, Baskerville,  "Nimbus Roman No9 L", serif
			font-size:1.2em; font-weight:700;
			}


.ledetxt2  {font-family: "Trebuchet MS","Lucida Sans Unicode","Lucida Grande",
						 "Lucida Sans", Arial, Helvetica, Verdana,
						 "Nimbus Sans L",sans-serif;
			font-size:1.4em; font-weight:700;
			}

.ledetxt3  {font-family:"manuscript wide",Mistral,"manuscript thin",
						"bradley hand ITC","Apple Chancery","URW Chancery L",
						"Lucida Handwriting","Calligraph421 BT","Lucida Calligraphy",
						"Brush Script MT","comic sans","Freestyle Script",serif
			font-size:1.2em; font-weight:700;
			}