.shorttable
   {
    margin: 0.5em;
    }

.heading,
.title,
H2
   {
    /* font-family: 'Libertygramma_web', "Libertygramma AC", EurostileExt-Bla, EurostileExtBla, MicrogrammaDBol, MicrogrammaDBolExt, MicrogrammaBol, Eurostile-Bla,  EurostileBla, Eurostile-Black, Microgramma, Michroma, Idlewild, Eurostile, Acens, Federation, "Roboto", Helvetica-Black-SemiBold, HelveticaBlackSemiBold, "Helvetica Black Semi Bold", "Arial Black", ArialBlack, Arial-Black, Impact, "Nimbus Sans L", Helvetica, "TeXGyreHeros", "TeX Gyre Heros", "League Gothic", Haettenschweiler, Charcoal, CenturyGothic, "Century Gothic", Fantasy, Sans-Serif; */
    font-family: "Libertygramma_web", comicsans, "comic sans", "MS Comic Sans", mscomicsans, "Bradley Hand", "Brush Script MT", cursive, fantasy;
    font-weight: normal; 
    font-style: normal; 
    font-variant: small-caps;
    text-transform: uppercase;
    color: #002D72;
    font-stretch: wider;
    font-stretch: expanded;
    font-stretch: 800;
    margin-bottom: 1px;
    margin-bottom: 0.03125rem;
    }
.mmbutton
   {
    /* display: block; */
    float: left
    }
.mmbutton A
   {
    display: inline-block;
    -moz-box-shadow:
        0.3125em 0.3125em 0.3125em rgba(000,000,000,0.5);
    -webkit-box-shadow:
        0.3125em 0.3125em 0.3125em rgba(000,000,000,0.5);
    box-shadow:
        0.3125em 0.3125em 0.3125em rgba(000,000,000,0.5);
    }
.mmbutton A IMG
   {
    display: block
    }
.mmbutton A:hover
   {
    -moz-box-shadow:
        0.15625em 0.15625em 0.15625em rgba(000,000,000,0.5);
    -webkit-box-shadow:
        0.15625em 0.15625em 0.15625em rgba(000,000,000,0.5);
    box-shadow:
        0.15625em 0.15625em 0.15625em rgba(000,000,000,0.5);
    }
.mmbutton A:active
   {
    -moz-box-shadow: none;
    /* 0.15625em 0.15625em 0 0.25em #F8E08E; */
    -webkit-box-shadow: none;
    box-shadow: none;
    }
.mmitemtxt
   {
    padding-left: 1em;
    float:        left; 
    width:        30em
    }



A:link
   {
    color: #002D72;
    text-decoration: none
    }

A:visited
   {
    color: #002D72;
    text-decoration: none
    }

A:hover
   {
    color: #002D72;
    text-decoration: underline;
    }
    
A:active
   {
    color: #93272C;
    text-decoration: none;
    }


.linkbutton, .endbtn, .itembtn
   {
    padding: 0.5em;
    margin-right: 1em;
    text-shadow: 0 0 0.25em #53565A;
    max-width: 15em; /* was at 16em, then at 20em */ 
    display: block;
    font-size: 120%;
    
    /* Remove this border for CSS3 capable browsers */
    border: 1px solid  #002D72;
    
    background: #FFFFFF;
    background-image: -webkit-linear-gradient(to right, rgba(209,212,214,1) 0%,rgba(255,255,255,0) 5%,rgba(255,255,255,0) 95%,rgba(192,194,199,1) 100%), linear-gradient(to bottom, rgba(209,212,214,1) 0%,rgba(255,255,255,1) 5%,rgba(245,245,245,1) 95%,rgba(192,194,199,1) 100%);
    background-image: -moz-linear-gradient(to right, rgba(209,212,214,1) 0%,rgba(255,255,255,0) 5%,rgba(255,255,255,0) 95%,rgba(192,194,199,1) 100%), linear-gradient(to bottom, rgba(209,212,214,1) 0%,rgba(255,255,255,1) 5%,rgba(245,245,245,1) 95%,rgba(192,194,199,1) 100%);
    background-image: -ms-linear-gradient(to right, rgba(209,212,214,1) 0%,rgba(255,255,255,0) 5%,rgba(255,255,255,0) 95%,rgba(192,194,199,1) 100%), linear-gradient(to bottom, rgba(209,212,214,1) 0%,rgba(255,255,255,1) 5%,rgba(245,245,245,1) 95%,rgba(192,194,199,1) 100%);
    background-image: -o-linear-gradient(to right, rgba(209,212,214,1) 0%,rgba(255,255,255,0) 5%,rgba(255,255,255,0) 95%,rgba(192,194,199,1) 100%), linear-gradient(to bottom, rgba(209,212,214,1) 0%,rgba(255,255,255,1) 5%,rgba(245,245,245,1) 95%,rgba(192,194,199,1) 100%);
    background-image: linear-gradient(to right, rgba(209,212,214,1) 0%,rgba(255,255,255,0) 5%,rgba(255,255,255,0) 95%,rgba(192,194,199,1) 100%), linear-gradient(to bottom, rgba(209,212,214,1) 0%,rgba(255,255,255,1) 5%,rgba(245,245,245,1) 95%,rgba(192,194,199,1) 100%);
    
    -webkit-border-radius: 0.125em;
    -moz-border-radius: 0.125em;
    -ms-border-radius: 0.125em;
    -o-border-radius: 0.125em;
    border-radius: 0.125em;
    -webkit-box-shadow: 0.0625em 0.0625em 0.25em #000000;
    -moz-box-shadow: 0.0625em 0.0625em 0.25em #000000;
    -ms-box-shadow: 0.0625em 0.0625em 0.25em #000000;
    -o-box-shadow: 0.0625em 0.0625em 0.25em #000000; 
    box-shadow: 0.0625em 0.0625em 0.25em #000000;
    
    /* For IE 8 and 9 */
    -ms-filter: "progid:DXImageTransform.Microsoft.Glow(Color=#000000,Strength=5)";
    /* For IE 5.5 - 7 */
    filter: progid:DXImageTransform.Microsoft.Glow(Color=#000000,Strength=5)
    }

.linkbutton:hover, .endbtn:hover, .itembtn:hover
   {
    color: #0082BA;
    text-decoration: none;
    }



.linkbutton:active, .endbtn:active, .itembtn:active
   {
    background: #FFFFFF;
    background-image: -webkit-linear-gradient(to right, rgba(201,204,205,1) 0%,rgba(245,245,245,0) 5%,rgba(245,245,245,0) 95%,rgba(184,186,191,1) 100%), linear-gradient(to bottom, rgba(201,204,205,1) 0%,rgba(245,245,245,1) 5%,rgba(245,245,245,1) 95%,rgba(184,186,191,1) 100%);
    background-image: -moz-linear-gradient(to right, rgba(201,204,205,1) 0%,rgba(245,245,245,0) 5%,rgba(245,245,245,0) 95%,rgba(184,186,191,1) 100%), linear-gradient(to bottom, rgba(201,204,205,1) 0%,rgba(245,245,245,1) 5%,rgba(245,245,245,1) 95%,rgba(184,186,191,1) 100%);
    background-image: -ms-linear-gradient(to right, rgba(201,204,205,1) 0%,rgba(245,245,245,0) 5%,rgba(245,245,245,0) 95%,rgba(184,186,191,1) 100%), linear-gradient(to bottom, rgba(201,204,205,1) 0%,rgba(245,245,245,1) 5%,rgba(245,245,245,1) 95%,rgba(184,186,191,1) 100%);
    background-image: -o-linear-gradient(to right, rgba(201,204,205,1) 0%,rgba(245,245,245,0) 5%,rgba(245,245,245,0) 95%,rgba(184,186,191,1) 100%), linear-gradient(to bottom, rgba(201,204,205,1) 0%,rgba(245,245,245,1) 5%,rgba(245,245,245,1) 95%,rgba(184,186,191,1) 100%);
    background-image: linear-gradient(to right, rgba(201,204,205,1) 0%,rgba(245,245,245,0) 5%,rgba(245,245,245,0) 95%,rgba(184,186,191,1) 100%), linear-gradient(to bottom, rgba(201,204,205,1) 0%,rgba(245,245,245,1) 5%,rgba(245,245,245,1) 95%,rgba(184,186,191,1) 100%);
    -webkit-box-shadow: 0.015625em 0.015625em 0.125em #000000;
    -moz-box-shadow: 0.015625em 0.015625em 0.125em #000000;
    -ms-box-shadow: 0.015625em 0.015625em 0.125em #000000;
    -o-box-shadow: 0.015625em 0.015625em 0.125em #000000;
    box-shadow: 0.015625em 0.015625em 0.125em #000000;
    }





BODY
   { 
    background-color: #FFFFFF;
    background-color: #FFFFFF;
    font-size: 110%;
    font-family: "Roboto 2014", Roboto, Arial, "Helvetica Neue", Helvetica, "Nimbus Sans L", "Nimbus Sans", Nimbus, "TeXGyre Heroes", "Free Sans", Freesans, "Franklin Gothic Medium", "Franklin Gothic", "ITC Franklin Gothic", "clear sans", Lato, "Fira Sans",  "Source Sans Pro", "Source Sans", Geneva, sans-serif; 
    font-variant-numeric: slashed-zero;
    /* font-family: "Roboto 2014", comicsans, "comic sans", "MS Comic Sans", mscomicsans, "Bradley Hand", "Brush Script MT", cursive, fantasy */
    
    /*-webkit-background-size: 55em 55em;
    -moz-background-size: 55em;
    -o-background-size: 55em;
    display: -webkit-box;
    display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -moz-box-orient: vertical;
        -moz-box-direction: normal;
        -ms-flex-direction: column;
        box-orient: vertical;
        box-direction: normal;
                flex-direction: column;*/
        min-height: 100%;
        max-width: 100%;
        max-width: 100vw;
        min-height: 100vh;
    }




.pgsample
   {
    display: block;
    -moz-box-shadow:
        0 0 0.15625em #00205B,
        0 0 0.3125em #FFB81C;
    -webkit-box-shadow:
        0 0 0.15625em #00205B,
        0 0 0.3125em #FFB81C;
    box-shadow:
        0 0 0.15625em #00205B,
        0 0 0.3125em #FFB81C;
    }
    
.btbox 
   {
    float: left; 
    margin: 0.5em
    }
    
.contentbox
   {
    -moz-border-radius:    1em;
    -khtml-border-radius:  1em; 
    -o-border-radius:      1em; 
    border-radius:         1em;
    -webkit-border-radius: 1em; 
    -webkit-box-shadow:    0.25em 0.25em 1em #000000; 
    -moz-box-shadow:       0.25em 0.25em 1em #000000; 
    box-shadow:            0.25em 0.25em 1em #000000;
    padding:   1em;
    color:     #000000;
    
    margin:    1.5em;
    max-width: 37em;
    
    /* Remove this border for CSS3 capable browvsers */
    border: 1px solid  #002D72;
    
    background: #FFFFFF; /* Old browsers */
    }
    


.nicetable,
.niceglossytable
   {
    background:#F7F7F7; 
    border-collapse:collapse;
    margin:0.25em;
    }
.nicetable TR TD,
.niceglossytable TR TD
   {
    border-top:1px #A0A0A0 solid; 
    border-bottom:1px #A0A0A0 solid; 
    padding: 0.2em 0.8em 0.2em 0.8em;
    margin: 0;
    }
.niceglossytable
   {
    background:linear-gradient(to bottom, #FBEFC6 0%,#FFFFFF 10%, #FBEFC6  100%)
    }
.indent 
   { 
    margin-left: 5em; 
    }
    

/* start pasted in */
.nicetable
    {
     background:#FFFFFF; 
     border-collapse:collapse;
     margin:0.25em;
     }
     
 .nicetable TR TD
    {
     background: #FFFFFF; 
     border-top:1px #A0A0A0 solid; 
     border-bottom:1px #A0A0A0 solid; 
     padding: 0.2em 0.8em 0.2em 0.8em;
     margin: 0;
     }

.nicetable_leftcell
   {
    border-right: 1px #A0A0A0 solid; 
    font-weight: bold
    }

.nicetable_header
    {
     text-align: center; 
     font-size: larger;
     height: 2em;
     }
/* end pasted in */

.serif,
.serifbold
   {
    font-family: Schola, "Tex Gyre Schola", TexGyreSchola, Century, "Century Schoolbook", CenturySchoolbook, "New Century Schoolbook", "Century Schoolbook L", "EF Century Schoolbook", "EF Century", "ITC Garamond", "Garamond", Palatino, "Palatino Linotype", "Palatino LT STD", Palladio, "URW Palladio L", "Palatino Novo", serif;
    font-weight: normal;
    /* font-family: "Schola", comicsans, "comic sans", "MS Comic Sans", mscomicsans, "Bradley Hand", "Brush Script MT", cursive, fantasy */
    }

.serifbold
   {
    font-weight: bold;
    }

.monospace
   {
    font-family: "Roboto Mono 2014", "Roboto Mono", "DIN Mono", "PF DIN Mono", Inconsolata, Consolas, Monaco, "Osaka Unicode", "Nu Sans Mono", Crystal, ProFontWindows, BPMono, Terminus, "Anonymous Pro", "Share Tech Mono", Raize, "DejaVu Sans Mono", "Vera Sans Mono", "Bitstream Vera Sans Mono", "Vera Mono", "Andale Mono", Monofur, Liberation Mono, Proggy, monospace; 
    /* font-family: "Roboto Mono 2014", comicsans, "comic sans", "MS Comic Sans", mscomicsans, "Bradley Hand", "Brush Script MT", cursive, fantasy */
    }

.PMS288C
   {
    color: #002D72
    }

.PMS640C
   {
    color: #0082BA
    }

.PMS109C
   {
    color: #FFD100
    }

.PMS124C
   {
    color: #EAAA00
    }

.PMS255C
   {
    color: #72246C
    }


.articlenode, .contentbox, .basicpagenode, .deckitem
   {
    -moz-border-radius:    1em;
    -khtml-border-radius:  1em; 
    -o-border-radius:      1em; 
    border-radius:         1em;
    -webkit-border-radius: 1em; 
    -webkit-box-shadow:    0.25em 0.25em 1em #000000; 
    -moz-box-shadow:       0.25em 0.25em 1em #000000; 
    box-shadow:            0.25em 0.25em 1em #000000;
    padding:   1em;
    color:     #000000;
    
    margin:    1.5em;
    max-width: 30em;
    
    /* Remove this border for CSS3 capable browvsers */
    border: 1px solid  #002D72;
    
    background: #FFFFFF; /* Old browsers */
    }



.deckitem, .contentbox
   /* Remember to go back and remove a bunch of replaced by this markup if this idea is a go */
   {
    background: #FFFFFF;
    border: 0.4em solid #002D72;
    }
    
.deckitem
   {
    display: -moz-inline-stack;
    display: inline-block;
    height: 10em;
    width: 10em;  /********/
    max-width: 100%;
    margin: 0.125em;

    }

.deckitem IMG
   {
    height:10.5em;
    width:10.5em;
    }

.nicetable
    {
     background:#FFFFFF; 
     border-collapse:collapse;
     margin:0.25em;
     }
     
 .nicetable TR TD
    {
     background: #FFFFFF; 
     border-top:1px #A0A0A0 solid; 
     border-bottom:1px #A0A0A0 solid; 
     padding: 0.2em 0.8em 0.2em 0.8em;
     margin: 0;
     }

.nicetable_leftcell
   {
    border-right: 1px #A0A0A0 solid; 
    font-weight: bold
    }

.nicetable_header
    {
     text-align: center; 
     font-size: larger;
     height: 2em;
     }

.nudgeright
   {
    margin-left: 18px;
    margin-left: 1.5rem;
    margin-top: 18px;
    margin-top: 1.5rem;
    max-width: 37em;
    
    }

.centerpage
   {
    display:         flex;
    flex-direction:  column;
    justify-content: flex-start;
    align-items:     center;
    }

.centerimage
   {
    
    }


    
@font-face 
   {
    font-family: 'Libertygramma_web';
    src: url('libertygramma_ac_ext_s416_05-webfont.eot');
    src: url('libertygramma_ac_ext_s416_05-webfont.eot?#iefix') format('embedded-opentype'),
         url('libertygramma_ac_ext_s416_05-webfont.woff2') format('woff2'),
         url('libertygramma_ac_ext_s416_05-webfont.ttf') format('ttf');
    font-weight: normal;
    font-style: normal;
    font-display: fallback;
    }

@font-face 
   {
    font-family: 'Roboto Mono 2014';
    src: url('robotomono-medium-webfont.eot');
    src: url('robotomono-medium-webfont.eot?#iefix') format('embedded-opentype'),
         url('robotomono-medium-webfont.woff2') format('woff2'),
         url('robotomono-medium-webfont.woff') format('woff'),
         url('robotomono-medium-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: fallback;
    }

@font-face 
   {
    font-family: 'Schola';
    src: url('texgyreschola-bold-webfont.eot');
    src: url('texgyreschola-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('texgyreschola-bold-webfont.woff2') format('woff2'),
         url('texgyreschola-bold-webfont.woff') format('woff'),
         url('texgyreschola-bold-webfont.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
    font-display: fallback;
    }


/* --> */