body
{
font:62.5%;
margin: 0; 
border-top:9px solid #98bede;
font-family: Arial,Helvetica,sans-serif;
}

#wrap-header
{
background:black;
text-align:center;
}

#header
{
margin: 0 auto;
text-align:left;
width:800px;
padding: 16px 0px 14px 0px;
}

#header a
{
color: white;
letter-spacing:2.2px;
text-decoration:none;
font: bold 1.9em "Courier New",Courier,monospace;
}

#wrap-ruler
{
background: #98bede; /* Old browsers */
background: -moz-linear-gradient(top,  #deefff 0%, #98bede 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#deefff), color-stop(100%,#98bede)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #deefff 0%,#98bede 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #deefff 0%,#98bede 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #deefff 0%,#98bede 100%); /* IE10+ */
background: linear-gradient(top,  #deefff 0%,#98bede 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#deefff', endColorstr='#98bede',GradientType=0 ); /* IE6-9 */
text-align:center;
}

#ruler
{
margin: 0 auto;
width:800px;
position:relative;
height:40px;
}

#resource-pack
{
line-height:1.5em;
padding: 10px 10px 0px 10px;
}

#resource-pack ul 
{
}

#resource-pack li
{
margin: 10px 0px 0px 0px;
}

#resource-pack li a {
	color:black;
}

#wrap-main
{
line-height:1.5em;
letter-spacing:1px;
background: rgb(229,243,255);
text-align:center;
}

#main
{
margin: 0 auto;
text-align:justify;
width:800px;
padding: 10px 0px 12px 0px;
}

#midlinks
{
margin: 2px 0px 8px 0px;
}

#midlinks a:link {padding: 0px 2px 2px 0px; color:black}
#midlinks a:visited {color:black; text-decoration:none;}
#midlinks a:hover {color:white;background:black; text-decoration:none; }
#midlinks a:active {color:white; background:gray;}

h1
{
font: bold 1.6em "Courier New",Courier,monospace;
margin: 16px 0px 10px 0px; 
border-bottom:2px solid #98bede;
}

p, h2
{
font-size:1em;
margin: 0px 0px 5px 0px; 
}

.leftlinks
{
padding: 4px 0px 6px 0px;
}

.leftlinks a
{
color: black;
padding: 0px 6px 2px 0px; 
}

.leftlinks a:visited {color:black; text-decoration:none;}
.leftlinks a:hover {color:white; background:black; text-decoration:none; }
.leftlinks a.active {color:white; background:gray;}

#content
{
border-left: 1px solid black;
padding: 0px 0px 0px 4px;
margin: 5px 0px 0px 0px; 
}

#content a
{
color: black;
font-weight:bold;
}

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

#content a:hover
{
color:white;
background-color: rgb(0,124,195);
text-decoration:none;
}

#content a:active
{
color:white;
background: black;
text-decoration:none;
}

#content h2 a
{
position:relative;
left:-16px;
padding:0px 5px 0px 7px;
border-left-style:solid;
border-color:rgb(0,124,195);
border-width:8px;
}

#content h2 a:hover
{
border-left-style:solid;
border-color:black;
}

#content h2 a:active
{
border-color:gray;
}

#content h2 a:visited
{
border-color:gray;
}

#promo
{
width:440px;
padding:20px 0px 2px 5px;
border-top:2px solid #98bede;
margin:20px 0 28px 0;
}

#promo a
{
color: black;
font-weight:bold;
}

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

#promo a:hover
{
color:white;
background-color: rgb(0,124,195);
text-decoration:none;
}

#promo a:active
{
color:white;
background: black;
text-decoration:none;
}

#promo p a
{
position:relative;
left:-16px;
padding:0px 5px 0px 7px;
border-left-style:solid;
border-color:rgb(0,124,195);
border-width:8px;
margin: 0;
}

#promo p a:hover
{
border-left-style:solid;
border-color:black;
}

#promo p a:active
{
border-color:gray;
}

#promo p a:visited
{
border-color:gray;
}

#wrap-footer
{
background: rgb(229,243,255);
text-align:center;
padding: 0px 0px 10px 0px;
}

#footer
{
text-align:justify;
line-height:1.4em;
letter-spacing:1px;
margin: 0 auto;
width:800px;
border-top:2px solid #98bede;
}

#footer p a
{
padding: 0px 4px 2px 0px;
margin: 0px 8px 0px 0px;
}

.n0, .n1, .n2, .n3, .n4, .n5, .n6, .n7, .n8,
.i0, .i1, .i2, .i3, .i4, .i5, .i6, .i7, .i8,
.ia, .ib, .ic, .id, .ie, .if, .ig, .ih, .ii,
.ia1, .ib1, .ic1, .id1, .ie1, .if1, .ig1, .ih1, .ii1,
.ia2, .ib2, .ic2, .id2, .ie2, .if2, .ig2, .ih2, .ii2,
.ia3, .ib3, .ic3, .id3, .ie3, .if3, .ig3, .ih3, .ii3,
.ia4, .ib4, .ic4, .id4, .ie4, .if4, .ig4, .ih4, .ii4,
.ia5, .ib5, .ic5, .id5, .ie5, .if5, .ig5, .ih5, .ii5,
.ia6, .ib6, .ic6, .id6, .ie6, .if6, .ig6, .ih6, .ii6,
.ia7, .ib7, .ic7, .id7, .ie7, .if7, .ig7, .ih7, .ii7,
.ia8, .ib8, .ic8, .id8, .ie8, .if8, .ig8, .ih8, .ii8,
.ia9, .ib9, .ic9, .id9, .ie9, .if9, .ig9, .ih9, .ii9
{
position:absolute;
}

.n0, .n1, .n2, .n3, .n4, .n5, .n6, .n7, .n8
{
top:18px;
}

.i0, .i1, .i2, .i3, .i4, .i5, .i6, .i7, .i8,
.ia, .ib, .ic, .id, .ie, .if, .ig, .ih, .ii,
.ia1, .ib1, .ic1, .id1, .ie1, .if1, .ig1, .ih1, .ii1,
.ia2, .ib2, .ic2, .id2, .ie2, .if2, .ig2, .ih2, .ii2,
.ia3, .ib3, .ic3, .id3, .ie3, .if3, .ig3, .ih3, .ii3,
.ia4, .ib4, .ic4, .id4, .ie4, .if4, .ig4, .ih4, .ii4,
.ia5, .ib5, .ic5, .id5, .ie5, .if5, .ig5, .ih5, .ii5,
.ia6, .ib6, .ic6, .id6, .ie6, .if6, .ig6, .ih6, .ii6,
.ia7, .ib7, .ic7, .id7, .ie7, .if7, .ig7, .ih7, .ii7,
.ia8, .ib8, .ic8, .id8, .ie8, .if8, .ig8, .ih8, .ii8,
.ia9, .ib9, .ic9, .id9, .ie9, .if9, .ig9, .ih9, .ii9
{
top:2px;
width:2px;
height:17px;
}

.i0, .i1,  .i2,  .i3,  .i4,  .i5,  .i6,  .i7,  .i8,
.ie, .ie1, .ie2, .ie3, .ie4, .ie5, .ie6, .ie7, .ie8
{
border-top: 12px solid black;
}

.ia, .ib, .ic, .id, .if, .ig, .ih, .ii,
.ia1, .ib1, .ic1, .id1, .if1, .ig1, .ih1, .ii1,
.ia2, .ib2, .ic2, .id2, .if2, .ig2, .ih2, .ii2,
.ia3, .ib3, .ic3, .id3, .if3, .ig3, .ih3, .ii3,
.ia4, .ib4, .ic4, .id4, .if4, .ig4, .ih4, .ii4,
.ia5, .ib5, .ic5, .id5, .if5, .ig5, .ih5, .ii5,
.ia6, .ib6, .ic6, .id6, .if6, .ig6, .ih6, .ii6,
.ia7, .ib7, .ic7, .id7, .if7, .ig7, .ih7, .ii7,
.ia8, .ib8, .ic8, .id8, .if8, .ig8, .ih8, .ii8,
.ia9, .ib9, .ic9, .id9, .if9, .ig9, .ih9, .ii9
{
border-top: 8px solid black;
}

.i0
{
left: 0px;
}

.n0
{
left: -3px;
}

.ia
{
left: 10px;
}

.ib
{
left: 20px;
}

.ic
{
left: 30px;
}

.id
{
left: 40px;
}

.ie
{
left: 50px;
}

.if
{
left: 60px;
}

.ig
{
left: 70px;
}

.ih
{
left: 80px;
}

.ii
{
left: 90px;
}

.n1
{
left: 97px;
}

.i1
{
left: 100px;
}

.ia1
{
left: 110px;
}

.ib1
{
left: 120px;
}

.ic1
{
left: 130px;
}

.id1
{
left: 140px;
}

.ie1
{
left: 150px;
}

.if1
{
left: 160px;
}

.ig1
{
left: 170px;
}

.ih1
{
left: 180px;
}

.ii1
{
left: 190px;
}

.n2
{
left: 197px;
}

.i2
{
left: 200px;
}

.ia2
{
left: 210px;
}

.ib2
{
left: 220px;
}

.ic2
{
left: 230px;
}

.id2
{
left: 240px;
}

.ie2
{
left: 250px;
}

.if2
{
left: 260px;
}

.ig2
{
left: 270px;
}

.ih2
{
left: 280px;
}

.ii2
{
left: 290px;
}

.n3
{
left: 297px;
}

.i3
{
left: 300px;
}

.ia3
{
left: 310px;
}

.ib3
{
left: 320px;
}

.ic3
{
left: 330px;
}

.id3
{
left: 340px;
}

.ie3
{
left: 350px;
}

.if3
{
left: 360px;
}

.ig3
{
left: 370px;
}

.ih3
{
left: 380px;
}

.ii3
{
left: 390px;
}

.n4
{
left: 397px;
}

.i4
{
left: 400px;
}

.ia4
{
left: 410px;
}

.ib4
{
left: 420px;
}

.ic4
{
left: 430px;
}

.id4
{
left: 440px;
}

.ie4
{
left: 450px;
}

.if4
{
left: 460px;
}

.ig4
{
left: 470px;
}

.ih4
{
left: 480px;
}

.ii4
{
left: 490px;
}

.n5
{
left: 497px;
}

.i5
{
left: 500px;
}

.ia5
{
left: 510px;
}

.ib5
{
left: 520px;
}

.ic5
{
left: 530px;
}

.id5
{
left: 540px;
}

.ie5
{
left: 550px;
}

.if5
{
left: 560px;
}

.ig5
{
left: 570px;
}

.ih5
{
left: 580px;
}

.ii5
{
left: 590px;
}

.n6
{
left: 597px;
}

.i6
{
left: 600px;
}

.ia6
{
left: 610px;
}

.ib6
{
left: 620px;
}

.ic6
{
left: 630px;
}

.id6
{
left: 640px;
}

.ie6
{
left: 650px;
}

.if6
{
left: 660px;
}

.ig6
{
left: 670px;
}

.ih6
{
left: 680px;
}

.ii6
{
left: 690px;
}

.n7
{
left: 697px;
}

.i7
{
left: 700px;
}

.ia7
{
left: 710px;
}

.ib7
{
left: 720px;
}

.ic7
{
left: 730px;
}

.id7
{
left: 740px;
}

.ie7
{
left: 750px;
}

.if7
{
left: 760px;
}

.ig7
{
left: 770px;
}

.ih7
{
left: 780px;
}

.ii7
{
left: 790px;
}

.n8
{
left: 797px;
}

.i8
{
left: 800px;
}


#ld-tut
{
padding: 0px 3px 5px 20px;
letter-spacing:1px;
font: normal 20px Arial,Helvetica,sans-serif;
height:1220px;
text-align:left;
border-left: 1px dotted gray;
}

#intro
{
padding: 6px 0px 0px 10px;
line-height:2em;
}

#intro h2
{
font: normal 30px Arial,Helvetica,sans-serif;
margin: 10px 0px 20px 0px;
}

#paris-wrap
{
position:relative;
top:0px;
left:0px;
}

#paris-wrap2
{
position:relative;
top:140px;
left:0px;
}

#paris-wrap3
{
position:relative;
top:280px;
left:0px;
}

.words
{
position:relative;
top:50px;
left:300px;
width:450px;
height:200px;
line-height:1.4em;
}

.a1,
.a2,
.a3,
.a4,
.a5,
.b1,
.b2,
.b3,
.b4,
.b5,
.c1,
.c2,
.c3,
.c4,
.c5,
.d1,
.d2,
.d3,
.d4,
.d5,
.e1,
.e2,
.e3,
.e4,
.e5
{
position:absolute;
width:30px;
height:42px;
text-align:center;
font: normal 40px Arial,Helvetica,sans-serif;
}

.a1,
.a2,
.a3,
.a4,
.a5
{
top:50px;
}

.a1
{
left:50px;
}

.a2 {
left:84px;
}

.a3 {
left:118px;
}

.a4 {
left:152px;
}

.a5 {
left:186px;
}

.b1,
.b2,
.b3,
.b4,
.b5
{
top:97px;
}

.b1
{
left:50px;
}

.b2 {
left:84px;
}

.b3 {
left:118px;
}

.b4 {
left:152px;
}

.b5 {
left:186px;
}

.linea,
.lineb,
.linec,
.lined
 {
position:absolute;
left:50px;
width:166px;
height:2px;
BACKGROUND-COLOR: black;
}

.linea {
top:143px;
}

.lineb {
top:196px;
}

.linec {
top:249px;
}

.lined {
top:302px;
}

.c1,
.c2,
.c3,
.c4,
.c5
{
top:150px;
}

.c1
{
left:50px;
}

.c2 {
left:84px;
}

.c3 {
left:118px;
}

.c4 {
left:152px;
}

.c5 {
left:186px;
}

.d1,
.d2,
.d3,
.d4,
.d5
{
top:203px;
}

.d1
{
left:50px;
}

.d2 {
left:84px;
}

.d3 {
left:118px;
}

.d4 {
left:152px;
}

.d5 {
left:186px;
}

.e1,
.e2,
.e3,
.e4,
.e5
{
top:256px;
}

.e1 {
left:50px;
}

.e2 {
left:84px;
}

.e3 {
left:118px;
}


.e4 {
left:152px;
}

.e5 {
left:186px;
}

.green
{
color:green;
font-size:12px;
font-weight:bold;
}

.bmarg10
{
margin: 0px 0px 10px 0px;
}

.bh2
{
font-size:1.3em;
margin: 0px 0px 8px 0px; 
}

.heading
{
font: bold 1.6em "Courier New",Courier,monospace;
margin: 16px 0px 10px 0px; 
border-bottom:2px solid #98bede;
}

#welcome
{
margin: 0px 0px 30px 0px; 
}