body     {background-color:#FFFFF0;
          color:#000021;
          margin:5%;}

h1, h2, li, p
         {font-family:Arial,Helvatica,sans-serif;}
a        {background-color:transparent;
          color:#BBBBDF;
          font-weight:bold;}
ul.nav   {list-style-type:none;
          text-align:center;
          margin-bottom:1em;
          margin-left:0;
          padding-left:0;}
ul.nav li
         {display:inline;
          white-space:nowrap;}
ul.nav li:before
         {padding:0 0.5em;
          content:"|";}
ul.nav li:first-child:before
         {content:"";}

div.dialog
         {padding-bottom:1em;
          margin-bottom:1em;}
div.dialog h2
         {margin-bottom:1em;}
div.dialog p
         {font-family:Arial,Helvatica,sans-serif;
          line-height:1.2em;
          margin:0;}
div.p1   {width:50%;
          margin-left:2px;
          margin-top:-1.2em;
          padding-right:1%;
          border-right:1px solid #BBBBDF;}
div[class="p1"]
         {width:49%;
          margin-left:0;}
div.p2   {margin-top:-1.2em;
          margin-left:50%;
          margin-right:0;
          padding-left:1%;
          border-left:1px solid #BBBBDF;}
div.p1 p.name, div.p2 p.name
         {font-family:Arial,Helvatica,sans-serif;
          font-weight:bold;}

p.foot   {margin-top:2em;
          text-align:center;
          font-size:smaller;}