@import url("reset.css");


/*
 * Main content:
 */

html {
    /* always want scrollbar to avoid jumpiness */
    overflow-y: scroll;

    /* This elimiates flicker on IE: */
    filter: expression(document.execCommand("BackgroundImageCache", false, true) );
}

body, th, td {
    font-family: Times, "Times New Roman", Georgia, serif;
}

body {
    background-color: #e5dbcb;
    background-repeat: repeat-both;
    background: url(../images/Paper-B05.jpg);
}

hr {
	width: 100%;
	background-color: #000;
	border: 0px;
	height: 1px;
}

h1, h2, h3, h4, h5, h6 {
    font-weight: normal;
    font-family: Garamond, Times, "Times New Roman", Georgia, serif;
}

h1 {
	padding: 0;
	margin: 0;
	font-size: 3em;
	font-weight: normal;
    text-shadow: 0 0.1ex .05em #AAA;
}

h2 {
    padding: 0 1em;
    margin: 0;
	padding-bottom: 0;
	margin-bottom: 0;
	font-size: 2em;
	font-weight: normal;
}

p {
    margin-top: 2ex;
    margin-bottom: 2ex;
    line-height: 125%;
}
sub, sup {
    font-size: .9em;
}
sup {
    bottom: .8ex;
}

ul,
ol {
    margin-left: 3em;
    list-style: square;
}

ul li ,
ol li {
    margin-top: 2ex;
    margin-bottom: 2ex;
    line-height: 125%;
}

blockquote {
    margin-left: 3em;
    margin-top: 2ex;
    margin-bottom: 2ex;
    line-height: 125%;
}

em {
    font-style: italic;
}

strong {
    font-weight: bold;
}

tt {
    font-family: Courier, proportional, sans-serif;
}

img.illus {
    margin: 3ex 0 3ex 0;
    padding: 0;
    max-width: 100%;
}

img.illus-top {
    margin: 0 0 3ex 0;
    padding: 0;
}




/*
 * Anchors:
 */

a 	      { text-decoration: none; }
a:link    { color: #AA0018; }
a:visited { color: #66000A; }
a:active  { color: #ee0033; }
a:hover   {
    color: #cc0022;
    text-shadow: 0 0 0.2em #FAB; /*, 0 0 0.2em #FAB;*/
}

a.subtle          { color: #000; text-decoration: none; }
a.subtle:link     { color: #000; }
a.subtle:visited  { color: #000; }
a.subtle:active   { color: #765; }
a.subtle:hover    {
    color: #990022;
    text-shadow: 0 0 0.2em #FAB; /*, 0 0 0.2em #FAB;*/
}



/*
 * Standard page elements
 */

#page {
    margin-top: 5px;
    margin: 0 auto;
    width: 800px;
}

#main {
    margin: 0 auto;
    width: 400px;
    padding: 1ex 1em 1ex 1em;
}

h1.sitename {
    padding: 2ex 2em 2ex 2em;
    margin: 0 auto;
    text-transform: uppercase;
    letter-spacing: .7em;
    font-size: 100%;
    text-align: center;
    font-weight: bold;

    text-shadow: 0 -1px 0 rgba(0,0,0,0.15), 0 1px 0 rgba(255,255,255,0.8);
}

.home h1.sitename {
    padding: 2ex 0;
    font-size: 200%;
    font-weight: normal;
    letter-spacing: .5em;
}


span.upsize {
    font-size: 120%;
}


h2.titles {
    letter-spacing: 3px;
    font-size: 140%;
    text-align: center;
    line-height: 120%;
    margin-left: auto;
    margin-right: auto;
    margin-top: 4ex;
    margin-bottom: 4ex;

    text-shadow: 0 -1px 0 rgba(0,0,0,0.15), 0 1px 0 rgba(255,255,255,0.8)
}

h2.titles .titleNum {
    color: #686040;
    margin-bottom: 2ex;
}

h2.titles .supertitle {
    color: #686040;
    margin-bottom: 2ex;
}

h2.titles .title {
    text-transform: uppercase;
}

h2.titles .subtitle {

}

#page.error h2.titles  {
    color: #601122;
}

#page.error h2.titles .titleNum ,
#page.error h2.titles .supertitle {
    color: #802142;
}


hr {
    height: 1px;
    background-color: #666;
    width: 100px;
    margin-bottom: 2ex;
}

hr.divider {
    height: 1px;
    background-color: #666;
    width: 400px;
}

hr.subdivider {
    background: url(/images/divider1.gif) no-repeat top center;
    height: 30px;
	border:none !important;
}

.text {
    padding-bottom: 8ex;
}

.text p {
    line-height: 150%;
    margin: 0;
    padding: 0;
    margin-bottom: 3ex;
}

.text p.break {
    margin: 0 0 3ex 0;
    padding: 0;
    background: url(/images/divider1.gif) no-repeat top center;
    height: 30px;
	border:none !important;
}

.text hr {
    background: url(/images/divider1.gif) no-repeat top center;
    height: 30px;
	border:none !important;
}

.text .about {
    display: none;
}

.copyright {
    font-size: 85%;
    color: #333;
}


/*
 * Home page
 */

ul.index {
    padding: 0;
    margin: 0;
    list-style: none;
}

ul.index li {
    padding: 0;
    padding-top: 1ex;
    padding-bottom: 1ex;
    margin: 0 auto;
    text-align: center;
    list-style: none;
}

ul.index div.supertitle,
ul.index div.titlenum {
    color: #686040;
    margin-bottom: 1ex;
    letter-spacing: .1em;
}

ul.index div.title {
    color: #000;
    font-size: 125%;
    letter-spacing: .1em;
}

ul.index a          { color: #000; text-decoration: none; }
ul.index a:link     { color: #000; }
ul.index a:visited  { color: #000; }
ul.index a:active   { color: #765; }
ul.index a:hover ,
ul.index a:hover * {
    color: #990022;
    text-shadow: 0 0 0.2em #FAB; /*, 0 0 0.2em #FAB;*/
}



@media screen and (max-width: 800px) {

    #page {
        margin-top: 5px;
        margin: 0 auto;
        padding: 0 10px 0 10px;
        width: 420px;
    }

    #main {
        margin: 0 auto;
        width: 400px;
        padding: 0;
    }

}

@media screen and (max-width: 450px) {

    #page {
        margin-top: 5px;
        margin: 0 auto;
        padding: 0 10px 0 10px;
        width: 100%;
    }

    #main {
        margin: 0 auto;
        padding: 0 5px 0 5px;
        width: 99%;
    }

    img.illus {
        max-width: 100%;
    }
}

/* end of file */