/* body specifications */
      body {
        background-color: #fffff0; /* ivory */
        margin:  1em;
        padding: 1em;
        font-size: medium; /*1em;*/
        font-family: Arial, Helvetica, sans-serif;

        width: 46em;
        background-image: url(bgimage.jpg);
 	background-repeat: no-repeat;
	background-attachment: fixed;
	background-position: left bottom;
      }

/* heading font definitions */
      h1 {
         font-family:  Arial, Helvetica, Geneva, sans-serif;
        margin: 0 0 15px 0;
        padding: 0;
        color: black; /*#888;*/
      }

      h2 {
        font-family:  Arial, Helvetica, Geneva, sans-serif;
        margin: 0 0 5px 0;
        padding: 0;
      }

/* paragraph text parameters */
      p {
        font-family: "Times New Roman", serif;
        line-height: 1.1em;
        margin: 0 0 16px 0;
        padding: 0;
      }
      .content>p {
        margin: 0;
      }
      .content>p+p {
        text-indent: 30px;
      }

/* anchor parameters for links */
     a {
        color: teal;
        font-family:  Arial, Helvetica, Geneva, sans-serif;
        font-weight: 600;
      }
     a:link {
        color: teal;
      }
     a:visited {
        color: maroon;
      }
     a:hover {
        background-color: #bbb;
      }

.contentspace {
  position: absolute;
  top:8em;
  left: 0em;
 }

/* All the content boxes belong to the content class. */
      .content {
       position: relative;
	  top: 2px;
        width: 60%;
	  height:36em;
          overflow: auto and visible and Min/Max;
          margin-left: 28%;
        margin-top: 15px;
        border: 1px solid black;
        background-color: white;
        padding: 1em;
	  height:14em;
	border: 1px solid black;
	background-color: white;
	padding: 1em;
	z-index: 3;
	right: auto;
	left: auto;
	bottom: auto;
}

/* All the content for wide page content */
      .contentwide {
       position: relative;
	  top: 2px;
          width: 65%;
	  height:36em;
          overflow: visible and Min/Max;
 	  overflow: auto; 
        margin-left: 28%;
        margin-top: 15px;
        border: 1px solid black;
        background-color: white;
        padding: 1em;
	  height:14em;
	border: 1px solid black;
	background-color: white;
	padding: 1em;
	z-index: 3;
	right: auto;
	left: auto;
	bottom: auto;
}
/* alternate content boxes to hold long documents that do not want to be split */
      .contentnosplit {
       position: relative;
	  top: 2px;
        width: 60%;
	  height:24em;
	  max-height:36em;
          overflow: visible and Min/Max;
          overflow: auto;
        margin-left: 28%;
        margin-top: 5px;
        border: 1px solid black;
        background-color: white;
        padding: 1em;
        z-index: 3;	
      }

.contentslideshow {
        position: relative;
	  top: 2px;
          width: 60%px;
	  height:650px;
	  max-height:500px;
          overflow: visible and Min/Max;
          //overflow: auto;
        margin-left: 28%;
        margin-top: 5px;
        //border: 1px solid black;
        background-color: white;
        padding:1em;
        z-index: 3;	
      }



/* float an inset text box for pull quotes */
/* use: <div class="textinset"> 
          <p> text block </p>
        </div> 
   all as a nested div block within a content block */

    .textinset {
       position:relative;
	 margin-top: .5em;
	 margin-bottom:.5em;
	 width: 14em ;
	 float:left;
	 color:olive;
	 font-weight:bold;
	 padding: .5em ;  
	 text-align: left;
        z-index: 3;
	}

/* contentheader class presents header at top of content section. */
      .contentheader { 
        position: relative;
        text-align: center;
          overflow: auto and visible and Min/Max;
        width: 60%;
        color:red;
        /* margin: 0em 10em 0em 9em; */
        margin-top:5px;
        margin-left:28%;
        border: 1px solid black;
        background-color: white; 
        padding: .1em;
        z-index: 3;
      }
      .contentheader h1 {
        font-family:  Arial, Helvetica, Geneva, sans-serif;
        margin: 0 0 .5em  0;
        padding: 0;
        color: black; /*#888;*/
              }

/* contentheader class presents header at top of content section. */
      .contentheaderwide { 
        position: relative;
        text-align: center;
          overflow: visible and Min/Max;
 	  overflow: auto; 
        width: 60%;
        color:red;
        /* margin: 0em 10em 0em 9em; */
        margin-top:5px;
        margin-left:28%;
        border: 1px solid black;
        background-color: white; 
        padding: .1em;
        z-index: 3;
      }
      .contentheaderwide h1 {
        font-family:  Arial, Helvetica, Geneva, sans-serif;
        margin: 0 0 .5em  0;
        padding: 0;
        color: black; /*#888;*/
              }

/* header class presents header at top of page. */

      .header {
        position: absolute;
	  top: .5em; 
        left: .5em;
        width: 100%
          overflow: auto and visible and Min/Max;
        color:red;
     /*   margin: 0 48em 1em 0em;*/
        border: 2px solid black;
        background-color: #cccc99; 
        background-image: url(bgimageflip.gif);
 	  background-repeat: no-repeat;
	  background-attachment: fixed;
	  background-position: right bottom;
        padding: .5em;
        z-index: 3;
      }
      .header h1 {
        font-family:  Arial, Helvetica, sans-serif;
        font-size: xx-large;
        margin: 0 0 0em  0;
        padding: 0;
        color: red; /*#888;*/
              }

      .navright {
        position: relative; /*absolute;*/
        width: 20%;
        top: 110px;
       /*left: 80%;*/
          overflow: visible and Min/Max;
 	  overflow: auto; 
        margin:  auto;
        border: 1px dashed black;
        background-color: #ccccaa;
        padding: 1em;
        z-index: 1;
      }

      .navleft {
        position: absolute;
        width: 20%;
        top: 130px;
        left:.5em;
        margin: 5px;
          overflow: visible and Min/Max;
 	  overflow: auto; 
        font-size: small;
        border: 1px solid black;
        background-color: #ffffcc;
        padding: 1em;
        z-index: 1;
      }

      .navleft ul {
        list-style: none;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 1em;
	  font-style: italic;
        margin: 0;
        padding: 0;
      }

/* image scaling classes */
      .img128X128 {
         width:8.75em;
         height:8.75em;
        }

      .img600X60 {
         width: 35em;
         height:3.5em;
        }

      .img384X288 {
         width: 20em;
         height: 15em;
        }