﻿/*  ***********************************  *
 *  This style sheet is for every page.  *
 *  Always include first.                *
 *  ***********************************  */

/*  What's mainly wanted here is to set a consistent font as a default for 
    all pages of any sort.  */

body {
  font-family:Arial, Helvetica, sans-serif;
  font-size:10pt;
}

/*  For some reason, which may be worth investigating, the "font-family" 
    propagates to tables from the body but the "font-size does not.  */

table {
  font-size:10pt;
}

/*  **************  */
/*  Lists of Links  */

/*  An important feature, especially but not only in the banner is to 
    present horizontal lists of links. There are multiple ways to do this, 
    each with their merits. At present, the lists are actual lists and the 
    LinkList class is applied to a UL tag. Alternatives include DIV and 
    TABLE. A list item would then be another DIV or a TD. 

        UL.LinkList > LI.LinkListItem 
        DIV.LinkList > DIV.LinkListItem 
        TABLE.LinkList > TR > TD.LinkListItem 

    A feature of the present coding for UL and LI tags remains a significant 
    detraction until it is resolved. If insufficient width is available, the 
    list breaks between items to make another line. The equivalent does not 
    occur for the DIV and TD cases.  */

.LinkList, 
.LinkListItem {
  border:none;
  margin:0px;
  padding:0px;
  white-space:nowrap;
}

/*  Different implementations admit different ways of keeping the list 
    arranged horizontally.  */

ul.LinkList,
li.LinkListItem {
  float:left;
  list-style:none;
}

/*  Each list item, cell or whatever, is entirely an A tag so that the whole 
    item responds to the :hover pseudo-selector.  */

.LinkList a {
  display:block;
  margin:0px;
  padding:0px;
  text-decoration:none;
}

/*  Descending from the A tag may be a nesting of SPAN tags which are where 
    the formatting gets done.  */

.LinkList span {
  display:block;
  margin:0px;
  padding:0px;
}

/*  Note about Vertical Alignment: 

    The LinkList is typically in a block element, but the LinkList itself 
    may have inline flow. Vertical padding in the list overflows into the 
    container's padding. To make the list occupy the whole height of its 
    container, set the container's vertical padding equal to the list's 
    padding.  */

/*  ***********************  */
/*  Viewing Without Scripts  */

/*  Apply the NoScript style to blocks that should show only if scripts do 
    not run. Such blocks disappear when scripts run, because one script or 
    another will change the "display" property to "none".  */

.NoScript {
  display:block;
}