/* section margins */

html { margin: 0; padding: 0 }
body { margin: 0; padding: 0 0 1.6em }
body { font-size: 87.5%; color: #000; background: #f0f0f0 }

#wrapper {
  margin: 0 auto 0;
  width: 96%;
  max-width: 37em;
  min-width:45% }
  
#leftwrapper700 {
  margin: 0 auto 0 10px;
  width: 96%;
  max-width: 700px }

* html #wrapper { width: 65% }
* html #leftwrapper700 { width: 700px }

/* wrapper text */

p,ol,ul,dl,td { text-align: left   }
td.caption    { text-align: center }

p,ol,ul,dl,.caption,td {
  font-family: "DejaVu Sans","Bitstream Vera Sans",Verdana,"MS Reference Sans Serif","Lucida Sans","Lucida Sans Regular","Lucida Grande","Lucida Sans Unicode",Lucida,"DejaVu Serif","Bitstream Vera Serif",Geneva,Tahoma,sans-serif;
  font-weight: normal }

p b.phead {
  font-family: Arial, Helvetica, sans-serif;
  font-weight: bold }
  
p,a,ul,ol,dl,td { font-size: 1em } /* 14px */
p b.phead { font-size: 1.214em } /* 17px */

/* vertical spacing */
p,ol,ul,dl  { margin-bottom: 1.42857em; margin-top: 1.42857em; line-height: 1.42857em } /* 20 px */
div.index p { margin: 1em 0;     line-height: 1.214em     } /* 17 px */

table.data td { padding: 0.06em 0.5em 0.23em; line-height: 1.286 }
.caption { padding: 4px 4px 7px }

/* body text colours */

.info { color: #f00; background: transparent }

.oldiewarning { color: #900; background: #f0f0f0 }
.details      { color: #00c; background: #f0f0f0 }
.attention    { color: #f00; background: #f0f0f0 }
.standout     { color: #f00; background: #f0f0f0 }

/* links */

a:link    { color: #00f; background: #f0f0f0; text-decoration: none }
a:visited { color: #c0c; background: #f0f0f0; text-decoration: none }
a:hover   { color: #fff; background: #66c;    text-decoration: none }

a:link    b { color: #12c; background: #f0f0f0; text-decoration: none }
a:visited b { color: #707; background: #f0f0f0; text-decoration: none }
a:hover   b { color: #fff; background: #66c;    text-decoration: none }

/* misc */

.oldiewarning { display: none }
.hidescreen   { display: none }
#statcounter  { clear: both }

/* topline */

p.topline {
  font-family: Arial, Helvetica, sans-serif;
  font-weight: bold }

p.topline {
  margin: 0;
  padding: 0.5em 0;
  line-height: 2.25em;
  color: #000;
  background: #e1e9fc;
  background-image: url(recbg.jpg);
  border-top   : 2px solid #000;
  border-bottom: 3px solid #000 }
  
span.toplinks { font-size: 1.214em }           /* 17 px */
span.toplogo, span.info { font-size: 1.714em } /* 24px */

.toplinks a:link    { color: #000; background: transparent; text-decoration: none }
.toplinks a:visited { color: #000; background: transparent; text-decoration: none }
.toplinks a:hover   { color: #fff; background: #000; text-decoration: none }

/* headings */

h1,h2,h3,h4   { color: #009; background: #f0f0f0 }

hx1 { font-size: 2em }     /* 28px */
hx2 { font-size: 1.429em } /* 20px */
hx3 { font-size: 1.286em } /* 18px */
hx4 { font-size: 1.143em } /* 16px */

h1 { text-align: left }
h1.short { text-align: center }
#leftwrapper700 h1.short { text-align: left }

h1,h2,h3,h4,div#statcounter {
  font-family: Arial, Helvetica, sans-serif;
  font-weight: normal }

h1.var1 {
  margin: 0.9em 0 0.7em;
  font-size: 2em; /* 28px */
  letter-spacing: 1px;
  font-weight: bold;
  color: #009;
  background: #f0f0f0 }

h1.var2 {
  margin: 0.9em 0 0.6em;
  letter-spacing: 1px;
  font-weight: bold;
  color: #009;
  background: #f0f0f0 }

h2.sectionhead { margin-top: 2.4em }

h2.var1 {
  text-align: left;
  font-size: 1.143em;
  line-height: 1.5em;
  padding: 0;
  margin: 1.9em 0;
  color: #009;
  background: #f0f0f0;
  border-bottom: 2px solid #009;
  border-top: 2px solid #009;
  font-weight: bold }

h2.var2 {
  text-align: left;
  font-size: 1.5em;
  line-height: 1;
  margin: 2.1em 0 0;
  font-weight:bold;
  color: #000;
  background: #f0f0f0 none }

h2.var3 {
  text-align: left;
  font-size: 1.5em;
  line-height: 1;
  margin: 2.1em 0 0;
  font-weight: bold;    
  color: #9b1362;
  background: #f0f0f0 none }
  
  /* statcounter */

div#statcounter { font-weight: bold }
div#statcounter { font-size: 0.857em } /* 12px */
div#statcounter { margin: 1.8em 0 0 0 }