html, body {
    background: #FFEEAA;
    color: #000033;
    font-family: "Arial", sans-serif;
    font-size: 16px;
}

span.suitsymbol, span.redsuit, span.blacksuit {
     font-family: "Courier New", Courier, monospace;
}

span.redsuit { color: red; }

span.hand { white-space: nowrap; }

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

.draft { color: red }

td.numeric {
  text-align: right;
}

@media (min-width: 1000px) {
    div.content, .metabody {
        width: min(95%,8in,1000px);
        margin: auto;
    }
}

@media (max-width: 1000px) {
    div.content, .metabody {
        width: 90%;
        margin: auto;
    }
    body {
        font-size: 18px;
    }
}

div.back {
    -moz-border-radius-topright: 20px;
    -moz-border-radius-topleft:  20px;
    margin: 0;
    border: 1px solid black;
    padding: 1ex;
    text-align: right; 
    font-size: smaller;
    background: #AAAADD;
    color: inherit;
}

div.back a {
    color: #000066;
    font-style: italic;
}

div.body {
    background: #FFFFEE;
    color: inherit;
    padding-left: min(0.5in, 6%);
    padding-right: min(0.5in, 6%);
    padding-bottom: 1em;
    padding-top: 1em;
    margin-bottom: 1em;
    font-size: smaller;
    line-height: 1.5;
    border-left: 1px solid;
    border-right: 1px solid;
    border-bottom: 1px solid;
    
    -moz-border-radius-bottomright: 20px;
    -moz-border-radius-bottomleft:  20px;
}

.body pre, .body table {
    overflow: scroll;
}

div.signature {
    margin-left: auto;
    margin-right: auto;
}

img.stamp {
    width: 30px;
    height: 40px;
    border: 0;
}

img#facestamp {
    width: 40px;
    height: 56px;
    border: 0;
}

A:link {
   color: #336699;
}

A:visited {
   color: #114477 ;
}

A:hover {
   color: black ;
}

A:active {
   color: #000099 ;
}

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

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

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

dl.items dt {
   font-weight: bold ;
}

dl.items dd {
    padding-bottom: 1ex;
    padding-right: 1em;
}

dl.links dt {
    font-size: large;
    font-weight: bold ; 
    margin-right: 1em;
    margin-left: 1em;
    text-indent: -1em;
}

dl.links dd { 
    margin-left: 2em ; 
    margin-right: 1em; 
    padding-bottom: 1em;
}

pre {
    font-family: "Courier New", Courier, monospace;
}

div.sig {
    margin-left: 40px;
    margin-right: 40px;
    padding-left: 40px;
    min-height: 40px;
    background-image: url("/graphics/facew.gif");
    background-repeat: no-repeat;
}

span.call {
    white-space: nowrap;
}

span.holding {
    white-space: nowrap;
}

div.sig a.validate {
    float: right;
}

p.note {
    font-style: italic;   
}

#crumbs {
  border: 1px solid #dedede;
  height: 2.3em;
  margin-left: 40px;
  margin-right: 40px;
  margin-bottom: 0;
  margin-top:0;
  border: 1px solid black;
  border-bottom: 1px solid #555;
  text-align: right;
  font-size: smaller;
  background: #FFFFFF;

}
    
#crumbs li {
    float:left;
    line-height:2.3em;
    padding-left:.75em;
    color:#555;
}

#crumbs li a {
    display:block;
    padding:0 15px 0 0;
    background:url(/graphics/crumbs.gif) no-repeat right center;
}
 
#crumbs li a:link, #crumbs li a:visited {
    text-decoration:none;
    color:#555;
}
 
#crumbs li a:hover, #crumbs li a:focus {
    color:#dd2c0d;
}

ul.lindex li {
   padding:0;
   margin: 0;
}
ul#crumbs, ul#crumbs li {
list-style-type:none;
padding: 0;
}