/* Intended for use where CSS1 and CSS2 support is more or less complete;
   typically used in conjunction with pure css presentation and
   strict HTML (no deprecated HTML presentational markup). 

   Implements a simple liquid (?) 1-col "flow" layout (doesn't
   change the flow order of original file)...  
*/

  html {
    background: #DDFFFF; 
  }

  body {
    font-family: Arial, "Helvetica narrow", helvetica, 
	verdana, trebuchet, sans-serif;
    color: black; 
    background: #DDFFFF; 
    padding: 0em;
    width: 100%; 
    max-width: 45em;
    margin-left: auto;
    margin-right: auto;
  }

  pre, code, tt { 
    font-family: monospace 
  }

  * { 
    font-family: inherit;
    color: inherit;
    background: inherit; 
  } /* Just to be sure!? */

  a:link {
    color: #0000FF;
  }

  a:visited {
    color: #8646B2;
  }


  blockquote { 
    font-style: italic; 
  }


  table {
    border-color: black;
    border-style: solid;
    border-width: medium;
    border-collapse: collapse; 
    margin-top: 2em;
    margin-bottom: 2em;
    margin-left: auto; 
    margin-right: auto; 
  }

  caption {
    margin-left: auto; 
    margin-right: auto; 
    margin-top: 0.5em;
    margin-bottom: 0.5em;
  }

  td, th {
    margin: 0em;
    border-style: solid;
    border-width: thin;
  }

  img {
    padding: 0em;
    margin: 0em;
    border: none;
  } /* Just to be sure!? */

@media all {

/* The only reason for this is to hide from NS 4.x - which, on
linux at least, has been found to *core dump* on this style
sheet!  It might be nice to refine this further to figure out which
specific bits NS 4.x gags on ... but life is short and budgets
are tight! */

  div {
    width: 100%;
    padding: 0em;
    margin: 0em;
    border: none;
  } /* Just to be sure!? */

  div#banner {
    color: black; 
    background: #CCFFCC; 
    margin: 2%;
    width: 96%;
    min-width: 15em;
  }

  div#home-logo-link {
    text-align: center;
  }

  img#logo {
    width: 15em;
  }

  div#site-nav {
    background: #CCFFCC; /* Should only kick in if site-nav overshoots 
			    banner for some obscure reason... */
    margin-left: auto;
    margin-right: auto;
    width: 95%;
    padding-bottom: 0.5em;
    text-align: center;
  }

  div#site-nav ul {
    display: inline;
    list-style: none;
    margin: 0em;
    padding: 0em;
  }

  div#site-nav li {
    display: inline;
    line-height: 1.4em; /* Is this needed? o7 seems to undersize by default... */
    font-size: 0.9em;
    margin: 0em; 
  }

  div#site-nav h1 {
    display: inline;
    font-size: 0.9em;
    font-weight: bold;
    margin: 0em;
  } 

  div#google-search {
    margin-left: auto;
    margin-right: auto;
    width: 95%;
    padding-bottom: 0.5em;
    text-align: center;
  }

  div#google-search h1 {
    font-size: 0.9em;
    font-weight: bold;
    margin: 0em;
    padding: 0em;
  } 

  img#google-img {
    width: 5em;
    vertical-align: middle;
  } 

  div#google-search form {
    line-height: 1.4em; /* Is this needed? o7 seems to undersize by default... */
    font-size: 0.9em;
    margin: 0em; 
    padding: 0em;
  }

  div#main-content {
    color: black; 
    background: #DDFFFF;
    padding: 2%;
    width: 96%; 
  }

  div#main-content h1 { 
    font-size: 2.0em;
    text-align: left;
  }

  div#page-adm {
    color: black; 
    background: #CCFFCC;
    font-size: 0.9em;
  }

  div#page-adm h1 {
    margin: 0em;
    padding: 0em;
    font-size: 1em;
    font-weight: bold;
    text-align: left;
  } 

  div#standards-conformance ul {
    list-style: none;
    margin: 0em 0.6em;
    padding: 0em;
  }

  div#standards-conformance li {
    display: inline;
    margin: 0em;
  }

  div.displayblock { 
    width: 80%; 
    margin-left: auto; 
    margin-right: auto; 
    color: black; 
    background: #FFFFDD; 
  }

  ul#news li {
    list-style: none;
    margin-top: 1em;
    margin-bottom: 1em;
  }

  ul#news li li {
    list-style: disc;
    margin: 0;
  }

}

@media projection {
/* Additional style for projection mode, to use page breaks */

  html { margin: 0; padding: 0 }

  body {
    margin-top: 0;
    margin-bottom: 0;
    margin-left: 5%;
    margin-right: 5%;
    width: 90%;
    font-size: 200%; 
    line-height: 1.1; 
    font-family: Arial, "Helvetica narrow", helvetica, 
      verdana, trebuchet, sans-serif;
  }

/*  
  I wanted to disable display of site-nav and related clutter in
  projection mode; but for reasons unknown it seems that Jaws
  respects the projection media type!So, for now, I have
  commented this out again...  bmcm, 20-Feb-2004

  div#banner, div#home-logo-link, 
    div#site-nav, div#page-adm, div#google-search {
    display: none;
  }


  div#site-nav, div#page-adm, div#google-search {
    display: none;
  }
*/

  div {
    display: inline ; 
      /* otherwise may have problems on o7 projection at least... */
  } 

  div#main-content h1, div#main-content h2 { 
    page-break-before: always; 
    font-size: 120%; 
    margin-left: 0; 
    margin-top: 0.5em;
    padding-left: 1em;
    padding-bottom: 0.2em;
    border-bottom: thick solid #0c479d /*0.4em solid yellow*/; 
  }

  div.comment {
    display: none 
  }

}

/* For testing - some plausible (?) generic user overrides... 

body {
  font-size: 400% !important ;
}

div {
  position: static !important ; 
  width: 100% !important ;
  float: none !important ;
}

*/