/*
    Styles for the fonts, menu items, banners, ...

fonts : verdana, arial, sans-serif
titles fonts : times, verdana, arial, sans-serif

colors :
- light blue (bg) = #F0F4F9
- dark blue (fonts, border) = #4670B8
- dark grey (menu) = #B8B8B8
- dark grey (border) = #AEAEAE
- light grey (bg) = #F2F2F2
- lighter grey (right) = #FAFAFA
- medium grey (border right) = #D8D8D8

*/

/* General document */
body {
  font-family: verdana, arial, sans-serif ;
  font-size: small;
  padding: 0;
  margin: 0;
  top: 0;
  left: 0;
  background-color: #F2F2F2;
}
/* Center box containing all the info */
#pageContent {
  background-color: #F0F4F9;
  border-left: 3px solid #AEAEAE;
  border-right: 3px solid #AEAEAE;
  width: 800px;
}
/* Container for banner and logo */
.header {
  width: 800px;
  height: 102px;
  background-color: white;
  margin: 0;
  padding: 0;
  border: 0;
}
/* Logo */
.logo {
  text-align: center;
  width: 137px;
  height: 98px;
  padding: 0px;
  padding-top: 5px;
  padding-bottom: 0px;
  float: left;
  background-color: white;
  border: 0;
}
/* Banner */
.banner {
  width: 653px;
  height: 98px;
  border: 0;
  text-align: left;
  float: left;
}
/* Company name */
.company {
  text-align: left;
  font-size: xx-large;
  font-weight: bold;
  color: navy;
  background-color: white;
  padding: 5px;
  float: left;
}
/* Left column on page */
.column_left {
  width: 400px;
  border: 0;
  margin-left: 20px;
  margin-top: 20px;
  margin-right: 0px;
  margin-bottom: 0px;
  padding: 5px;
  padding-left: 20px;
  padding-right: 20px;
  font-size: small;
}
/* Right column on page */
.column_right {
  width: 232px;
  border: 2px solid #D8D8D8;
  border-right: 0;
  margin-left: 20px;
  margin-top: 20px;
  margin-right: 0px;
  margin-bottom: 0px;
  padding: 5px;
  padding-left: 10px;
  padding-right: 10px;
  background-color: #F5F5F5;
  font-size: small;
}
/* Left column on home page */
.column_left_home {
  width: 568px;
  border: 0;
  margin-left: 20px;
  margin-top: 20px;
  margin-right: 0px;
  margin-bottom: 0px;
  padding: 5px;
  padding-left: 75px;
  padding-right: 65px;
  font-size: small;
  text-align: justify;
}
/* column spacer */
.column_spacer {
  width: 40px;
}
/* title in a column */
.column_header {
  color: #4670B8;
  font-family: verdana, arial, times, sans-serif;
  font-weight: bold;
  font-variant: small-caps;
  font-size: large;
}
/* line below the menu */
.sub_menu {
  background-color: #4670B8;
  clear: both;
  height: 15px;
  width: 800px;
}
/* Frame surrounding a picture */
.picture_frame {
  border-left: 3px solid lightblue; /* #AAA */
  border-top: 3px solid lightblue;
  border-right: 3px solid navy;     /* #000 */
  border-bottom: 3px solid navy;
  border: 0;
  text-align: center;
  cursor: pointer;
  width: 500px;
  height: 330px;
  overflow: hidden;
}
/* Frame surrounding a picture's text */
.picture_text {
  border: 2px solid #D8D8D8;
  font-size: small;
  width: 260px;
  margin: 10px;
  padding: 10px;
  padding-top: 20px;
  padding-bottom: 20px;
  background-color: #F5F5F5;
  text-align: justify;
}
/* Title for a picture */
.picture_title {
  font-weight: bold;
  margin: 0px;
  text-align: justify;
}
/* Big picture frame */
.preview {
  border-left: 3px solid lightblue; /* #AAA */
  border-top: 3px solid lightblue;
  border-right: 3px solid navy;     /* #000 */
  border-bottom: 3px solid navy;
  text-align: center;
  padding: 10px;
  width: 800px;
  height: 500px;
}
/* Menu button */
.menu_item {
  color: #4670B8;
  background-color: white;
  border: 0;
  border-top: 9px solid black;
  text-align: center;
  font-weight: bold;
  margin: 0;
  height: 36px;
  padding: 2px;
  cursor: pointer;
  text-decoration: none;
}
/* Menu button selected */
.menu_selected {
  color: #4670B8;
  background-color: white;
  border: 0;
  border-top: 9px solid #4670B8;
  text-align: center;
  font-weight: bold;
  margin: 0;
  height: 36px;
  padding: 2px;
  text-decoration: none;
}
/* Menu button for mouseOver */
.menu_over {
  color: #4670B8;
  background-color: #F2F2F2;
  border: 0;
  border-top: 9px solid black;
  text-align: center;
  font-weight: bold;
  margin: 0;
  height: 36px;
  padding: 2px;
  cursor: pointer;
  text-decoration: none;
}
/* Empty menu cell */
.menu_empty {
  background-color: white;
  border: 0;
  border-top: 9px solid #B8B8B8;
  height: 36px;
  width: 55px;
}
/* White menu spacer */
.menu_spacer {
  background-color: white;
  border: 0;
  border-top: 9px solid white;
  height: 36px;
  width: 8px;
}
/* Menu links */
a.menu {
  text-decoration: none;
}
/* Links */
a:link a:visited {
  color: #4670B8;
}
a:hover a:active {
  color: red;
}
/* Element to reset the alignment of the columns */
.clean {
  clear: both;
}
/* Sub-section title */
.subTitle {
  font-weight: bold;
  font-size: small;
  color: black;
}
/* Sub-section content */
.subContent {
  color: black;
  font-size: small;
  padding-left: 30px;
}
/* Sub-section content left aligned */
.subContentLeft {
  color: black;
  font-size: small;
}
/* Sub-section content left aligned for right column */
.subContentRight {
  color: black;
  font-size: small;
}
/* General text block */
pre {
  padding: 0;
  margin: 0;
}
/* AMJ link */
.amjLink {
  text-align: center;
  font-size: xx-small;
  color: #4670B8;
  text-decoration: none;
}