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

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

colors :
- light yellow (bg) = #FAF4E3
- dark yello (frames) = #FFCC00
- dark blue (fonts, border) = #1B3364
- dark grey (menu) = #B8B8B8
- dark grey (border) = #AEAEAE
- lighter grey (right) = #F5F5F5
- medium grey (border right) = #D8D8D8

*/

/* General document */
body {
  font-family: verdana, arial, sans-serif ;
  color: #1B3364;
  padding: 0;
  margin: 0;
  top: 0;
  left: 0;
  background-image: url(img/background.png);
  background-repeat: repeat-x;
  }

/* Center box containing all the info */
#pageContent {
  background-color: #FAF4E3;
  border-left: 3px solid #AEAEAE;
  border-right: 3px solid #AEAEAE;
  width: 786px;
  font-size: small;
  color: #1B3364;
}

/* Banner */
.banner {
  width: 782px;
  height: 105px;
  border: 0;
  padding: 2px;
  padding-top: 3px;
  background-color: white;
}

/* Left column on page */
.column_left {
  border: 0;
  padding: 5px;
  padding-left: 20px;
  padding-right: 20px;
  font-family: verdana;
  text-align: justify;
  font-size: small;
  color: #1B3364;
}

.left_title {
  font-family: georgia;
  font-size: large;
  font-weight: bold;
  color: #1B3364;
}

/* Right column on page */
.column_right {
  width: 232px;
  border: 2px solid #D8D8D8;
  border-right: 0;
  padding: 10px;
  background-color: #F5F5F5;
  font-size: small;
}

/* Address frame */
.address {
  border: 1px solid #FFCC00;
  padding: 5px;
  padding-left: 10px;
  padding-right: 10px;
  background-color: white;
  font-family: verdana, arial;
  width: 205px;
  text-align: left;
}

.addressTitle {
  color: #FFCC00;
  font-family: georgia, verdana, arial;
  font-size: larger;
  font-weight: bold;
}

.testimonial {
  border: 0;
  padding: 0;
  font-family: verdana, arial;
  font-size: xx-small;
  color: #1B3364;
  font-weight: bold;
  text-align: left;
}

.testimonialTitle {
  font-family: georgia, verdana, arial;
  font-size: x-small;
}

.addressPicture {
  border: 1px solid #FFCC00;
}

/* Left column on home page */
.column_left_home {
  width: 552px;
  border: 0;
  padding: 5px;
  padding-left: 20px;
  padding-right: 20px;
  text-align: justify;
  font-family: verdana;
  font-size: small;
  color: #1B3364;
}

/* column spacer */
.column_spacer {
  width: 40px;
}

/* title in a column */
.column_header {
  color: #4670B8;
  font-family: times, verdana, arial, sans-serif;
  font-weight: bold;
  font-variant: small-caps;
  font-size: large;
}

/* line below the menu */
.sub_menu {
  background-color: #FFCC00;
  clear: both;
  height: 15px;
  width: 786px;
}

/* 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: x-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;
}

/* Menu button */
.menu_item {
  color: #1B3364;
  background-color: white;
  border: 0;
  border-top: 9px solid #1B3364;
  text-align: center;
  font-weight: bold;
  margin: 0;
  height: 36px;
  padding: 2px;
  cursor: pointer;
  text-decoration: none;
}

/* Menu button selected */
.menu_selected {
  color: #1B3364;
  background-color: white;
  border: 0;
  border-top: 9px solid #FFCC00;
  text-align: center;
  font-weight: bold;
  margin: 0;
  height: 36px;
  padding: 2px;
  text-decoration: none;
}

/* Menu button for mouseOver */
.menu_over {
  color: #1B3364;
  background-color: #FAF4E3;
  border: 0;
  border-top: 9px solid #1B3364;
  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: 35px;
}

/* 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 {
  color: #1B3364;
}
a:visited {
  color: #1B3364;
}
a:hover {
  color: red;
}
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: #1B3364;
}

/* Sub-section content */
.subContent {
  color: #1B3364;
  padding-left: 30px;
}

/* Sub-section content left aligned */
.subContentLeft {
  color: #1B3364;
}

/* Sub-section content left aligned for right column */
.subContentRight {
  color: #1B3364;
}

/* General text block */
pre {
  padding: 0;
  margin: 0;
}

/* AMJ link */
.amjLink {
  text-align: center;
  font-size: xx-small;
  color: #1B3364;
  text-decoration: none;
}

/* Form items */
.formLabel {
  text-align: right;
  width: 250px;
  font-family: verdana, arial, sans-serif;
  font-size: small;
}

.formField {
  text-align: left;
  color: #1B3364;
  border: 1px solid #FFCC00;
  padding: 2px;
  font-size: small;
  font-family: verdana, arial, sans-serif;
  background-color: white;
}

.formSubmit {
  font-family: verdana, arial, sans-serif;
  font-size: small;
  font-weight: bold;
  color: #1B3364;
  background-color: #FFEA96;
  padding: 3px;
  border: 4px outset #FFCC00;
  cursor: pointer;
}

.formReset {
  font-family: verdana, arial, sans-serif;
  font-size: small;
  font-weight: bold;
  color: #1B3364;
  background-color: #FFEA96;
  padding: 3px;
  border: 4px outset #FFCC00;
  cursor: pointer;
}

/* Feedback items */
.feedback_title {
  font-family: georgia, verdana, arial, sans-serif;
  color: #1B3364;
}

.feedback_text {
  font-family: verdana, arial, sans-serif;
  color: #1B3364;
  padding: 5px;
  border: 1px solid #FFCC00;
  margin-top: 2px;
  margin-bottom: 2px;
  background-color: #F5F5F5;
}