body {
        font-size:99.5%;
        font-family:sans-serif;
        color:#000;
        padding:0;
        margin:1em;
      }
      
      table {
        border-collapse: collapse;
      }
      
      h1, h2, h3, h4, h5, h6 {
        font-weight:normal;
      }
  
      h1#header {
        margin:0;
        padding:0.5em;
        margin-bottom:0.2em;
        background:#111;
        border:solid 1px #000;
        color:#ff8a00;
        text-align:center;
      }
      
      ul.nav {
        padding:1em 1em 1em 1em;
        margin:0 1em 5em 0;
        float:left;
        width:8em;
        background:#f5f5f5;
        border:solid 1px #ddd;
        list-style:none;
      }

      p#footer {
        border-collapse: collapse;
        text-align: center;
        background:#111;
        color:#ff8a00;
        border: none;
        vertical-align: baseline; 
        clear: both;
        font-size:75%;
        padding:0.5em;
        margin:0;
      }
      
      div#content {
        margin:0 2em 2em 2em;
      }

      div#container {
         margin: 0 auto;
         text-align: left;
         width: 790px;
         border: solid 1px #8f8f8f;
         background-color: #ffffff;
      }
      
      .code {
        display:block;
        background:#eee;
        border:solid 1px #aaa;
        border-left:solid 5px #aaa;
        padding:3px;
        margin:3px 0 3px 3em;
      }
      
      h2 {
        font-size:1.6em;
      }
      
      h3 {
        font-size:1.3em;
      }

      #navi
      {
        padding:0em 0em 0em 0em;
        margin:0 0em 0em 0;
	text-align:center;
	font-weight:bold;
	border-collapse:collapse;
	border-bottom-color: #ffffff;
	border: 1px solid #bfbfbf;
        background:#f5f5f5;
      }
      #navi a {
	display: block;
	text-decoration: none;
  	padding:5px;
      }
      #navi a:hover {
  	background-color: #ededed;
  	border-bottom: none;
      }
     img {
        border: none;
     }