body
  {
    background-color: #fffff8;
    color: #000000;
    line-height: 1.2;
    margin: 0;
  }
.clear { clear: both }
a:link, a:visited, a:active, a:focus
  {
    text-decoration: none;
    border: none;
  }
a:hover
  {
    border: none;
  }
@media screen
  {
    body
    {
      font-size: 12pt;
    }
    .media_scr { display: block }
    .media_no_scr { display: none }
    .media_pr { display: none }
    .media_no_pr { display: block }
    .media_hh { display: none }
    .media_no_hh { display: block }
  }
@media print
  {
    body
    {
      font-size: 10pt;
    }
    .media_scr { display: block }
    .media_no_scr { display: none }
    .media_pr { display: block }
    .media_no_pr { display: none }
    .media_hh { display: none }
    .media_no_hh { display: block }
    .banner img { margin: 3px !important }
    .dont_break { page-break-inside: avoid }
    table { page-break-inside: avoid }
  }
@media handheld
  {
    .media_scr { display: block }
    .media_no_scr { display: none }
    .media_pr { display: none }
    .media_no_pr { display: block }
    .media_hh { display: block }
    .media_no_hh { display: none }
    .banner img { margin: 1px !important }
    .banner p { font-size: large !important }
    .banner .menu { font-size: small !important }
    .ubag, .ubal { font-size: medium !important; margin: 0.25em auto }
    .cal_detailed { font-size: large !important }
  }
.disclaimer
  {
    font-size: small;
    font-style: italic;
  }
.banner
  {
    background-color:#e0d080;
    page-break-after:auto;
  }
.banner img
  {
    border: 0;
    padding: 0;
    margin: 4px;
    float: left;
  }
.banner p
  {
    float: left;
    font-family: "Arial", "Verdana", "Sans-serif";
    font-size: xx-large;
    font-weight: bold;
    margin-left: 0.5em;
    margin-bottom: 0.2em;
    line-height: 1;
  }
.banner p .menu
  {
    font-size: medium;
  }
.banner p a:link, .banner p a:visited, .banner p a:active, .banner p a:focus
  {
    color: inherit;
    background-color: inherit;
  }
.banner p a:hover
  {
    background-color: transparent;
  }
.banner span a:link, .banner span a:visited, .banner span a:active, .banner span a:focus
  {
    color: #000000;
    background-color: #f0e090;
  }
.banner span a.cur:link, .banner span a.cur:visited, .banner span a.cur:active, .banner span a.cur:focus
  {
    color: inherit;
    background-color: inherit !important;
    font-weight: bold;
  }
.banner span a:hover
  {
    background-color: #c0b068;
  }
.banner span a.cur:hover
  {
    background-color: inherit;
  }
.banner form select
  {
    color: #505050;
    background-color: transparent;
    font-size: xx-small;
    float: right;
  }
.recommends
  {
    background-color: transparent;
    font-size: xx-small;
    float: right;
  }
.lang_incomplete
  {
    font-size: small;
    font-style: italic;
    color: #204060;
  }
.utc, .ubag, .ubal
  {
    font-family: "Arial", "Verdana", "Sans-serif";
    line-height: 1;
    margin: 0 auto;
    text-align: center;
  }
.utc
  {
    font-size: smaller;
    padding: 0;
    border: 0;
  }
.ubag, .ubal
  {
    font-size: larger;
    line-height: 1;
    margin: 0.75em auto;
    text-align: center;
  }
.ubag strong, .ubal strong
  {
    padding: 0.2em 0.75em;
    border: solid black;
    background-color: #ffffff;
  }
.ubag span strong { border: 5px solid black; }
.ubal span strong { border: 3px solid black; }
.ubag p, .ubal p
  {
    margin: 1em auto 0.5em auto;
    padding-bottom: 3px;
  }
.ubal p:first-child
  {
    margin-bottom: -0.5em;
  }
.ubal select
  {
    margin-top: 0.75em;
  }
.ubar
  {
    font-size: smaller;
    line-height: 1;
    margin: 0.75em auto;
    text-align: center;
  }
.notebox
  {
    font-size: smaller;
    font-style: italic;
    border: 2px outset black;
    margin: 1em 1.25em;
    padding: 0 0.75em;
  }
.notebox p, .notebox ul
  {
    color: #808040;
  }
.converters
  {
    font-size: larger;
    line-height: 1.5;
    margin: 0.75em auto;
    text-align: center;
    font-family: "Arial", "Verdana", "Sans-serif";
    font-weight: bold;
  }
.converters span
  {
    margin: 0;
    font-weight: normal;
  }
table, .sample_scal table
  {
    table-layout:fixed;
    margin-left:auto;
    margin-right:auto;
    padding: 1em;
    border-collapse: collapse;
    font-family: "Arial", "Verdana", "Sans-serif";
  }
thead
  {
  }
td,th
  {
    text-align: left;
    border: 1px solid black;
    padding: 0.2em;
  }
colgroup.divider
  {
    width: 8%;
  }

.cal td, .sample_scal td
  {
    text-align: right;
  }
.cal_detailed
  {
    font-size: xx-large;
  }
.cal_year
  {
    text-align: left;
    padding-left: 0.5em;
    padding-right: 0.5em;
  }
.cal_month, .cal_season
  {
    text-align: right;
    padding-left: 0.5em;
    padding-right: 0.5em;
  }
.scal_season
  {
    text-align: left;
    padding-left: 0.5em;
    padding-right: 0.5em;
  }
.cal_wd, .scal_wd th
  {
    font-weight: normal;
    font-size: smaller;
    text-align: center;
  }
.cal_out, .sample_scal_out
  {
    background-color: #e0e0e0;
    color: #8c8c8c;
  }
.cal_in, .sample_scal_in
  {
    color: #383838;
  }
.cal_today
  {
    color: #800000 !important;
    background-color: #ffffff !important;
    font-weight: 900;
  }
.cal td.cal_details
  {
    text-align: left;
    font-size: xx-small;
  }
#uc_display>table.cal
  {
    display: inline-table;
    margin: 0.5em;
  }
table.cal_mini_year
  {
    border-collapse: separate;
    border-spacing: 0.25em;
  }
td.cal_mini_year
  {
    border: 0;
    vertical-align: top;
  }
table.sample_scal
  {
    border-collapse: separate;
    border-spacing: 1em;
  }
table.sample_scal td
  {
    border: 0;
    vertical-align: top;
  }
table.sample_scal td table td
  {
    border: 1px solid black;
    padding: 0.2em;
  }
table.map
  {
    border-collapse: separate;
    border-style: ridge;
    border-spacing: 0;
    padding: 0;
  }
.map td, .map th, .map th div, .map th p
  {
    border: 0;
    padding: 0;
    margin: 0;
  }
.map th div
  {
    width: 600px;
    height: 30px;
    font-size: 20px;
    position: relative;
  }
.map th p
  {
    position: absolute;
  }
.map td
  {
    border-top: 1px solid black;
  }
#map_canvas
  {
    width: 600px;
    height: 400px;
  }