/* style.css */


/*  Global settings, override where desired  */
* {
  margin: 0px;
  padding: 0px;
}
/*
If you want to remove all cell padding from all tables, use collapse?
table {
  border-collapse: collapse;
}
*/


/*  Body link settings  */
a:active {
  color: #cc0000;
  text-decoration: underline;
}
a:link {
  color: #0000cc;
  text-decoration: underline;
}
a:visited {
  color: #cc0000;
  text-decoration: underline;
}
a:hover {
  color: #cc0000;
  text-decoration: underline;
}


/* General body properties  */
body {
  background: url(images/body-bg.gif) repeat-x #001133;
}


/*  Outside container for all elements  */
.page-inner {
/* max-width: 960px; */
  width: 960px;
  margin: 4px auto 0px auto;
  border: solid black 2px;
}


/*  General font definitions  */
/*  Body text to be used in multiple classes  */
.content_inner, .footer_company, .text_small {
  font-family: Arial, Helvetica, Verdana, sans-serif;
  font-size: 13px;
  font-weight: normal;
  color: #000066;
  line-height: 125%;
}
/*  Small text (override settings above)  */
.text_small {
  font-size: 10px;
}


/*  General headline definition  */
h2 {
  font-size: 18px;
}


/*  General content image definition  */
.content_img {
  float: left;
  border-style: solid;
  border-width: 1px;
  margin-right: 10px;
}
.content_img img {
  display: block;
/*  margin: 0 auto; */
}


/*  General list definitions  */
.content_ul {
  border: none;
  list-style-type: square;
  margin-left: 0px;
  margin-top: 0px;
  margin-right: 0px;
  margin-bottom: 12px;
  line-height: 150%;
  padding-left: 15px;    /*  This is the secret to making the bullet points
                             on coatings.html show up in IE6!
                             It seems to add extra padding though, in IE6
                             vs FF.  Ah well, better than no bullets.
                         */
}

.properties_ul {
  border: none;
  list-style-type: none;
  margin-left: 30px;
  margin-top: 0px;
  margin-right: 0px;
  margin-bottom: 18px;
  line-height: 150%;
}

.content_ol {
  border: none;
}

.sitemap_ul {
  border: none;
  list-style-type: square;
  line-height: 150%;
  padding-left: 15px;    /*  This is the secret to making the bullet points
                             show up in IE6!
                             It seems to add extra padding though, in IE6
                             vs FF.  Ah well, better than no bullets.
                         */
}


/*  Header settings  */
.header {
  border: none;
  background-image: url(images/banner-bg.gif);
  background-color: #003399;
  width: 100%;
  height: 100px;
  overflow: hidden;  /*  Hide the anti-stick graphic in res's too narrow  */
/*  min-width: 750px; */
}
.header_left {
  width: 382px;
  float: left;
}
.header_right {
  text-align: center;
}


/*  Menu settings  */
.menu {
  border: none;
  float: left;
  background-color: #003399;
  width: 160px;
  height: 100%;
  text-align: center;
/*  line-height: 20px;*/   /*  Make the vertical spacing between buttons  */
                       /*  This is strange, it's a 30px high button.
                           FF 1.0.4 and Opera 8.5 show desired 5px spacing,
                           IE6 shows 3px.
                       */
}
.menu_button {
  border: none;
  /*  margin-bottom: 5px;  */    /*  Doesnt work the same in FF and IE  */
}


/*  Outer content settings  */
.content_outer {
  border: none;
  background: white url("images/bluebg1.gif") 0 0 repeat-y;
  width: 100%;
  height: auto;
/*  min-width: 750px; */
}


/*  Inner content settings  */
.content_inner {
  border: none;
  background-color: white;
  height: auto;
  margin-left: 180px;
  margin-right: 20px;
}


/*  Inner content headline settings  */
.content_headline {
  border: none;
  background-color: white;
  height: 40px;  /*  Make a little extra white-space underneath the img  */
}


/*  Inner content text settings  */
.content_text {
  border: none;
  background-color: white;
  height: auto;
  margin-bottom: 12px;  /*  This sets the size of blanks line for each <p>  */
}

.content_text_headline {
  font-size: 16px;
  font-weight: bold;
  margin-bottom: 12px;  /*  This sets the size of blanks line for each <p>  */
}


/*  Top fillet settings  */
.fillet_top {
  border: none;
  background-image: url(images/fillet-top.gif);
  background-repeat: no-repeat;
  background-color: white;
  width: 100%;
  height: 22px;
}


/*  Bottom fillet settings  */
.fillet_bottom {
  border: none;
  background-image: url(images/fillet-bottom.gif);
  background-repeat: no-repeat;
  background-color: white;
  width: 100%;
  height: 22px;
}


/*  Company footer settings  */
.footer_company {
  border: none;
  background-color: white;
  text-align: center;
  height: auto;
  margin-left: 180px;
  margin-top: 24px;
  margin-right: 20px;
  clear: both;
}


/*  Bottom footer settings  */
.footer_bottom {
  border: none;
  background-image: url(images/footer-bg.gif);
  background-color: #003399;
  width: 100%;
  height: 84px;
}