body {
    background: #FFFFCC;
    font-family: "Helvetica Narrow",san-serif;
    line-height: 1.5;
    font-size: 14px;
}

body.toc {
    background: url(http://thomasoandrews.com/graphics/idealbg.jpg)
}


A:link {
   color: #003399;
   text-decoration: none
}

A:visited {
   color: #222255;
   text-decoration: none
}

A {
   font-weight: bold;
}

A:hover {
   color: white ;
   background: #3366CC ;
}

A:active {
   color: #000099 ;
}

A.image:hover {
   background: transparent ;
   color: black ;
}

table.prevandnext {
    font-size: smaller;
    width: 100%;
    border-top: 1px solid black;
    border-bottom: 1px solid black;
    background: #BBBBCC;
    color: inherit;
}

table.prevandnext tr td {
    width: 50%;
}

div.prev {
    text-align: left;
}

div.next {
    text-align: right;
}

div.back {
    margin: 0 auto 0 auto;
    width: 90%;
    text-align: right;
    font-size: smaller;
}


table.datatable  {
    margin-left: auto ;
    margin-right: auto 
}

div.body , div.signature {
    clear: left;
    width: 90%;
    margin-left: 5%;
}

div.signature {
    clear: left;
    margin-top: 1ex;
    border-top: thin groove;
}

div.body {
}

div.tocindex {
    border-top: thin groove;
    font-size: smaller;
}

div.tocentry {
    margin-left: 1em;
}

div.diagheader {
    font-size: smaller;
}

div.handheader {
    font-size: smaller;
    margin-left:auto;
    margin-right:auto;
    border-bottom: thin solid;
}

span.played {
	color: #3333FF ;
	font-size: large ;
	font-weight: bold ;
}

dl.dialogue dt { 
   font-weight: bold ;
   margin-right: 1em
}

dl.dialogue dd { 
    padding-bottom: 1ex;
}

table.hand, table.deal {
    border: 0;
}

table.hand tr td {
    font-size: smaller;
    line-height: 1em;
    padding: 0;
    margin: 0;
    spacing:0;
}

table.deal {
    margin-left: auto;
    margin-right: auto;
    width:300px;
    border: thin groove;
    margin-bottom: 1ex;
    margin-top: 1ex;
    clear: left;
}

pre.auction {
	clear: left;
}

table.deal tr td {
     padding:0;
}

p, li {
  max-width: 7.5in;
}