/*
********************************************
    TYPOGRAPHY AND COLOR RULES
********************************************
*/

body {
  margin: 0;
  padding: 0;
  background-color: #009;
  font-family: verdana, sans-serif;
  /* there are overrides and/or additions in advanced.css*/
  }

a, p, ul, li, h1, h2, h3 {
  /*
  This rule has multiple selectors to ensure that the styles are carried
  down into the necessary elements in NN4, which is notoriously flaky in its
  handling of inheritance.
  */
  font-family: verdana, sans-serif;
  color: #fff;
  }

a {
  color: #fff;
  text-decoration: none;
  font-weight: bold;
  }

a:hover {
  color: #777;
  text-decoration: none;
  font-weight: bold;
  }

#MainContent a {
  color: #009;
  }

#MainContent p {/* NN4 inheritance */
  color: #000;
  }
  
#Footer p {/* NN4 inheritance */
  color: #000;
  }

ul {
  margin: 0;
  padding: 0 0 0 1em;
  list-style-position: outside;
  list-style-type: square;
  border: 0;
  }
ol {
  color: #077;

}

li {
  color: #077;
  text-align: left;
  font-weight: normal;
  font-style: italic;
  } 

.FrontPage {
  float: right;
  margin: 0 0 0 30px;
  border: 0;
  }

.legal {
  font-size: 0.9em;
  line-height: 1.0em;
  }

.logo {
  font-size: 32px;
  line-height: 32px;
  margin: 0;
  }

.motto {
  font-size: 32px;
  text-align: right;
  font-weight: bold;
  font-style: italic;
  }

.trick {
  clear: right;
  }
  /*
  
  */

/*
********************************************
    LAYOUT RULES
********************************************
*/

  /*
  NN4 has limited ability with absolutes. It cannot set them except in reference
  to the top and left, so the three column layout for modern browsers will not
  work here. Instead, both side columns have been set down the left and with
 fixed widths in order to clear the absolute MainContent.
  */

#Footer {
  padding: 10px 10px 10px 20px;
  border: 1px solid #ccc;
  background: #fff url(img/_.gif) no-repeat;
  /*
  NN4 needs the background color included with a background image, else it will
  display a black background.
  */
  /*
  NN4 incorrectly traces the img URL in relation to the HTML document, not 
  the CSS. Watch out if you're styling HTML's in multiple directories. In that
  case use a full URL to the image directory.
  */
  /*
  NN4 can't use the bottom right image we used for modern browsers - it can
  only set a background image in relation to the top left corner. If we don't
  use any background image here, then the background color won't show without
  a border. Then we're up against the transparent gap nonsense again. So here's
  a variation on the fix; I've used a one pixel transparent gif for a background
  image to get background color to show up without a border. 
  */
  margin: 0;
  }

#Header {
  margin: 0;
  padding: 40px 10px 10px 170px;
  border: 0;
  background: #009 url(img/sa_icon.gif) no-repeat;
  height: 110px;
  }

#MainContent {
  position: absolute;
  top: 150px;
  left: 160px;
  padding: 50px 10px 10px 20px;
  border: 0;
  background: #fff url(img/TLcorner.gif) no-repeat;
  color: #000;
  margin: 0 20px 0 40px;
  }

#ProductInfo {
  margin: 0;
  padding: 50px 10px 10px 10px;
  border: 0;
  width: 140px;
  }

#SiteNav {
  margin: 0;
  padding: 0 10px 10px 10px;
  border: 0;
  width: 150px;
  }