* {
  line-height: 1.5em;
}

body {
  margin: 0;
  padding: 0;
  background: #fff;
  color: #000;
  font-size: 85%;
  font-family: "Arial", sans-serif;
}

img {
  border: 0;
}

table {
  font-size: 100%;
  empty-cells: show;
}

h1 {
  font-size: 400%;
  font-weight: normal;
  margin: .375em 0 .75em 0;
}

h1 a,
h1 a:hover, 
h1 a:visited {
  color: #000;
  text-decoration: none;
}

h1.site-title {
  margin: 0;
}

h2 {
  font-size: 115%;
  margin: 0 0 .375em 0;
}

h3 {
  font-size: 100%;
  margin: 0;
}

blockquote {
  font-size: 90%;
  font-style: italic;
}

a { color: #004080; }
a:hover { color: #0060a0; }
a:visited { color: #400080; }

sup, sub { position: relative; vertical-align: middle; font-size: 75%; font-weight: normal; }
sup { bottom: 0.5em; }
sub { top: 0.5em; }

tt, code { font-family: "Consolas" }
code { display: block; margin: 0 0 .375em 1.5em}

span.tsp,
span.hsp { display: inline; display: inline-block; display: -moz-inline-box; overflow: hidden; text-decoration: inherit; white-space: nowrap  }

span.tsp { width: 0.167em; }
span.hsp { width: 0.083em; }

.logo {
  background: #fff;
}

.logo img {
  display: block;
}

.menu p {
  margin-bottom: .75em;
}

.menu b {
  color: #808080;
}

.menu .selected {
  padding: 0 .67em;
  margin: 0 -.67em;
  background: #fe6;
  color: #000;
  border-radius: .75em;
}

/*
.menu a.selected,
.menu a.selected:visited { color: #607080; }
.menu a:visited { color: #004080; }
*/

.content {
  max-width: 48em;
}

p, ol, ul, li, .inline-table, .columns {
  padding: 0;
  margin: 0 0 0.75em 0;
}

ol, ul {
  padding: 0 0 0 60px;
  padding: 0;
}

p+ol, p+ul {
  margin-top: -.75em;
}

/*
ul li {
  list-style-type: none;
  text-indent: -1.5em;
  behavior: expression(!this.before? this.before = this.innerHTML = '&mdash;<span class="ensp"></span>' + this.innerHTML : '');
}

ul li:before {
  content: '\2014';
  margin-right: 0.5em;
}
*/

.inline-table {
  border: #000 1px solid;
  border-collapse: collapse;
  empty-cells: show;
}

.columns td {
  padding-right: 1.4em;
}

.inline-table td {
  padding: .5em 10px;
}

ul li {
  list-style-type: none;
}

p.small {
  font-size: 85%;
  max-width: 50em;
}

.centre {
  width: 78%;
  sbackground: #ff0;
}

.spacer {
  height: 1.5em;
}

.photo {
  width: 96px;
  height: 96px;
  background: #eee;
  border: 2px #fff solid;
  box-shadow:0 2px 6px -2px #202020;
  -webkit-box-shadow:0 2px 6px -2px #202020;
  -moz-box-shadow:0 2px 6px -2px #202020;
  margin-bottom: 0.75em;
}

.photo img {
  width: 96px;
  height: 96px;
}

.new {
  color: #0080ff;
  color: #803000;
  color: #c04800
}

.feature-icon {
  text-align: center;
  background: #fff;
  margin-bottom: .5em;
}

.links {
  font-size: 80%;
  color: #80746a;
}

.links a { color: #7894aa; }
.links a:hover { color: #78a4ba; }
.links a:visited { color: #9874aa; }

a.button {
  color: #008000;
  text-shadow: 0 1px 0 #cec;
  text-decoration: none;
  display: inline-block;

  font-size: 100%;
  font-weight: bold;
  padding: 1px 0 2px;
  background: rgb(240,240,240); /* Old browsers */
  background: -moz-linear-gradient(top, rgba(240,240,240,1) 0%, rgba(208,208,208,1) 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(240,240,240,1)), color-stop(100%,rgba(208,208,208,1))); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, rgba(240,240,240,1) 0%,rgba(208,208,208,1) 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, rgba(240,240,240,1) 0%,rgba(208,208,208,1) 100%); /* Opera11.10+ */
  background: -ms-linear-gradient(top, rgba(240,240,240,1) 0%,rgba(208,208,208,1) 100%); /* IE10+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f0f0f0', endColorstr='#d0d0d0',GradientType=0 ); /* IE6-9 */
  background: linear-gradient(top, rgba(240,240,240,1) 0%,rgba(208,208,208,1) 100%); /* W3C */
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  width: 80px;
  text-align: center;
  box-shadow:0 2px 6px -2px #202020;
  -webkit-box-shadow:0 2px 6px -2px #202020;
  -moz-box-shadow:0 2px 6px -2px #202020;
}

