WIDELAYOUTstep3CSS

      /* ============================ */
      /* Section 1: Document defaults */
      /* ============================ */
      @import url(http://fonts.googleapis.com/css?family=Lato:400,700,900);
      @import url(http://fonts.googleapis.com/css?family=Bangers);
      body {
         margin: 0;
         font-family: Lato, Verdana, Arial, Helvetica, sans-serif;
         font-size: 10pt;
         background: linear-gradient(white, #1a2d38);
      }

      /* =============================== */
      /* Section 2: Header element rules */
      /* =============================== */
      header p.TagLine {margin-bottom: 1em; font-style: italic; text-align: center; font-size: 1.8vw}
      #global {background-color: #121E26;text-align: right;overflow: auto;}
      #global a, #global a:link, #global a:active, #global a:visited {color: #E7F1F6;text-decoration: none; }
      #global a:hover {color: white; text-decoration: underline; }
      #searchform {display: inline; float: right; }
      /* Making the cardinal navigation list horizontal, and drop-down */
      #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;}
      #cardinal ul li:hover > ul { display: block;}
      #cardinal li:hover > a,
      #cardinal ul ul :hover > a {background-color: #333; color: #fff;}
      #cardinal ul ul a {background-color: #333; line-height: 1em; padding: auto 10px; width: 160px; height: 40px;}
      #cardinal ul li.current_page_item > a,
      #cardinal ul li.current-menu-ancestor > a,
      #cardinal ul li.current-menu-item > a,
      #cardinal ul li.current-menu-parent > a {color: #fff;}

      /* =============================== */
      /* Section 4: Footer element rules */
      /* =============================== */
      footer {
         font-size: 85%;
          }
      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;}

      .BottomRow {background-color: #1a2d38; color: white;text-align: center;padding: 1em 0;}