@font-face
{
    font-family: Tangerine;
    font-style: normal;
    font-weight: normal;
    src: url(http://crudfactory.com/fontserver/serve/Tangerine);
}

@font-face
{
    font-family: KennerleyOpenCaps;
    font-style: normal;
    font-weight: normal;
    src: url(http://crudfactory.com/fontserver/serve/GoudyBookltr1911TT-OpenCaps);
}

@font-face
{
    font-family: SortsMillKis;
    font-style: normal;
    font-weight: normal;
    src: url(http://crudfactory.com/fontserver/serve/KisStMTT);
}

@font-face
{
    font-family: SortsMillKis;
    font-style: italic;
    font-weight: normal;
    src: url(http://crudfactory.com/fontserver/serve/KisStMTT-Italic);
}

*
{ 
    padding: 0; 
    border: none; 
    margin: 0
}

html
{
    background: #f0f0f0;
}

body
{
    font-family: SortsMillKis, "Times New Roman", TeXGyreTermes, serif;  
    font-size: 16pt;
    line-height: 1.2;
    padding: 0;
    border: none;
    margin: 0;
}

ul.menu-inner
{
    font-style: normal;
    font-size: 16pt;
    list-style: none;
    padding-left: 1em;
    padding-bottom: 1em;
}

.menu-inner li
{
    margin: 0.2em 0 0.2em 1em;
    text-indent: -1em;
}

ul.menu-outer
{
    font-style: italic;
    font-size: 16pt;
    padding: 0 0.5em 0 0.25em;
    list-style: none;
}

.download
{
    font-family: SortsMillKis, "Times New Roman", TeXGyreTermes, serif;
    font-style: italic;
    font-size: 14pt;
    color: #9d0037;
}

.smallfont
{ 
    font-size: 14pt; 
}

div.get-font
{
    padding: 0.5em 0 0.5em 0; 
}

ul.get-font
{
    list-style: none; 
}

li.get-font
{
    font-size: 14pt;
    display: inline;
}

.language-switch
{
    font-family: SortsMillKis, "Times New Roman", TeXGyreTermes, serif;
    font-weight: normal;
    font-style: normal;
    font-size: 14pt;
}


.validator-button
{
    border: none;
    width: 88px;
    height: 31px;
}

.validation-group
{
    padding-top: 4em;
}


#big-heading
{
    text-align: center;
    padding: 1em 0 1em 0;
    margin: 0 0 1em 0;
}

#big-heading h1
{
    text-align: center;
    font-family: KennerleyOpenCaps, SortsMillKis, "Times New Roman", TeXGyreTermes, serif;
    font-weight: normal;
    font-style: normal;
    font-size: 30pt;
    padding: 0 0.67em 0 0.67em;
}

#big-heading p
{
    text-align: center;
    font-family: Tangerine, SortsMillKis, "Times New Roman", TeXGyreTermes, serif;
    font-weight: normal;
    font-style: normal;
    font-size: 24pt;
    padding: 0 1em 0 1em;
    margin: 0;
}


.main-page-contents
{
    padding: 0 1.25em 0 1.25em;
    width: 20em;
    min-width: 15em;
    max-width: 40%;
    overflow: hidden;
}

.shopper-pics
{
    position: absolute;
    left: 40%;
    width: 60%;
    text-align: right;
    overflow: hidden;
}

p.shopper
{
    overflow: hidden;
    height: 274px;
}

img.shopper
{
    height: 250px;
    border: 2px solid #d0d0d0;
    margin: 0 20px 20px 20px;
}

.shopper-credits
{
    font-family: SortsMillKis, "Times New Roman", TeXGyreTermes, serif;
    font-style: normal;
    font-weight: normal;
    font-size: 10pt !important;
    margin: 0 22px 0 22px;
}

body.download-page
{
    padding: 0 1em 0 1em;
}


.goudy
{
/* font-family: Goudy; */
}

.gb1911
{
/* font-family: gb1911; */
}

.juvelo
{
/* font-family: Juvelo; */
}

.prociono
{
/* font-family: Prociono; */
}

.bonveno
{
/* font-family: Bonveno; */
}


.float-left { float: left; }
.float-right { float: right; }

.left-aligned { text-align: left; }
.center-aligned { text-align: center; }
.right-aligned { text-align: right; }

.top-aligned { vertical-align: text-top; }
.middle-aligned { vertical-align: middle; }

.em-left, .quad-left { margin-left: 1em; }
.three-quarter-em-left { margin-left: 0.75em; }
.en-left { margin-left: 0.5em; }
.four-to-em-left, .half-en-left { margin-left: 0.25em; }
.five-to-em-left { margin-left: 0.2em; }

.em-right, .quad-right { margin-right: 1em; }
.three-quarter-em-right { margin-right: 0.75em; }
.en-right { margin-right: 0.5em; }
.four-to-em-right, .half-en-right { margin-right: 0.25em; }
.five-to-em-right { margin-right: 0.2em; }

.em-top { margin-top: 1em; }
.em-bottom { margin-bottom: 1em; }


a:link
{
    color: black;
    text-decoration: none;
}

a:hover
{
    background-color: #e0e0e0;
    color: black;
    text-decoration: none;
}

a:active
{
    color: black;
    text-decoration: none;
}

a:visited
{
    color: black;
    text-decoration: none;
}