/* 
Each page 56 Ems wide.
Layout each page as two equal-height columns.
Use the left one (35 Ems, 62.5%) for the page masthead and body.
Use the right one (21 Ems, 37.5%) for the list of page links (top),
   and possibly a decorative image (bottom) and copyright line (lowest).
*/
/* Method of CSS from matthewjamestaylor.com/blog/equal-height-columns-cross-browser-css-no-hacks */

#PageForRightColumn {
   float: left;
   width: 48em;
   border-width: 1px;
   border-style: solid;
   border-color: black;
   overflow: hidden;
   position: relative;
   font-family: "Linux Libertine", serif;
   background-color: #DEDEE3
}

#PageForMainColumn {
   float: left;
   width: 48em;
   position: relative;
   right: 37.5%;
   font-family: "Linux Libertine", serif;
   background-color: #DEDEE3
}

/* for "left" offsets, add x% (2% in this case) for left padding for cells
   instead of setting padding; this compensates for a MS bug;
   see MJTaylor */
#RightColumn {
   float: left;
   width: 37.5%;
   position: relative;
/*   left: 37.5%; */ /* Add 1% to the effective left padding because it
                        looks better. */
/*
   left: 39.5%;  */
   left: 40.5%; 
   overflow: hidden
}

#MainColumn {
   float: left;
   width: 62.5%;
   position: relative;
/*   left: 37.5%; */
   left: 39.5%/*; 
   overflow: hidden*/ /* MJTaylor puts in to compensat for MS,
                         but I leave out so that the TM of the logo
                         can overflow left. */
}

H1 {
   font-style: italic;
   font-size: large
}

P {
   padding-top: 0em;
   padding-right: 0em;
   margin-top: 1em;
   margin-right: 1em;
   text-align: justify
}

P.subhead {
   margin-top: 0em;
   margin-bottom: 0em;
   text-align: center;
   font-size: x-large;
   font-weight: bold
}

P.date {
   font-size: x-small;
   text-align: right;
   margin-right: 4em
}

DIV.link {
   padding-top: 0em;
   padding-right: 0em;
   margin-top: 1em;
   margin-right: 1em
}

SPAN.define-term {
   font-weight: bold;
   font-size: large
}

A {
   color: black;
   text-decoration: none
}

A.inline-link {
   color: black;
   text-decoration: underline
}