html {
  height: 100% ;
}
body {
  height: 100% ;
  margin: 0px ;
  background-image: url(/themes/ahf/images/global_bg.gif);
  background-repeat: repeat-x;
  background-position: top left;
  background-color: #fff;
}

#container {  
  width: 768px;
  background-color: #fff;
  left: 50%;
  margin:0 auto auto -384px;
  position:absolute;
  border-right: 1px solid #fff;
  border-bottom: 1px solid #fff;
  border-left: 1px solid #fff;
}
#header, #header_fr {
  background-position: top left;
  background-repeat: no-repeat;
  height: 60px;
        text-align: right;
}
#header {
        background-image:url(/themes/ahf/images/ahf_header.gif);
}
#header_fr {
        background-image:url(/themes/ahf/images/ahf_header_fr.gif);
}

#NavigationLevelOne {
  width: 768px;
  background: #A28F4B;
  background-image: url(/themes/ahf/images/inactive_butt_bg.gif);
  background-repeat: repeat-x;
  background-position: top left;
  height: 22px;
  position: relative;
}
ul.level-1 {
  padding: 3px 0 0 0;
  margin: 0;
  font-size: 10px;
  color: #000000;
  font-weight: normal;
  font-family: Verdana, sans-serif

}
ul.level-1 li {
  list-style: none;
  margin: 0 0px 0 0;
  padding: 0 0 0 0;
  border-bottom: 0px solid #AEA57D;
  display: inline;
  font-family: Verdana, sans-serif;
}
ul.level-1 li a {
  padding: 0.25em 1em 0.25em 0.75em;
  border-left: 1px solid #F3ECC6;
  border-top: 0px solid #F3ECC6;
  border-right: 1px solid #AEA57D;
  border-bottom: 0px solid #AEA57D;
  background-image: url(/themes/ahf/images/inactive_butt_bg.gif);
  background-repeat: repeat-x;
  background-position: top left;
  text-decoration: none;
}

ul.level-1 li a:link { color: #000; }
ul.level-1 li a:visited { color: #000; }


ul.level-1 li.active a { background-image: url(/themes/ahf/images/active_butt_bg.gif); }

ul.level-1 li a:hover {
  color: #666666;
}

ul.level-2 {
  padding: 3px 0 3px 0px;
  margin: 0 0 0 -20px;
  font-size: 10px;
  color: #000000;
  font-weight: normal;
  font-family: Verdana, sans-serif;

}
ul.level-2 li {
  color: #0087C6;
  margin: 0 0 0 25px;
  padding: 0 0 0 -5px;
  float:left;
}
ul.level-2 {
  padding-left: 20px;
        
}
ul.level-2 a{
  color: #000;
  text-decoration: none;     
}
ul.level-2 li.active a{
  color: #0087C6;
  text-decoration: none;
}

#bannerGraphic {
  background-repeat: no-repeat;
  background-position: top-left;
  width: 768px;
  height: 225px;
  margin-top: -20px;
}
#bannerText {

  color: #fff;
  font-family: "Century Gothic", Verdana, Arial;
  font-size: 20px;
  padding: 35px 0px 0px 20px;

}
#bannerText a { color:#fff; }
#bannerGraphic a{
    color:#000;
    text-decoration:none;
}
#bannerGraphic ul{
    color:#0087C6;
}
#bannerGraphic ul { margin-left:30px;}




/* Display a different banner for each main section */
/******* ENGLISH *******/
#page_announcements #bannerGraphic {
  background-image: url(/themes/ahf/images/banner-coastal.jpg);
}
#page_publications #bannerGraphic {
  background-image: url(/themes/ahf/images/banner-publications.jpg);
}
#page_about-us #bannerGraphic {
  background-image: url(/themes/ahf/images/banner-about-us.jpg);
}
#page_funded-projects #bannerGraphic {
  background-image: url(/themes/ahf/images/banner-funded-projects.jpg);
}
#page_links #bannerGraphic {
  background-image: url(/themes/ahf/images/banner-links.jpg);
}
#page_faqs #bannerGraphic {
  background-image: url(/themes/ahf/images/banner-links.jpg);
}

#page_bulletin-board #bannerGraphic {
  background-image: url(/themes/ahf/images/banner-bulletin-board.jpg);
}
#page_contact-us #bannerGraphic {
  background-image: url(/themes/ahf/images/banner-contact-us.jpg);
}

#page_order #bannerGraphic {
  background-image: url(/themes/ahf/images/banner-publications.jpg);
}


/* Display a different banner for each main section */
/******* FRANCAIS *******/

#page_annonces #bannerGraphic {
  background-image: url(/themes/ahf/images/banner-announcements.jpg);
}
#page_publications #bannerGraphic {
  background-image: url(/themes/ahf/images/banner-publications.jpg);
}
#page_renseignements #bannerGraphic {
  background-image: url(/themes/ahf/images/banner-about-us.jpg);
}
#page_projets-finances #bannerGraphic {
  background-image: url(/themes/ahf/images/banner-funded-projects.jpg);
}
#page_liens #bannerGraphic {
  background-image: url(/themes/ahf/images/banner-links.jpg);
}
#page_babillard #bannerGraphic {
  background-image: url(/themes/ahf/images/banner-bulletin-board.jpg);
}
#page_ecrivez-nous #bannerGraphic {
  background-image: url(/themes/ahf/images/banner-contact-us.jpg);
}
/* ********************* */







#asabike-body {
  padding: 10px;
  width:740px;
}
#clear-me{
  clear:both;
  height:1px;
}
#article-text {
  margin-left: 220px;
  font-family: Verdana, sans-serif;
  font-size: 12px;
  color: #000000;
}

#deco {
  border-right: 3px solid #CCCCCC;
  border-left: 3px solid #CCCCCC;
}
#footer {
  height: 18px;
  background-color: #CBCBCB;
  background-image: url(/themes/ahf/images/footer_bg.gif);
  background-position: bottom left;
  background-repeat: repeat-x;

}
#footerLeft {
  float: left;
  line-height: 18px;
  vertical-align: middle;
  padding-left: 5px;
  color: #0087C6;
  font-size: 9px;
  font-family: Verdana, sans-serif;
}
#footerRight {
  font-size: 9px;
  float: right;
  line-height: 18px;
  vertical-align: middle;
  padding-right: 5px;
  color: #0087C6;
  font-size: 9px;
  font-family: Verdana, sans-serif;
}
#tableContainer {
  display: table;
  width: 100%;
  text-align: center;
}
#tableRow  {
  display: table-row;
}
#leftCell, #rightCell, #middleCell {
  display: table-cell;
  text-align: left;
  border-right: 1px dashed #ccc;
  padding-left: 15px;
  padding-right: 15px;
  width: 256px;
}