body  {
color: #838C98;
font: 11px/1.5 Arial, Verdana, sans-serif;
background-color: #ffffff;
margin: 0;
padding: 0;
width: 1100px;
}

div#extraDiv2  {
background-image: url("../i/mayor3.jpg");
background-repeat: no-repeat;
background-position: left bottom;
position: fixed;
z-index: 2;
bottom: 0;
left: 0;
width: 280px;
height: 550px;
}

div#extraDiv3  { 
background-image: url("../i/white2.png");
background-repeat: no-repeat;
background-position: left bottom;
position: fixed;
z-index: 1;
top: 0;
bottom: 0;
left: 0;
width: 350px;
height: 100%;
}

div#pageHeader {
position: relative;
left: 190px;
width: 1150px;
}

div#pageHeader h1  { 
background-image: url("../i/bigtitle.jpg");
margin: 5px 0 0;
margin-left: 150px;
width: 550px;
height: 85px;
}

div#pageHeader h1 span {
display: none;
}

div#quickSummary {
position: absolute;
width: 1000px;
left: 350px;
top: 100px;
color: #000000;
background-color: transparent;
}

/* summary displayed in a single line */

div#quickSummary p.p2, div#quickSummary p.p1 {
display: inline;
margin: 0;
}

/*additional border */

div#extraDiv1 {
position: absolute;
left: 350px; 
top: 95px;
height: 1px;
width: 1000px;
background-color: #A5A3B5;
color: inherit;
}

/* main content = all positioned absolutely
-----------------------------------------------
 The text-links now ... */

a:link, a:visited {
color: #882C1D;
background-color: transparent;
font-weight: bold;
text-decoration: none;
}

a:hover {
text-decoration: underline;
}

/* The Preamble */

div#preamble {
position: absolute;
left: 375px;
top: 160px;
width: 200px;
text-align: justify;
}

div#preamble h3  {
background-image: url("../i/titre1.jpg");
margin: 0 0 0.5em;
width: 200px;
height: 30px;
}

div#preamble h3 span {
display: none;
}

div#preamble p {
margin: 0 0.5em 0.5em;
}

/* Supporting Text
------------------*/

div#explanation {
position: absolute;
left: 625px;
top: 160px;
width: 200px;
text-align: justify;
}

div#explanation h3  {
background-image: url("../i/titre2.jpg");
margin: 0 0 0.5em;
width: 200px;
height: 30px;
}

div#explanation h3 span {
display: none;
}

div#explanation p {
margin: 0 0.5em 0.5em;
}

div#participation {
position: absolute;
left: 875px;
top: 160px;
width: 200px;
text-align: justify;
}

div#participation h3  {
background-image: url("../i/titre3.jpg");
margin: 0 0 0.5em;
width: 200px;
height: 30px;
}

div#participation h3 span {
display: none;
}

div#participation p {
margin: 0 0.5em 0.5em;
}

div#benefits {
position: absolute;
left: 1125px;
top: 160px;
width: 200px;
text-align: justify;
}

div#benefits h3  {
background-image: url("../i/titre4.jpg");
margin: 0 0 0.5em;
width: 200px;
height: 30px;
}

div#benefits h3 span {
display: none;
}

div#benefits p {
margin: 0 0.5em 0.5em;
}

div#benefits2 {
position: absolute;
left: 1125px;
top: 160px;
width: 200px;
text-align: justify;
}

div#benefits2 h3  {
background-image: url("../i/titre6.jpg");
margin: 0 0 0.5em;
width: 200px;
height: 30px;
}

div#benefits2 h3 span {
display: none;
}

div#benefits2 p {
margin: 0 0.5em 0.5em;
}

div#requirements {
position: absolute;
left: 650px;
top: 160px;
width: 400px;
text-align: justify;
}

div#requirements h3  { 
background-image: url("../i/titre5.jpg");
margin: 0 0 0.5em;
width: 400px;
height: 30px;
}

div#requirements h3 span {
display: none;
}

div#requirements p {
margin: 0 0.5em 0.5em;
}

/* Navigation Exemple
----------------------*/

div#linkList  { 
background-color: transparent;
background-image: url("#");
background-repeat: repeat-y;
text-transform: lowercase;
position: absolute;
top: 160px;
left: 1180px;
width: 200px;
}


div#linkList div#lselect li a:link, div#linkList div#lselect li a:visited  { 
color: #838C98;
background-color: transparent;
background-image: url("#");
background-repeat: no-repeat;
margin-left: -10px;
padding-left: 25px;
border-top: 1px solid #c6c6d2;
}

div#linkList li a:link, div#linkList div#lselect li a.c:link, div#linkList li a:visited, div#linkList div#lselect li a.c:visited {
display: inline;
background-image: none;
color: #838C98;
background-color: transparent;
padding-left: 0;
margin-left: 0;
border: none;
}

div#linkList ul {
list-style: none;
margin: 0 0 0 25px;
padding-left: 0;
}

div#linkList li {
padding-left: 10px;
}

div#lselect h3  {
background-image: url("#");
background-repeat: no-repeat;
margin-top: 0;
width: 25px;
height: 200px;
float: left;
}

div#lselect h3 span {
display: none;
}

div#larchives {
clear:left;
margin-top: 0;
border-top: 10px solid #838C98;
}

div#larchives h3  {
background-image: url("#");
background-repeat: no-repeat;
margin-top: 0;
width: 25px;
height: 80px;
float: left;
}

div#larchives h3 span {
display: none;
}

div#lresources {
clear:left;
margin-top: 0;
border-top: 10px solid #838C98; 
}

div#lresources h3  { 
background-image: url("#");
background-repeat: no-repeat;
margin-top: 0;
width: 25px;
height: 95px;
float: left;
}

div#lresources h3 span {
display: none;
}

/* The Footer which is not really a footer !
--------------------------------------------*/

div#footer {
position: absolute;
left: 1180px;
top: 65px;
width: 160px;
height: 20px;
text-align: center;
word-spacing: 0.1em;
overflow: hidden;
}

div#footer a:link, div#footer a:visited {
color: #838C98;
background-color: transparent;
}