body {  
       color: black;
       background-color: white;
       margin: 1em 3em 2em 1em;
       font-family: Arial, sans-serif;
       }

#nav1 {
        margin-left: 12em;
        margin-bottom: 2em;
        width: 525px;
        }

#nav1 img { 
            border: none;
            }

a#nav1home img { background: url(/images/nav/home-ro.jpg); }
a#nav1about img { background: url(/images/nav/about-ro.jpg); }
a#nav1products img { background: url(/images/nav/products-ro.jpg); }
a#nav1news img { background: url(/images/nav/news-ro.jpg); }
a#nav1shop img { background: url(/images/nav/shop-ro.jpg); }
a#nav1shops img { background: url(/images/nav/shops-ro.jpg); }
a#nav1faq img { background: url(/images/nav/faq-ro.jpg); }

a#nav1home:hover img { background: url(/images/nav/home.jpg); }
a#nav1about:hover img { background: url(/images/nav/about.jpg); }
a#nav1products:hover img { background: url(/images/nav/products.jpg); }
a#nav1news:hover img { background: url(/images/nav/news.jpg); }
a#nav1shop:hover img { background: url(/images/nav/shop.jpg); }
a#nav1shops:hover img { background: url(/images/nav/shops.jpg); }
a#nav1faq:hover img { background: url(/images/nav/faq.jpg); }

#nav2 { 
        width: 11em;
        min-width: 150px;
        float: left;
        padding-right: 1em;
        text-align: right;
        color: #008000;
        background-color: white;
        text-transform: uppercase;
        }

#nav2 a img { 
              border: none;
              }

#nav2 ul { 
           list-style-type: none;
           margin-left: 0;
           padding-left: 0;
           }

#nav2 li { 
           padding-bottom: 0.5em;
           font-weight: bold;
           }

#nav2 a { 
          text-decoration: none;
          color: #008000;
          background-color: white;
          }

#nav2 a:visited { 
                  color: #99CC99;
                  background-color: white;
                  }

#nav2 li li { 
              margin: 0;
              padding: 0.25em 0 0 0;
              font-size: 0.75em;
              font-weight: normal;
              }

#content { 
           margin-left: 12em;
           max-width: 40em;
           }

#content p { 
             line-height: 1.4;
             }

h1 {
     color: #008000;
     background-color: white;
     font-style: italic;
     font-size: 1em;
     }

h2, h3, h4, h5, h6 { 
                     font-size: 1em;
                     }

abbr, acronym { 
                border: none;
                }

th, td { 
         padding: 0.5em;
         vertical-align: top;
         }

th[scope="row"] { 
                  text-align: right;
                  }