body {
    background: black url(../img_common/book1cover_qual75_1200x1200.jpg) 0 0 no-repeat fixed;
    margin: 0; 
    padding: 0;
    font: Verdana, Arial, 'Arial Unicode', 'Arial Unicode MS', Helvetica, Liberation sans-serif; 
    }

/* #####################
navigation links fixed at left of the page
########################*/
div#links
    {
    position: fixed;
    top: 100px;
    left: 50px;
    width: 150px;
    color: #E7D4D6; 
    font-variant: small-caps; 
    font-weight: 900;
    padding: 5px;
    }
div#links a {display: block;}
div#links a:link {color: #F49F9C;}
div#links a:visited {color: #AABADD;}
div#links a:hover {color: white; font-style: oblique;}
div#links a:active {color: yellow;}

/* #####################
div#main is the main content with a yellowish background
######################## */
div#main {
    background: black url(../img_common/book1cover_yellow-wash_1200x1200.jpg) 0 0 no-repeat fixed;
    width: 850px;
    margin: 100px 0 10% 200px; 
    padding: 2em 2em 2em 2em;
    line-height: 1.25em;
    }
div#main a:link {color: #81101B;}
div#main a:visited {color: #005796;}
div#main a:hover {color: red; font-style: oblique; letter-spacing: 1px;}
div#main a:active {color: teal;}


/* #####################
ponctual rules 
######################## */

h1, h2, h3, h4, h5 {
    font-variant: small-caps;
    line-height: 1.25em;
    letter-spacing: 0.25em;
    }
h1 {font-size: 200%;}
h2 {font-size: 180%;}
h3 {font-size: 120%;}
h4 {font-size: 110%;}
h5 {font-size: 100%;}



ol li {padding-top: 0.5em;}
ul li {padding-top: 0.5em;}

ul.toc {
    margin: 0 0 0 3%;
    list-style: none;
    line-height: 1.5em;
    border-left: solid 2px;
    border-color: #81101B;
    }

.alignHor-center {text-align: center;}
.alignVert20 {vertical-align: 20%;}
.alignVert40 {vertical-align: 40%;}

.block {display: block;}

.border02 {
    border: solid 2px;
    border-color: #B7AAB4;
    padding: 1em 1em 1em 2em;
    }

.font70 {font-size: 70%;}
.font90 {font-size: 90%;}
.font120 {font-size: 120%}

.fl {
    float: left;
    padding: 1em 1em 1em 0;
    }

.fr {
    float: right;
    padding: 1em 0 1em 1em;
    }

.letter75 {font-size: 75%;}
.letter90 {font-size: 90%;}
.letter150 {font-size: 150%;}
.letter200 {font-size: 200%;}

.link2toc {font-size: 85%;}

.ls-style-in {list-style: inside}
.ls-style-circ {list-style: circle;}
.ls-style-lr {list-style-type: lower-roman;}
.ls-style-la {list-style-type: lower-alpha;}

.marg-left-01 {margin-left: 3%;}
.marg-left-02 {margin-left: 6%;}
.marg-left-03 {margin-left: 9%;}
.marg-left-04 {margin-left: 12%;}
.marg-left-05 {margin-left: 15%;}

.pad-t05 {padding-top: 0.5em;}
.pad-t075 {padding-top: 0.75em;}
.pad-t1 {padding-top: 1em;}
.pad-t15 {padding-top: 1.5em;}
.pad-t25 {padding-top: 2.5em;}

.pad-t05m {padding-top: -0.5em;}

.pad-r05 {padding-right: 0.5em;}
.pad-r075 {padding-right: 0.75em;}
.pad-r1 {padding-right: 1em;}
.pad-r15 {padding-right: 1.5em;}

.pad-b05 {padding-bottom: 0.5em;}
.pad-b075 {padding-bottom: 0.75em;}
.pad-b1 {padding-bottom: 1em 0;}
.pad-b15 {padding-bottom: 1.5em;}

.pad-l1 {padding-left: 1em;}