/***************************************************/

/* Eric Meyer CSS Reset */

/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video
{
   margin: 0;
   padding: 0;
   border: 0;
   font-size: 100%;
   font: inherit;
   vertical-align: baseline;
}

b
{
   font-weight: bold;
}

i
{
   font-style: italic;
}

u
{
   text-decoration: underline;
}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section
{
   display: block;
}

body
{
   line-height: 1;
}

ol, ul
{
   list-style: none;
}

blockquote, q
{
   quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after
{
   content: '';
   content: none;
}

table
{
   border-collapse: collapse;
   border-spacing: 0;
}

/***************************************************/

/******************************************************/
/*                                                    */
/*  Body, utilities                                   */
/*                                                    */
/******************************************************/

body, html
{
   height: 100%; /* Allows us to use % heights on all descendants. */
}

body *
{
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}

.clearfix:after
{
   content: " ";
   visibility: hidden;
   display: block;
   height: 0;
   clear: both;
}

.popup-parent
{
   position:relative;
}

.popup
{
   display: block;
   list-style-position: inside;
   position: absolute;
   top: -1em;
   border: 1px solid black;
   background: white;
   box-shadow: 0 5px 5px rgb(182, 182, 182);
   padding: 20px;
   margin: 0;
   visibility: hidden;
}

.popup-close
{
   display:inline-block;
   position: absolute;
   right: 10;
   top: 10;
   font-family: Arial, Helvetica, sans-serif;
}

.popup-close:hover
{
   cursor: pointer;
   color: blue;
}

/******************************************************/
/*                                                    */
/*  Header: Backgrounds, titles, menu bar, search     */
/*                                                    */
/******************************************************/

.splash h1
{
   font-size: 36pt;
   font-family: "Times New Roman",times,serif;
   font-variant: small-caps;

   margin: 0;
}

.splash h1 a
{
   color: black;
}

.splash h1 a:hover
{
   text-decoration: none;
}

.splash h2
{
   font-size: 12pt;
   font-family: "Times New Roman",times,serif;
   font-weight: bold;
   font-variant: small-caps;

   padding-top: 14px;
   margin: 0;
}

/******************************************************/
/*                                                    */
/*  Main area: Article                                */
/*                                                    */
/******************************************************/

main
{
   padding-top: 10px;
}

/******************************************************/
/*                                                    */
/*  Footer: Contact and copyright                     */
/*                                                    */
/******************************************************/

footer p
{
   position: relative;
   margin: 0;
   font-size: 9pt;
}

.contact
{
   display: inline-block;
   position: relative;
   top: 0;
   padding: 5px 0 0 0;
}

.page-copyright
{
   display: inline-block;
   position: absolute;
   top: 0;
   padding: 5px 0 0 0;
}

/******************************************************/
/*                                                    */
/*  Main area styles                                  */
/*                                                    */
/******************************************************/

main
{
   font-family: Times New Roman",times,serif;
}

h1
{
   font-weight: bold;
   text-align: center;
}

h2
{
   font-weight: bold;
}

h3
{
   font-weight: bold;
}

h4
{
   font-weight: bold;
}

h5
{
   font-weight: bold;
   font-style: italic;
}

p
{
   line-height: 140%;
}

pre
{
   font-family: "Courier New", Courier, monospace;
   line-height: 120%;
   margin: 10pt 0;
}

ul
{
   list-style-type: disc;
   padding-left: 15px;
}

ul > li > ul
{
   list-style-type: circle;
}

ol
{
   list-style-type: decimal;
   padding-left: 20px;
}

ol > li > ol
{
   list-style-type: lower-alpha;
}

li
{
   line-height: 120%;
   margin: 10pt 0;
   padding-left: 5pt;
}

blockquote
{
    display: block;
    margin: 15px 40px;
    line-height: 120%;
}

a:link,
a:visited
{
   text-decoration:none;
}

a:hover
{
   text-decoration:underline;
}

table
{
   margin-bottom: 10pt;
}

table, th, td
{
   border: 1px solid black;
}

th, td
{
   padding: 5px;
}

th
{
   font-weight: bold;
}