* {
     margin:0px;
     padding:0px;  
    }

  body {
    background:url('../images/background.jpg') no-repeat top center #6c821c;
    font-size:12pt;
    text-align:center;
    }
    
  #container {
    margin:0px auto;
    text-align:left;
    width:980px;
    }

  #logo{
    height:173px;
    margin:0px 0px 0px 20px;
    width:400px;
    }

  #logo h1 {
    background:url('../images/supplement_logo.gif') no-repeat;
    height:173px;
    text-indent:-999px;
    width:auto;
    }

  #nav {
    background:url('../images/top.gif') no-repeat;
    height:45px;
    margin:0px auto;
    padding:15px 50px 0px;
    text-align:left;
    }
  #nav ul {
    list-style-type:none;
    }  
  #nav li {
    display:inline;
    margin:0px 10px;
    }
  #nav li a {
    color:#bab967;
    font-family:"Rockwell Extra Bold";
    font-size:16pt;
    font-weight:bold;
    text-decoration:none;
    }
  #nav li a:hover{
    color:white;
    }
  .content {
    background: #e0e0ac;
    padding:20px;
    width:940px;
    }

  .ribbon {
    background:url('../images/ribbon.gif') no-repeat;
    height:118px;
    margin:0px -15px;
    padding:20px 50px 0px;
    position:relative;
    width:1010px;
    }
    
  #banner {
    height: 111px;
    width: 300px;
    border: solid 1px;
    float: left;
    margin:0 5px 0 0;
    }

  #footer {
    background:url('../images/footer.gif') no-repeat;
    color:white;
    font-size:12pt;
    height:24px;
    margin:0px auto;
    padding:15px 0px 0px;
    text-align:center;
    }
  #footer ul{
    list-style-type:none;
    }
  #footer ul li{
    display:inline;
    padding:0px 5px;
    }
  #footer ul li a {
    color:white;
    text-decoration:none;
    }
  #footer h6 {
    font-size:14pt;
    margin:5px 0px 0px;
    }
/* Begin Extra Styles */
    
  .box {
    float:left;
    width:300px;
    }