/* Heathkit base stylesheet, nominally for all media.   (C) 2013 Heath Company */

      html {
	color: black;
	background: white;
	}

      body {
	 color: black;
	 background: white;
	 font-family: "Verdana, Arial, Helvetica, sans-serif";
	 font-size: 2;
/*	 background-image:  url("http://heathkit.com/images/background.gif");
	 background-repeat: repeat;
	 background-attachment: fixed;
	 background-position: top left;
/*	 padding: 2em 1em; */
	 }

/* List styles: */

      li {
	list-style: none;
	}
     li.nobullets {
	list-style: none;
	}
     li.square {
	list-style-type: square;
	}
      dl {
        margin: 12px 12px 12px 12px;
        padding: 3px 3px 3px 3px;
	}
      dd {
        margin: 12px 12px 12px 12px;
	}
      ul {
	list-style-type: square;
	}



/* Define link colors: */

	:link	 { color: #009966; background: transparent }
/*	:visited { color: #ddFFdd; background: transparent } */
	:visited { color: teal; background: transparent }
	a:active { color: #66CC99; background: transparent }



/* Define header styles: */

	h1, h2, h3, h4, h5, h6 {
	  font-family: Garamond, "Times New Roman", serif;
	  color:  #009966 ;
	  padding-top: 1em;
	  }


/* Define left-margin column and right-side main page area: */

	DIV.bodyframe {
		margin-right: auto;
		margin-left: auto;
		margin-top: 1em;
		padding: 0em;
		text-align: left;
		}

	#leftmargincontent {
		float: left;
		padding-bottom: 100%;
		border-right: 0.2em;
		border-bottom: 0.2em;
		margin-right: 1em;
		}

	#centermaincontent {
		width: 60%;
		float: left;
		}

	#rightmargincontent {
		float: right;
		padding-bottom: 100%;
		border-left: 0.2em;
		border-bottom: 0.2em;
		margin-left: 1em;
		}

/* Define footer style: */
	DIV.footer {
		text-align: center;
		font-family: "Verdana, Arial, Helvetica, sans-serif";
		font-size: smaller;
		width: 100%;
		color: gray;
		padding-top: 1em;
		border-style: dashed;
		border-width: medium;        /* sets border width on all sides */
		border-color: gray;
		}




/* Perform typographically hygienic paragraph indentation: */

      p {
	margin-bottom: 0;
	}
      p + p {
	text-indent: 1.5em;
	margin-top: 0; 
	}

/* Paragraph style for marking changed text (e.g. in a privacy policy): */

      p.changed {
	padding-left: 0.2em;
	border-left: solid;
	border-right: none;
	border-top: none;
	border-bottom: none;
	border-left-width: thin;
	border-color: red;
	}


/* Center the inter-section separator and top-of-page navigation bar: */

     @media screen, print {
	DIV.separator {
	   padding: 1em 0em;
	   text-align: center;
	   }
	}

	DIV.navbar {
	    text-align: center;
	    background-color: silver;
	    }

	SPAN.navbutton {
	    background: transparent;
	    color: green;
	    text-align: center;
	    font-size: smaller;
	    margin: 2em;
	    padding: 0em 1em;
	    /* background-image: url("http://heathkit.com/images/navbutton.gif"); */
	    /*    background-color: silver; */
	    }

	SPAN.button:link	{ color: #669966; background: transparent }

	SPAN.button:visited	{ color: #CCFFCC; background: transparent }


/* Setting the navbar to a fixed position on the viewport also
   changes its length in Opera 6, truncating it on the right, for 
   reasons not yet clear; so fixed navbar is disabled for now. 
   No rush; MS IE5.5 doesn't even implement 'fixed' yet: */
/* TRY IT ANYWAY!: */
@media screen {   DIV.navbar { position: fixed } }
/* */

/* For the printed page, no need to print buttons we can't click on: */

   @media print {   DIV.navbar { visibility: hidden } }



/* Position the top-of-page logo banner: */

     @media screen, print {
	DIV.banner {
	    text-align: center;
	    }
	}


	DIV.subbanner {
	    padding: 0.5em 0em 0em 0em;
	    text-align: center;
	    }



/* Handheld and tty devices generally have low-res screens.
   Spare them the high-res-graphics eye candy: */

	@media handheld, tty {
	  DIV.banner	{  visibility: hidden }
	  DIV.separator	{  visibility: hidden }
	}




/* Give our sight-impaired audience some text differentiation by voice: */

@media aural {
  H1, H2, H3, 
  H4, H5, H6    { voice-family: paul, male; stress: 20; richness: 90 }
  H1            { pitch: x-low; pitch-range: 90 }
  H2            { pitch: x-low; pitch-range: 80 }
  H3            { pitch: low; pitch-range: 70 }
  H4            { pitch: medium; pitch-range: 60 }
  H5            { pitch: medium; pitch-range: 50 }
  H6            { pitch: medium; pitch-range: 40 }
  LI, DT, DD    { pitch: medium; richness: 60 }
  DT            { stress: 80 }
  PRE, CODE, TT { pitch: medium; pitch-range: 0; stress: 0; richness: 80 }
  EM            { pitch: medium; pitch-range: 60; stress: 60; richness: 50 }
  STRONG        { pitch: medium; pitch-range: 60; stress: 90; richness: 90 }
  DFN           { pitch: high; pitch-range: 60; stress: 60 }
  S, STRIKE     { richness: 0 }
  I             { pitch: medium; pitch-range: 60; stress: 60; richness: 50 }
  B             { pitch: medium; pitch-range: 60; stress: 90; richness: 90 }
  U             { richness: 0 }
  A:link        { voice-family: harry, male }
  A:visited     { voice-family: betty, female }
  A:active      { voice-family: betty, female; pitch-range: 80; pitch: x-high }
}
@media aural {
  TABLE.TH	{ speak-header: always}	/* Separate declaration because some */
}					/*  validators can't parse it */


/* When producing a printed page, try to avoid bad page breaks: */

@media print {
  H1, H2, H3,
  H4, H5, H6    { page-break-after: avoid; page-break-inside: avoid }
  BLOCKQUOTE, 
  PRE           { page-break-inside: avoid }
  UL, OL, DL    { page-break-before: avoid }
}
@media print {
  @page         { margin: 10% }		/* Separate declaration because some */
}					/*  validators can't parse it */

/* New try at block layout: */


/* Layout Stylesheet */ 

	 
#lh-col{
 position:absolute;
 top:68px;
 left:0;
 width:140px;
 z-index:3;
 background: white;
 color: #333333;
 }

#pinnedlhmenu {
  position: fixed;
  left: 0;
  top: 15%;
  width: 130px;
  margin-top: -2.5em;
  }

#rh-col{
 position:absolute;
 top:68px;
 right:0;
 width:140px;
 z-index:2;
 background: white;
 color: #333333;
 }

#pinnedrhmenu {
  position: fixed;
  right: 0;
  top: 15%;
  width: 130px;
  margin-top: -2.5em;
  }


#c-block {
 width:100%;
 z-index:1;
 background: white;
 color: #333333;
 height:80%;
 }

#hdr{
  height: 60px; 
/** border-bottom: 1px solid #000000;  **/
  width: 100%; 
  background: white;
  color: #333333; 
  margin: 0;
  }

#c-col{
 margin: 0 142px 0 142px;
 position: relative;
 background: white;
 color: #333333;
 z-index: 5;
 border: solid #000000;
 border-width: 0 1px;
 padding: 2em;
 }

#ftr {
 	width: 100%;
 	height: 65px;
 	border: solid black; 
 	border-width: 1px 0;
 	background: white;
 	margin: 3em;
	text-align: center;
	font-size: smaller;
	padding-top: 1em;
	}

/* Presentation Stylesheet */ 
p {
 padding: 0 15px;
 }

h4, h3 {
 margin:0; 
 padding: 5px 0;
 }

/* p:first-letter {
 	font-size: 80%; 
	 font-weight: bold;
	 color: black;
	 }
*/