html {
    background-image: url('htmlbg.jpg');
  }

  body {
    text-align: center;
    margin: 0 auto;
    background-image: url('bg_orange.jpg');
    background-repeat: repeat-x;
    height: 800px;
  }
  
  #wrapper {
    text-align: left;
    margin: 0 auto;
    width: 800px;
    background: #fff;
    padding: 0 10px;
    background-image: url('bg_orange_dimmed.jpg');
    overflow: hidden;
  }
  
  #sidebar {
    float: left;
    width: 240px;
  }
  
  
  #logo {
    background-image: url('top_with_logo.jpg');
    width: 800px;
    height: 177px;
    overflow: hidden;
    margin: 0;
    padding: 0;
    text-indent: -9000px;
  }
  
  #content {
    font-family: georgia;
    color: #333;
    font-size: 14px;
    line-height: 20px;
    padding: 1em 1em 1em 1em;
    overflow: hidden;
    width: 520px;
    float: left;
  }
  
  #content h1, #content h2, #content h3 {
    color: #666;
    font-weight: normal;
    border-bottom: 1px #ccc solid;
  }
  
  #menu {
    background-image: url('menubg.jpg');
    margin: 0;
    padding: 5px 10px;
    clear: both;
  }
  
    #menu ul, #menu li, #submenu ul, #submenu li {
      display: inline; list-style-type: none;
      padding: 0; margin: 0;
    }
    
      #menu ul li a {
        color: #fff;
        font-family: gill sans, helvetica, arial;
        font-size: 18px;
        font-weight: normal;
        text-decoration: none;
        padding: 4px 8px;
        text-shadow: #333 1px 1px 2px;
        
      }
      


      #menu ul li a:hover {
        color: #ddd;
        text-shadow: #000 1px 1px 2px;
      }
      
      #menu ul li a.selected {
        text-decoration: underline;
      }

#submenu a { text-decoration: none; padding: 0 5px; font-family: gill sans, helvetica, arial; font-size: 13px; }
#submenu { padding: 5px; }


  #bottom {
    margin: 2em 0 1em 0;
    padding: 1em;
    clear: both;
    font-size: 10px;
    font-family: verdana;
    color: #666;
    border-top: 1px #ccc solid;
    
  }
  
  a {
    color: #333;
  }
  
  #byline {
    float: right;
  }