@charset "UTF-8";

/* main and banner, common to all pages */


body {
   font-family: Arial, Sans-serif;
   font-size: 10pt;
   background-color: #e5e8e8;
   margin: 0px;
}

a {
   color: #00A;
   text-decoration: none;
}

a:hover {

}

img {
   border: none;
}

input[type=text], input[type=password], select {
   padding: 3px 6px 3px 6px;
}

input[type=button], input[type=submit] {
   font-weight: bold;
   padding: 3px 6px 3px 6px;
   background-color: #558ab0;
   color: #fff;
   border-radius: 3px;
}

input[type=reset] {
   font-weight: bold;
   padding: 3px 6px 3px 6px;
   background-color: #eee;
   color: #000;
   border-radius: 3px;
}

sup, sub {
   vertical-align: baseline;
   position: relative;
   top: -0.4em;
}

sub { top: 0.4em; }

#outercontainer {
   width: 1200px;
   height: auto;
   overflow: auto;
   margin: 0 auto;
   background-color: #fff;
   clear: both;
}

#innerbanner {
   position: relative;
   width: 100%;
   height: 300px;
   padding: 0px;
   margin: 0px;
   margin: 0 auto ;
   background-image:url("/images/bcatlas-banner-1200.jpg");
   clear: both;
}

#innerbanner_fr {
   position: relative;
   width: 100%;
   height: 300px;
   padding: 0px;
   margin: 0px;
   margin: 0 auto ;
   background-image:url("/images/bcatlas-banner-1200-fr.jpg");
   clear: both;
}

#langsel {  position: absolute;  top: 5px;  right: 5px;}
#lang_sel_list ul a, #lang_sel_list ul a:visited {background: none; background-color: transparent; color:#444444; height:auto; line-height:1em; padding:5px 10px;border-width:0 1px 1px 1px; font-size: 12px; color: #fff; font-weight: bold;}
#lang_sel_list a.lang_sel_sel:hover{text-decoration: none; color:#fff;}
#lang_sel_list a.lang_sel_other:hover{text-decoration: none; color:#333;}
#lang_sel_list a.lang_sel_other {color:#ccc;}

#bcatlaslogo {
   padding: 15px;
}

#credentials {
   position: absolute;
   top: 10px;
   right: 10px;
   font-size: 9pt;
   font-family: arial;
   color: #fff;
   text-align: right;
   width: 400px;
}

#credentials a {
   color: #fff;
   font-weight: bold;
}

#navbar {
   width: 100%;
   height: 30px;
   padding: 0px;
   margin: 0 auto ;
   background-color: #161b04;
   color: #fff;
   font-size: 14pt;
}

#navbar li {


}

#navlist {
   height: 30px;
}

#navlist a {
   text-decoration: none;
   padding-left: 35px;
   padding-right: 35px;
   font-size: 11pt;
   color: #fff;
   font-weight: bold;
}

#navlist a:hover {
   color: #000;
}

#navlist li {
   display: inline;
   list-style-type: none;
   padding-left: 0px;
   padding-right: 0px;
}

#innercontainer{
   position: relative;
   height: auto;
   overflow: auto;
   min-height: 900px;
   width: 100%;
   background-color: #f8f8f8;
   padding: 0px;
   margin: 0px;
   clear: both;
}

#sidebar {
   width: 225px;
   float: right;
   right: 0px;
   padding: 20px;
   text-align: center;
}

#maincontent {
   width: 840px;
   float: left;
   left: 0px;
   padding: 40px;
}

#maincontent.wide {
   width: 1100px;
}

#maincontent.book {
   width: 1140px;
   padding: 20px 15px 20px 15px;
   border: 1px #e0e0e0 solid;
   margin: 15px;
   font-size: 11pt;
   position: relative;
   height: auto;
   overflow: auto;
   min-height: 800px;
   clear: both;

}

ul.largefont {
   font-size: 14pt;
}

#outerfooter {
   width: 100%;
   background-color: #e5e8e8;
   color: #000;
   padding: 0px 0px 20px 0px;
   clear: both;
}

#innerfooter {
   position: relative;
   width: 100%;
   height: 60px;
   padding: 20px 0px 20px 0px;
   margin-left: auto ;
   margin-right: auto ;
   font-size: 8pt;
}


#contact {
   width: 980px;
   height: 45px;
   margin-left: auto ;
   margin-right: auto ;
   clear: both;
   text-align: center;

}