@media screen {
  html, body {
    margin: 0;
    padding: 0;
    border: 0;
    width: 100%;
    height: 100%;
  }
  body {
    min-width: 980px;
    color: #000;
    background: #fff url(/_images/design/shadow.gif) 0 195px scroll no-repeat;
    font: 80% Arial, Helvetica, sans-serif;
  }
  img {
    border: 0px;
    vertical-align: top;
  }
  form {
    margin: 0;
    padding: 0;
  }
  input, select {
    font-size: 100%;
  }
  textarea {
    font-size: 120%;
  }
  img.button {
    width: 88px;
    height: 31px;
  }
  img.photo, img.preview {
    border: solid 1px #036;
  }
  img.preview {
    height: 75px;
    margin: 0 1em 1em 0;
  }
  .annotation {
    font-size: 110%;
  }
  .comment {
    font-size: 85%;
  }
  .important {
    color: #c00;
    font-weight: bold;
  }
  span {
    white-space: nowrap;
  }
  #header {
    background: #4169e1;
    position: relative;
    width: 100%;
    height: 95px;
    overflow: hidden;
/*    background: url(/_images/design/bg.gif) scroll repeat-x;*/
  }
  #logo, #about, #phone, #flag, #home, #up, #feedback, #sidebar-carrier, #newyear {
    position: absolute;
    z-index: 1;
    overflow: hidden;
  }
  #logo {
    top: 98px;
    left: 9px;
    width: 344px;
    height: 92px;
    z-index: 2;
  }
  #about {
    top: 0;
    right: 0;
    width: 217px;
    height: 84px;
  }
  #phone {
    bottom: 24px;
    right: 8px;
    width: 145px;
    height: 21px;
  }
  #flag {
    bottom: 6px;
    right: 83px;
    width: 23px;
    height: 15px;
  }
  #home {
    bottom: 6px;
    right: 60px;
    width: 17px;
    height: 16px;
  }
  #up {
    bottom: 6px;
    right: 38px;
    width: 16px;
    height: 15px;
  }
  #feedback {
    bottom: 6px;
    right: 9px;
    width: 20px;
    height: 15px;
  }
  #newyear {
    left: 0;
    top: 0;
    width: 378px;
    height: 160px;
    overflow: hidden;
    z-index: 3;
  }
  #sidebar-carrier {
    left: 38px;
    top: 213px;
    width: 195px;
    overflow: hidden;
    background: #f0f0f0 url(/_images/design/cornersb.gif) bottom left scroll no-repeat;
  }
  #sidebar {
    padding: 0 9px 16px;
  }
  #sidebar ul {
    list-style: none;
    margin: 0;
    padding: 0;
  }
  #sidebar ul li {
    margin: 0 0 10px;
    padding: 2px 9px;
  }
  #sidebar ul li.current {
    color: #999;
    background: #dcdcdc;
  }
  #sidebar ul li.selected {
    padding: 1px 8px;
    border: solid 1px #dcdcdc;
  }
  #sidebar a, #sidebar a:link, #sidebar a:visited, #sidebar a:active {
    text-decoration: none;
    color: #000;
  }
  #sidebar a:hover {
    color: #c00;
  }
  #sidebar .photolink {
    text-decoration: underline;
  }
  #main {
    margin-left: 233px;
    padding: 18px 38px 0;
  }
  #main h1, #main h2, #main h3 {
    margin: 0 0 .5em;
  }
  #main h1 {
    font-size: 175%;
    color: #069;
  }
  #main h1.error {
    font-size: 500%;
    color: #c00;
  }
  #main h2 {
    font-size: 150%;
    color: #036;
    margin-top: 1em;
  }
  #main h3 {
    font-size: 130%;
    margin-top: 1em;
  }
  #main p {
    margin: 0 0 1em;
    line-height: 1.5em;
  }
  #main ul, #main ol
  {
    margin: 0 0 1em;
    padding: 0;
  }
  #main ul {
    list-style: disc;
  }
  #main ul ul {
    margin-top: 1em;
  }
  #main li {
    margin: 0 0 1em 1.5em;
    padding: 0;
    line-height: 1.5em;
  }
  #main a, #footer a {
    text-decoration: underline;
  }
  #main a:link, #footer a:link {
    color: #036;
  }
  #main a:visited, #footer a:visited {
    color: #666;
  }
  #main a:active, #footer a:active {
    color: #c00;
  }
  #main a:hover, #footer a:hover {
    text-decoration: none;
  }
  #main .cnt {
    text-align: center;
  }
  #welcome {
    border: dotted #ccc;
    border-width: 2px 0 2px 0;
    padding: .5em 0;
  }
  #footer-carrier {
    clear: both;
    margin: 38px 0 0 253px;
/*    background: #f0f0f0 url(/_images/design/cornerlf.gif) bottom left scroll no-repeat;*/
    background: #9acd32;
  }
  #footer {
    padding: 18px 38px 56px 18px;
    font-size: 85%;
    background: url(/_images/design/cornerlt.gif) scroll no-repeat;
  }
  #footer p {
    margin: 0;
  }
  #counters {
    float: right;
    clear: right;
    margin: 0 0 9px 9px;
  }
}
@media print
{
  body {
    color: #000;
    font: 12pt "Times New Roman", Times, serif;
  }
  img {
    border: none;
  }
  img.button {
    width: 88px;
    height: 31px;
  }
  img.photo, img.preview {
    border: solid 1pt #000;
  }
  img.preview {
    height: 75px;
    margin: 0 1em 1em 0;
  }
  span {
    white-space: nowrap;
  }
  .annotation {
    font-size: 110%;
  }
  .comment {
    font-size: 85%;
  }
  .important {
    font-weight: bold;
  }
  #header, #sidebar-carrier, #counters, .hidden {
    display: none;
  }
  #main h1, #main h2, #main h3 {
    font-family: Arial, Helvetica, sans-serif;
    margin: 0 0 .5em;
  }
  #main h1 {
    font-size: 20pt;
  }
  #main h2 {
    font-size: 16pt;
  }
  #main h3 {
    font-size: 12pt;
  }
  #main p {
    margin: 0 0 1em;
    line-height: 1.5em;
  }
  #main ul, #main ol
  {
    margin: 0 0 1em;
    padding: 0;
  }
  #main ul {
    list-style: disc;
  }
  #main ul ul {
    margin-top: 1em;
  }
  #main li {
    margin: 0 0 1em 1.5em;
    padding: 0;
    line-height: 1.5em;
  }
  #main a, #footer a {
    color: #000;
    text-decoration: underline;
  }
  #footer {
    border-top: solid 1pt #000;
    font-size: 10pt;
  }
}