@view-transition {
  navigation: auto;
}
header {
    border-bottom:1px solid black;
    padding-top:4px;
    padding-bottom:4px;
    margin-bottom:16px;
}

.navbar {
    font-family:sans-serif; 
    text-decoration:none; 
    font-size:12px;
    color:#404040;
 
}
.navbar A {
    text-decoration:none; 
    color:#4040d0
}

.navbar A:hover {
    text-decoration:underline; 
    color:#0000ff
}

.footer {
    font-family:Arial,Geneva;
    font-size:8pt;
    color:#404040
}

article {
    max-width:700px;
    margin:auto;
    line-height:140%;
    padding-left: 8px;
    padding-right: 8px;
    line-height:140%;
    font-size:14pt;
}
H1 {
    line-height:120%;
}
article H2 {
    line-height:120%;
}
li {
  line-height:140%;
}
P {
  line-height:140%;
}

footer {
    border-top:1px solid black;
    padding-top:16px;
    text-align:center;
    padding-bottom:64px;
}
.footer {
    padding-top:16px;
    text-align:center;
}

TABLE.ss {
  font-family:sans-serif; 
  font-size:12px;
  border-top:1px solid #999;
  border-bottom:1px solid #999;
}
TABLE.ss TD {
  vertical-align:top;
  padding-bottom:6px;
  padding:4px;
}
TABLE.ss TH {
  text-align:left;
  vertical-align: top;
  background-color:#e0e0e0;
  padding:4px;
}