/*
** Define the behaviour of the links.
*/
a {
  color:            blue;       /* Blue for links. */
  cursor:           hand;
  text-decoration:  none;
}
a:hover {
  color:            red;        /* But red for hover. */
}

/*
** Define a replacement for the deprecated NOBR element,
** and for the deprecated FONT attributes.
*/
.nobr, .bid, .nobid {
  white-space:      nowrap
}
.blksuit {
  color:            black;
  font-size:        14pt;
}
.redsuit {
  color:            red;
  font-size:        14pt;
}

/*
** Define "bid" and "nobid" classes for anchors, where we will highlight the background
** of the link and change the mouse hover colour to indicate whether the link leads anywhere or not.
*/
a.bid, a.nobid {
  color:            black;
  cursor:           hand;
  text-decoration:  none;
  padding-left:     5px;
  padding-right:    5px;
}
a.bid:hover {
  background:       yellow;
}
a.nobid:hover, span.nobid:hover {
  background:       silver;
}
img {
  border:           0px;
}

/*
** Define the body.
*/
body {
  color:            black;
  background:       lightblue;
  font-size:        16pt;
  font-family:      "Lucida Sans", "Verdana", "Arial", "Sans-Serif";
  margin-top:       30px;
  margin-bottom:    30px;
  margin-left:      50px;
  margin-right:     50px;
}

/*
** Define styles for all of the heading levels that we will use.
*/
h1, h2, h3, h4, table.PartnershipAgreement th {
  color:            #666600;
  font-family:      "Lucida Sans", "Verdana", "Arial", "Sans-Serif";
  font-weight:      bold;
  text-decoration:  none;
  margin-top:       0.8em;
  margin-bottom:    0.4em;
  clear:            both;
}
h1 {
  font-size:        18pt;
  text-align:       center;
  margin-top:       1.5em;
}
h2 {
  font-size:        14pt;
  margin-top:       1.0em;
  margin-bottom:    0.3em;
}
h3, table.PartnershipAgreement th {
  font-size:        12pt;
  margin-top:       1.0em;
  margin-bottom:    0.6em;
}
h4, table.PartnershipAgreement th.ColHead {
  font-size:        10pt;
}

/*
** Define styles for normal text elements.
** The "NormalText" class is necessary because Internet Explorer does not
** set reset the attributes of an enclosing element when an enclosed
** element ends. Eg in "<p>text1<div>...</div>text2</p>", only "text1"
** will be set to the <p> attributes. If any of these are changed by <div>
** then "text2" will be in the wrong style. Use "<span class="NormalText"/>
** to reset the parameters.
*/
p, ol, ul, li, dl, table, td, th, .NormalText {
  color:            black;
  margin-top:       0;
  margin-bottom:    0.5em;
  text-align:       justify;
  font-size:        12pt;
  font-family:      Comic Sans MS, Times New Roman, Serif;
}
ol, ul, .FollowOn {
  margin-top:       -0.5em;         /* To remove the previous element's margin. */
}
ul {
  margin-top:       0.5em;
}
li {
  margin-bottom:    0.2em;
}
th {
  font-weight:      bold;
  text-align:       center;
}
td {
  text-align:       left;
  vertical-align:   top;
}
.DTHeadings dt {                    /* Gives DT elements same attributes as H4. */
  color:            #666600;
  font-family:      "Lucida Sans", "Verdana", "Arial", "Sans-Serif";
  font-weight:      bold;
  font-size:        10pt;
}
dt {
  text-align:       left;
}
dd {
  margin-bottom:    0.75em;
}
.bid {
  color:            black;
}

table.PartnershipAgreement, table.PartnershipAgreement tr, table.PartnershipAgreement th, table.PartnershipAgreement td {
  border:           1px solid gray;
  padding:          4px 10px;
  width:            33.33%;
  text-align:       left;
  background:       lightgrey;
}
table.PartnershipAgreement {
  width:            100%;
  padding:          0px;
  margin-top:       20px;
  margin-bottom:    20px;
}
table.PartnershipAgreement th.ColHead {
  color:            maroon;
}

/*
** When we use a table to display a menu, we want it centred but with a left margin.
*/
table.Menu {
  margin-left:      60px;
  margin-right:     0px;
  margin-top:       10px;
  margin-bottom:    20px;
  width:            100%;
}
table.Menu tr {
  width:            100%;
}
table.Menu tr th {
  width:            20%;
  text-align:       left;
}
table.Menu tr td {
  text-align:       left;
}

/*
** A class for writing contact details.
*/
.contact {
  margin-top:       30px;
  margin-bottom:    10px;
  color:            #666600;
  font-size:        9pt;
  font-family:      Abadi MT Condensed Light, Verdana, Arial, Sans-Serif;
  text-align:       right;
}

/*
** A class for writing text in a smaller font size.
*/
.small {
  font-size:        12pt;
}

.centered {
  text-align:       center;
}

/*
** Define styles for lists.
*/
ul {
  list-style-type:  disc;
}

/*
** Define classes for highlighting particular categories of items.
*/
.general {
  background:       limegreen;
}
.serious {
  background:       goldenrod;
}
.boffins {
  background:       lightsalmon;
}
.MemoryGuide {
  color:            brown;
}

/*
** Define a class for displaying a hand of cards.
*/
div.handcloth {
  background-image: url( images/baize.jpg );
  float:            left;
  clear:            left;
  margin-top:       6px;
  margin-right:     20px;
  width:            180px;
}
table.hand {
  margin:           10px;
}
/* NB: Some fonts have a problem with the "diams" symbol. Arial is OK. */
table.hand tr td, .cards {
  padding-left:     4px;
  padding-right:    4px;
  font-family:      Arial, Sans-Serif;
  font-size:        12pt;
  font-weight:      bold;
}
img.spade {       /* Doesn't work. */
  source: url( images/spade.gif );
}

/*
** A class for producing a compact definition list.
*
dl.level1 {
  compact:  compact;
}
*/