body, td { font: 14px/20px "Lucida Grande", Verdana, sans-serif; }
h1 { font-size: 21px; line-height: 21px; font-weight: bold; margin-top: 1em; margin-bottom: 1em; }
h2 { font-size: 16px; line-height: 16px; font-weight: bold; margin-top: 2em; }
h3 { font-size: 14px; line-height: 14px; font-weight: bold; margin-top: 2em; }
pre { background-color: #e4e0dc; width: 480pt; padding: 4px; }
code { background-color: #e4e0dc; padding: 0 3px; }
a { color: #415d87; }
li { padding: 2px 0 2px; }
img { border: none; }

body.nomargin { margin: 0; padding: 0; }

.nopadli li { padding: 0; }
.smallem em {  font-size: 85%; }

.icon { margin-right: 3px; vertical-align: middle; }

.cap { background: #244c7f; color: white; height: 80px;
  font: bold 32pt "Verdana"; padding: 0 16px; }
.cap a { text-decoration: none; color: white; }
.caplogo { position: absolute; top: 35px; right: 0; }

.nav { background-color: #f2f0ee; color: black; padding: 0 0 12px;
  vertical-align: top; white-space: nowrap; border-right: 2px dotted #c2c0be; }
.nav div { margin: 16px 16px 0; width: 10em; }
.nav ul { color: #415d87; margin: 0; padding: 0 0 0 32px; }
.nav li { padding: 0; }

.content { background: white; color: black; padding: 0 16px 16px 16px;
  vertical-align: top; width: 100%; }
.footer { vertical-align: bottom; }

.startbox { border: 1px solid #cad2de; padding: 16px;
  margin: 24px 0 0 4px; width: 640px; }
.startbox h1 { margin-top: 0; color: #153768;
  background: url(img/ulr.png) bottom left no-repeat; }

.infobox { width: 160px; border: 1px solid #cad2de; margin: 48px 0 0 24px; }
.infobox td { font-size: 8pt; line-height: 12pt; }

table.blue { border: none; margin: 12px 0; }
table.blue td { border-color: #cad2de; border-style: solid; border-width: 1px 0 0 4px; padding: 2px 6px; vertical-align: top; }
table.blue td.spc { width: 8px; padding: 0; border: 0; }
table.blue td.label { border: none; }

.photo img { border: 1px solid black; float: left; margin-right: 16px; }