body,div,dl,dt,dd,ul,ol,li,
h1,h2,h3,h4,h5,h6,
pre,form,fieldset,input,textarea,
p,blockquote,th,td {
margin:0;
padding:0
}

caption,th {
text-align:left
}

em {
font-style:italic
}

fieldset,img,abbr,acronym {
border:0
}

h1,h2,h3,h4 {
font-family:"Century Gothic","Trebuchet MS",Arial,Helvetica,sans-serif
}

h1,h2,h3,h4,h5,h6 {
font-size:100%;
font-weight:400
}

html {
font-size:100%
}

ol,ul {
list-style:none
}

p,#linkList ul li {
margin:0;
padding:0
}

q:before,q:after {
content:''
}

table {
border-collapse:collapse;
border-spacing:0
}

address,caption,cite,code,dfn,em,strong,th,var {
font-style:normal;
font-weight:400
}

body {
background:#aac46a url(background.jpg) repeat-x bottom center;
font:0.625em/1em Arial, Verdana, Geneva, Arial, Helvetica, sans-serif;
position:relative;
text-align:center
}

#container {
background:transparent url(backgroundcontainer.jpg) repeat-x 0 145px;
font-size:1.2em;
height:9px;
line-height:1.5em;
margin:0 auto;
min-height:639px;
padding:0;
position:relative;
text-align:left;
top:9px;
width:950px;
}

/* Header */
#pageHeader {
position:relative
}
  #pageHeader h1 {
  background-color:#BCD384;
  color:#635042;
  font-size:2.5em;
  height:145px;
  line-height:3em;
  padding:0 20px;
  text-transform:uppercase;
  width:95.7%
  }
  
  #pageHeader h2 {
  background:transparent url(banner.png) repeat-x 0 0;
  height:145px;
  left:0;
  position:absolute;
  text-indent:-9999px;
  top:0;
  width:100%;
  z-index:2
  }

/* Quick Summary */
#quickSummary {
background:#635041 url(woodbg.jpg) repeat-x top left;
color:#d5e3b2;
font-family:"Century Gothic","Trebuchet MS",Arial,Helvetica,sans-serif;
height:12em;
margin:33px 33px 0;
overflow:hidden
}
  
  /* Summary */
  #quickSummary .p1 {
  background:transparent url(woodbg2.jpg) no-repeat left top;
  float:left;
  font-size:1.7em;
  line-height:1.1em;
  padding:28px 0 28px 0;
  width:693px
  }
    #quickSummary .p1 span {
    display:block;
    padding:0 23px 0 264px
    }

  /* Download */
  #quickSummary .p2 {
  float:left;
  font-size:1.3em;
  line-height:1.2em;
  padding:44px 0 20px;
  width:191px
  }
    #quickSummary .p2 span {
    display:block;
    padding:0 33px
    }
      #quickSummary .p2 a,
      #quickSummary .p2 a:active {
      color:#D19753;
      text-decoration:none
      }
      #quickSummary .p2 a:hover {
      color:#BCD384;
      text-decoration:underline
      }

/* Content */
#preamble a,
#supportingText a,
#preamble a:active,
#supportingText a:active {
border-bottom:1px solid #647e24;
color:#877564;
text-decoration:none
}

#preamble a:hover,
#supportingText a:hover {
background-color:#877564;
border-bottom:1px dashed #d19753;
border-top:1px dashed #d19753;
color:#fff;
text-decoration:none
}

#preamble h3 span,
#supportingText h3 span {
background:transparent url(leaf.gif) no-repeat bottom right;
color:#877564;
padding:6px 43px 12px 0
}

#preamble h3,
#supportingText h3 {
font-size:1.5em;
padding:15px 0 25px;
text-align:center;
text-transform:uppercase
}

#preamble p,
#supportingText p {
line-height:1.7em;
padding:0px 33px 3px;
}

#preamble,
#supportingText {
background:#ebe7d8 url(bgContent.jpg) repeat top left;
float:right;
padding:10px 0px;
position:relative;
right:33px;
width:653px
}

    
/* Supporting text */
#supportingText {
display:block;
clear:both;
padding-top:0;
padding-bottom:3em
}

  #supportingText div {
  padding-top:10px; 
  padding-bottom:10px
  }

/* Sidebar menu */
#linkList {
left:33px;
padding:0;
position:absolute;
top:26.8em;
width:231px
}
  #linkList ul {
  list-style:none;
  margin:0;
  padding:0
  }

/* Archives + Ressources */
#larchives,
#lresources {
margin:27px 0 27px 4px
}

/* Select a design */
#lselect {
clear:both
}
  #lselect a,
  #lselect a:active {
  border-bottom:1px solid #8d9666;
  color:#d19753;
  text-decoration:none
  }
  #lselect a:hover {
  background-color:#d19753;
  border-bottom:1px dashed #8d9666;
  border-top:1px dashed #8d9666;
  color:#4c592b;
  text-decoration:none
  }

  #lselect h3 {
  background:transparent url(shadowSidebar.png) no-repeat top left
  }
    #lselect h3 span {
    background:#BCD384 url(bgTitleSidebar.png) no-repeat top right;
    color:#5c4735;
    display:block;
    font-size:1.3em;
    line-height:1.3em;
    margin-left:4px;
    padding:6px 10px 3px;
    text-align:center
    }
  
  #lselect ul {
  background:#4c592b url(bgContentSidebar.png) repeat top right;
  color:#8d9666;
  line-height:1.7em;
  margin-left:4px;
  padding:9px
  }

/* Archives */
#larchives {
background:#d19753 url(bgContentSidebar2.png) repeat bottom right
}

  #larchives a,
  #larchives a:active {
  color:#4c592b;
  padding:0
  }
  #larchives a:hover {
  background-color:#d2ab79;
  color:#505926;
  text-decoration:none
  }

  #larchives h3 {
  background:transparent url(h3sideBarArchives.png) repeat-x bottom left;
  margin:0 3px
  }
    #larchives h3 span {
    color:#4c592b;
    display:block;
    font-size:1.3em;
    line-height:1.3em;
    padding:6px 10px;
    text-align:center
    }
  
  #larchives ul {
  padding:9px 9px 42px
  }
    #larchives ul li {
    border-bottom:1px dotted #e1c494;
    clear:both;
    padding:3px 0 3px 5px
    }

/* Resources */

#lresources {
margin-left:4px
}
  #lresources ul li a,
  #lresources ul li a:active {
  border-bottom:1px solid #8ba44c;
  color:#4C592B;
  text-decoration:none
  }
  #lresources ul li a:hover {
  background-color:#4C592B;
  border-bottom:1px solid #8ba44c;
  color:#AAC46A;
  text-decoration:none
  }

  #lresources h3 {
  margin:0 0 10px;
  position:relative;
  text-align:center;
  z-index:3
  }
    #lresources h3 span {
    background:#aac46a url(h3sidebarRessources.png) no-repeat 5px 100%;
    color:#4C592B;
    font-size:1.3em;
    line-height:1.3em;
    padding:0 6px 13px 42px
    }

  #lresources ul {
  border-top:1px solid #8ba44c;
  line-height:1.7em;
  padding:27px 9px 10px;
  position:relative;
  top:-20px;
  z-index:2
  }

/* Footer */
#supportingText #footer {
background-color:#637e24;
border-bottom:1px dashed #4C592B;
border-top:1px dashed #4C592B;
bottom:-1.7em;
left:0;
padding:0;
position:absolute;
text-align:center;
width:653px;
margin-bottom:20px;
}

#supportingText #footer a,
#supportingText #footer a:active {
color:#BCD384
}

#extraDiv2 {
display:block;
width:100%;
height:80px;
clear:both
}

#extraDiv1 {
background:#d19753 url(grid.png) repeat-x 50% 50%;
height:9px;
left:50%;
margin-left:-50%;
position:absolute;
top:0;
width:100%;
z-index:3
}