/******************************************************************************
 *  HTML and body styles.
 */ 
html,body
{
 height: 100%;     /* supposedly, allows height: 100% to work in #leftmenu */
}

/******************************************************************************
 *  Masthead styles.
 */
#masthead
{
 margin-left: -10px;      /* background color to edge of viewport */
 margin-right: -10px;
 height: 81px;            /* height of background image and some space */
 border-top: #696969 solid 1px;
 background-color: #CCCCDD;
 background-image: url(images/MugShot.jpg);
 background-repeat: no-repeat;
 background-position: 20px 4px;
 white-space: nowrap;     /* prevents height increases in narrow viewport */
}

#masthead h1
{
 margin-left: 120px;       /* width of background image and some space */
 padding-top: 12px;
 font-family: Arial,Helvetica,sans-serif;
 font-size: 20pt;
}

#masthead p
{
 text-align: right;
 margin-left: 120px;       /* width of background image and some space */
 margin-right: 10px;
}

/******************************************************************************
 *  Main (top) navigation bar styles.
 */
#topnavbar
{
 font-size: 11pt;
 text-align: center;
 margin-left: -140px;
 margin-right: -10px;
}

#topnavbar table     /* table */
{
 width: 100%;
 height: 23px;
 border-collapse: collapse;
}

#topnavbar th        /* table heading cells */
{
 font-weight: bold;
 white-space: nowrap;
 padding: 1px 12px 4px 12px;
 border-color: #696969;
 border-style: solid;
 border-width: 1px 1px 0px 1px;
}

#topnavbar td        /* table data (non-heading) cells */
{
 white-space: nowrap;
 padding: 1px 12px 4px 12px;
 background: #DDDDEE;
 border-color: #696969;
 border-style: solid;
 border-width: 1px 1px 1px 1px;
}

#topnavbar a         /* hyperlink anchors */
{
 padding: 1px 3px 4px 3px;  /* spreads out area affected by hover */
}

#topnavbar .padl        /* cell class used for left side padding */
{
 width: 60%;
 background: #CCCCDD;
 padding: 1px 6px 4px 6px;
 border-width: 0px 0px 1px 0px;
}

#topnavbar .padr        /* cell class used for right side padding */
{
 width: 40%;
 background: #CCCCDD;
 padding: 1px 6px 4px 6px;
 border-width: 0px 0px 1px 0px;
}

/******************************************************************************
 *  Sub (left) navigation menu styles.
 */
#leftmenu
{
 position: absolute;
 left: 0px;
 top: 130px;             /* trial and error */
 width: 120px;           /* changing this requires changes elsewhere */
 height: 100%;
 border-color: #BBBBCC;
 border-style: solid;
 border-width: 0px 3px 0px 0px;
 font-family: Arial,sans-serif;
}

#leftmenu ul
{
 list-style-type: none;
 margin-left: 0.7em;
 margin-top: 0.6em;
 margin-bottom: 0.6em;
}

#leftmenu li
{
 padding: 0.2em;
}

#leftmenu p
{
 padding-top: 1em;
 margin-left: 1em;
 border-color: #BBBBCC;
 border-style: solid;
 border-width: 3px 0px 0px 0px;
 font-size: 9pt;
}

/******************************************************************************
 *  Body styles.
 */
body
{
 font-family: Verdana,Arial,Helvetica,sans-serif;
 font-size: 10pt;
 color: black;
 background: #EEEEFF;
 line-height: 115%;
}

body a:link         /* unvisited hyperlink anchors */
{
 color: #0000FF;
}

body a:visited      /* visited hyperlink anchors */
{
 color: #800080;
}

body a:hover        /* a hyperlink anchor under the pointer */
{
 background: white;
 color: #800000;
}

body a:active       /* the active hyperlink anchor */
{
 color: #FF0000;
}

body h1             /* headings, level 1 */
{
 margin-left: 130px;  /* width of left menu plus ten */
 font-family: Arial,Helvetica,sans-serif;
 font-size: 20pt;
 white-space: nowrap;
}

body h2             /* headings, level 2 */
{
 margin-left: 130px;  /* width of left menu plus ten */
 font-family: Arial,Helvetica,sans-serif;
 font-size: 16pt;
 line-height: 115%;
}

body h3             /* headings, level 3 */
{
 margin-left: 130px;  /* width of left menu plus ten */
 font-family: Arial,Helvetica,sans-serif;
 font-size: 14pt;
 line-height: 115%;
}

body h4             /* headings, level 4 */
{
 margin-left: 130px;  /* width of left menu plus ten */
 font-family: Arial,Helvetica,sans-serif;
 font-size: 12pt;
 line-height: 115%;
}

body p              /* paragraphs */
{
 margin-left: 140px;  /* width of left menu plus twenty */
}

body ul, ol              /* lists */
{
 margin-left: 155px;  /* width of left menu plus thirty five */
}

/******************************************************************************
 *  Footnote styles, also affected by body styles.
 */
#footnote
{
 margin-left: -10px;  /* offset increase in the body */
}

#footnote p
{
 margin-top: 1em;
 padding-top: 1em;
 border-color: #BBBBCC;
 border-style: solid;
 border-width: 3px 0px 0px 0px;
 font-size: 8pt;
 text-align: center;
}