/*  ***********************************  *
 *  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;
}

/*  Some relatively new versions of Internet Explorer - and only then in 
    some supposed compatibility mode - need the following to stop them 
    rendering a disabled vertical scrollbar.  */

html {
  overflow:auto;
}

/*  **************  */
/*  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 and LinkListItem classes are applied to UL and LI tags 
    respectively. Alternatives for the list itself include DIV and TABLE. A 
    list item would then be another DIV or a TD. 

    One detraction of using UL and LI tags is that if insufficient width is 
    available, the list breaks between items. Presumably, some accommodation 
    can be found. None need even be sought in 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. The following is specific to the implementation 
    as true lists.  */

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 will respond 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;
}

/*  The LinkList is typically in a block element, but if the LinkList itself 
    has inline flow, then vertical padding in the list overflows into the 
    container's padding. In such a case, 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;
}

/*  Copyright © 2007-2011. Geoff Chappell. All rights reserved.  */