FLOATLAYOUTstep3CSS

      #cardinal {background-color: #1a2d38; display: block; /*float: left;*/ margin: 0 auto; width: 100%; height: 40px; font-size: 90%;}
      #cardinal ul, ul { list-style: none; margin: 0; padding: 0; }
      #cardinal li {float: left; position: relative;}
      #cardinal ul ul {display: none;position: absolute;top: 40px;left: 1em;float: left;width: 180px;opacity: 0.95;z-index: 99999;}
      #cardinal a {color: #aaa; display: block; line-height: 40px; padding: 0 10px; text-decoration: none; font-weight: normal;}


      /* ================================ */
      /* Section 3: Content element rules */
      /* ================================ */
      #main {
         padding: 0 1em;
         overflow: auto;
         background-color: white;
         opacity: .9;
         border-left: solid #121E26 1px;
         border-right: solid #121E26 1px;
         }
      article {
         overflow: auto;
         background-color: white;
         opacity: .95;
         padding: 0 2em;
         }


      /* =============================== */
      /* Section 4: Footer element rules */
      /* =============================== */
      footer {font-size: 80%;
      }
      footer a, footer a:link, footer a:active, footer a:visited, footer a:hover {color: black; text-decoration: none;}
      footer a:hover {color: white; text-decoration: underline;}
      .TopRow {background-color: #324853;clear: both;overflow: auto;}