/* Last modified: Sat Dec 20 02:52:13 +0100 2008 by MJ
Cf. http://diveintoaccessibility.org/examples/fontsize.html
*/
body, table {
  font: 14px Georgia, Times, serif;
  background-color: #fffff0;}
table {
  font: 14px Georgia, Times, serif;}
h1 {
  color: #016;
  font-size: 24px;
  font-variant: small-caps;}
h2, h2 a {
  color: #c11;
  font-size: 20px;
  font-variant: small-caps;}
h2:before {
  content: ">\0020";}
h3 {
  font-size: 16px;
  text-align: center;}
h4 {
  font-size: 14px;}

em.red {
  color: #d00;}

a {
  color: #000180;
  text-decoration: none;
  border-style: none;}
a:link:hover, a:visited:hover, 
.showlink a:link:hover, .showlink a:visited:hover {
  border-width: 0px 0px 1px 0px;
  border-style: dashed;}
.showlink a:link, .showlink a:visited {
  border-width: 0px 0px 1px 0px;
  border-style: dotted;}
.back a:link, .back a:visited {
  font: 11px Verdana, Arial, Helvetica, sans-serif;
  font-weight: bold;
  border-style: none;
  color: #99c;}
.back a:hover {
  border-style: none;
  background-color: #333;
  color: #ee0;}

.small {
  font-size: 10px;}

span.PDFlink a, span.PDFlink a:link, span.PDFlink a:visited,span.PDFlink a:link:hover, span.PDFlink a:visited:hover {
  background: url("img/pdf.png") center right no-repeat !important;
  padding-right: 18px !important;
  text-decoration: none; border-style: none;
  font-size: x-small;}

span.PSlink a, span.PSlink a:link, span.PSlink a:visited,span.PSlink a:link:hover, span.PSlink a:visited:hover {
  background: url("img/ps.png") center right no-repeat !important;
  padding-right: 18px !important;
  text-decoration: none; border-style: none;
  font-size: x-small;}

.box { 
  background-color: #ffe0e0;
  border: 2px dashed red;
  padding: 5px;
  display: block;}

table {
  padding-left: 2em;}
th {
  scope: row;
  vertical-align: top;
  text-align: right;
  width: 3em;}
tr {
  vertical-align: top;}

ul li {
  padding-bottom: 4px;}

#main {
  margin: 0 10px 0 16em;
  height: 300px;
  min-height: 300px;}
html>body #main {
  height: auto;}

#leftcolumn {
  float: left;
  position: fixed;
  top: 1em; left: .5em;
  width: 14em;}
/*
<!--[if lte IE 6]>
body > #leftcolumn { 
  position: absolute;}
<! endif -->
*/
#leftcolumn img {
  margin-left: auto;
  margin-right: auto;
  display: block;}
#leftcolumn a {  
  text-decoration: none;}
#menulist {
  margin-left: 10px;
  font-size: 12px;
  font-weight: bold;
  border-right: 1px solid #666;
  padding: 0;
  margin-bottom: 3em;
  margin-top: 2em;}
#menulist ul {
  list-style: none;
  margin: 0;
  padding: 0;}
#menulist ul li {
  margin: 0;
  padding: 0;
  border-top: 1px solid #003;}
#menulist ul li a {
  display: block;
  padding: 2px 0px 2px 7px;
  border-left: 10px solid #369;
  border-right: 1px solid #69c;
  border-bottom: 1px solid #369;
  background-color: #036;
  color: #fff;
  font-size: 0.8em;
  text-decoration: none;
  width: 100%;}
html>body #menulist ul li a {
  width: auto;}
#menulist ul li a:hover {
  border-left: 10px solid #036;
  border-right: 1px solid #69c;
  border-bottom: 1px solid #369;
  background-color: #69f;
  color: #fff;}
#menulist .sel {
  border-left: 10px solid #f33;
  border-right: 1px solid #f66;
  border-bottom: 1px solid #f33;
  color: #333;
  background-color: #fcc;}
#menulist li .sub {
  padding: 2px 0px 2px 7px; 
  font-weight: normal;
  border-bottom: 1px solid #a47;
  background-color: #836;}

#footer {
  clear: both;
  font-size: 9px;
  color: #444;
  padding-bottom: 1em;
  border-top: 1px solid #444;}