a.linkleft, a.linkleft:hover, a.linkright, a.linkright:hover,
a.mailleft, a.mailleft:hover, a.mailright, a.mailright:hover,
a.ttfLeft,  a.ttfLeft:hover,  a.ttfRight,  a.ttfRight:hover,
a.pdfLeft,  a.pdfLeft:hover,  a.pdfRight,  a.pdfRight:hover,
a.zipLeft,  a.zipLeft:hover,  a.zipRight,  a.zipRight:hover
{
  background-color: white;
  text-decoration: none;
  font-weight: bold;
}
a.linkleft, a.linkright,
a.mailleft, a.mailright,
a.ttfLeft,  a.ttfRight,
a.pdfLeft,  a.pdfRight,
a.zipLeft,  a.zipRight
{
  color: #5C5C79;
}
a.linkleft:hover, a.linkright:hover,
a.mailleft:hover, a.mailright:hover,
a.ttfLeft:hover,  a.ttfRight:hover,
a.pdfLeft:hover,  a.pdfRight:hover,
a.zipLeft:hover,  a.zipRight:hover
{
  color: #E86C20;
}

a.linkleft,  a.linkleft:hover
{
  padding-left: 12px;
  background: url(http://www.sudleyplace.com/art/link-blue.png) center left no-repeat;
}
a.linkright, a.linkright:hover
{
  padding-right: 12px;
  background: url(http://www.sudleyplace.com/art/link-blue.png) center right no-repeat;
}

a.mailleft, a.mailleft:hover
{
  padding-left: 17px;
  background: url(http://www.sudleyplace.com/art/mail-icon.png) center left no-repeat;
}
a.mailright, a.mailright:hover
{
  padding-right: 17px;
  background: url(http://www.sudleyplace.com/art/mail-icon.png) center right no-repeat;
}

a.ttfLeft,   a.ttfLeft:hover
{
  padding-left: 18px;
  background: url(http://www.sudleyplace.com/art/ttf.png) center left no-repeat;
}
a.ttfRight,  a.ttfRight:hover
{
  padding-right: 18px;
  background: url(http://www.sudleyplace.com/art/ttf.png) center right no-repeat;
}

a.pdfLeft,   a.pdfLeft:hover
{
  padding-left: 12px;
  background: url(http://www.sudleyplace.com/art/pdf.png) center left no-repeat;
}
a.pdfRight,  a.pdfRight:hover
{
  padding-right: 12px;
  background: url(http://www.sudleyplace.com/art/pdf.png) center right no-repeat;
}

a.zipLeft,   a.zipLeft:hover
{
  padding-left: 12px;
  background: url(http://www.sudleyplace.com/art/zip.png) center left no-repeat;
}
a.zipRight,  a.zipRight:hover
{
  padding-right: 12px;
  background: url(http://www.sudleyplace.com/art/zip.png) center right no-repeat;
}

.APL
{
  font-family: APLFont3, monospace;
}

.nowrap
{
  white-space: nowrap;
}

code, .code
{
  font-family: monospace;
}

.outdent
{
  text-indent: -1em;
}

.AlphaList
{
  list-style-type: lower-alpha;
}

h1
{
  text-align: center;
}

body
{
  font-family: Verdana, "Myriad Web", Syntax, sans-serif;
  color: black;
  background-color: white;
}

h1, h2, h3, h4, h5
{
  color: #003366;
  background-color: white;
}

@media screen
{
  .noscreen
  {
    display: none !important;
  }
}

@media print
{
  .noprint
  {
    display: none !important;
  }
}

/************************************************
MUST be at the end of the CSS file - when IE fails
on a font-face statement, it sometimes (not always)
ignores the rest of the CSS file!
 ************************************************/

/* Try IE first, see above: */

/************************************************
@font-face
{
  font-family: 'APLFont1';
  src: url("http://www.sudleyplace.com/fonts/apl385.eot");
}
 ************************************************/

/* Now try local but embed in the end
   IE will fail on this for two reasons:
   1. It cannot handle TTF fonts
   2. It does not understand "local"
 */

@font-face
{
  font-family: 'APLFont1';
  src:
    local("APL385 Unicode"),
    url("http://www.sudleyplace.com/fonts/apl385.ttf") format("truetype");
}

@font-face
{
  font-family: 'APLFont2';
  src:
    local("SImPL"),
    url("http://www.sudleyplace.com/fonts/SImPL.ttf") format("truetype");
}

@font-face
{
  font-family: 'APLFont3';
  src:
    local("SImPL medium"),
    url("http://www.sudleyplace.com/fonts/SImPL-Medium.ttf") format("truetype");
}

@font-face
{
  font-family: 'APLFont4';
  src:
    local("APLX Upright"),
    url("http://www.sudleyplace.com/fonts/aplx_unicode.ttf") format("truetype");
}

@font-face
{
  font-family: 'BTCFont';
  src:
    local("BTC"),
    url("http://www.sudleyplace.com/fonts/BTC.ttf") format("truetype");
}